@media(max-width:480px){

.faculty-section .faculty-wrapper .faculty-pic {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: left;
}
.faculty-section .faculty-wrapper .faculty-pic img {
  width: 100%;
  height: auto;
}
.faculty-description{
  padding: 20px;
}
}


@media(max-width:766px){
.queryform { display: none}
.mobileform { display: block}
.navbar-brand{padding: 5px 15px!important;
    float: none!important;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.home_banner {
	  background-color:#f7f8f9;
    background: url(../images/Mobile-Banner.jpg) left/cover no-repeat;
    position: relative;
    height:350px;
    width: 100%;
    min-height: auto;

}
.navbar-brand>img { display:inline-block}
.carousel-fade .carousel-inner .item { height:300px; max-height:320px;opacity:1;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}

.trendy-slider img { height:300px!important}

.trendy-slider .carousel-caption{ top:5%;margin-top:0px;width:90%; }
.trendy-slider .carousel-caption h1{font-size:20px;line-height:24px;letter-spacing:0;margin-bottom:20px}
.trendy-slider .carousel-caption p{font-size:12px; line-height:16px;margin-bottom:15px}
.service-tab li{ border:none; border-right:2px solid #ffffff;}.service-tab li>a{padding:10px 10px; min-height:30px;}.nav-tabs.nav-justified>li{display:table-cell;width:1%}.creative-skills{margin-bottom:30px}.process-box{margin-bottom:30px}#quote-carousel .carousel-indicators{bottom:-45px;left:40%;width:90%;margin-left:-35%}#quote-carousel .carousel-control{bottom:0}#quote-carousel .carousel-control.left{left:0}#quote-carousel .carousel-control.right{right:0}

.menu-container { margin:0 -15px}
.service-tab li{ text-align:left;border-right:none;padding:0}

.advantages-section h1, .program-section h1, .faculty-section h1{ 
    font-size: 2rem;
    line-height: 1
}
.program-section h1::after{ 
   width:120px;
}
.faculty-section h1::after{ 
   width:120px;
}
.advantages-wrapper h2 { font-size:20px;}
.courses-wrapper ul li { color:#333333; text-align:left; margin-left:10px; line-height:16px; font-size:12px; list-style:disc}

.courses-wrapper { min-height:300px}
.courses-wrapper .course-img-wrapper {width:140px; overflow:hidden;}
.courses-wrapper .course-content-wrapper { padding-left:150px;}

.creative-section {
    padding: 0 0 0 0px;
    margin-top: 0px;
}
.faculty-wrapper h4 {
	font-size:20px;
}

.faculty-wrapper p {
	font-size:14px;
	line-height:20px;
}

.queryform {
	position:relative;
	margin:20px auto;
	float:none;
	width:100%;
	text-align:center
}

.hero_warp .banner_content {
	display:block;
    padding: 50px 0 0 0;
	z-index:100
}

.hero_warp .banner_content h1.white{color:#ffffff;font-size:32px;line-height:42px; text-align:center;}
.hero_warp .banner_content h1{color:#ffffff;font-size:28px;line-height:36px; text-align:center;}
.hero_warp .banner_content h1::after{ left:0; right:0; margin:0px auto}
.hero_warp .banner_content h3{color:#ffffff;font-size:22px;line-height:32px; text-align:center;}
.hero_warp .banner_content h2{font-size:32px;line-height:36px; text-align:center; display:block}
.hero_warp .banner_content h2::after{width:70%; margin:0px auto; right:0; left:0;}
.hero_warp .banner_content p{width:90%; margin:0px auto; right:0; left:0; text-align:center}

.soe-oerview h3{font-size:24px;line-height:32px;}

.campus-section  h1, .campus-section  h2{ 
    font-size: 24px;
    font-size: 2.75rem;
	line-height:40px
}

.campus-section  h1::after{ 
   content:'';
   position:absolute;
   left:0;
   bottom:0;
   height:4px;
   background:#ffdd55;
   width:150px;
}


.objectfit { object-fit:contain; width:100%; height:auto;}
.objectfit2 { object-fit:contain; width:100%; min-height:auto;}
.soe-oerview .objectfit { object-fit:contain; width:100%; min-height:100%;}
.soe-oerview .objectfit2 { object-fit:contain; width:100%; min-height:100%;}
.soe-oerview .objectfit3 { object-fit:contain; width:100%; min-height:100%;}

.footer-section p{font-size:13px;line-height:20px;color:#ffffff; text-align:center; padding-right:50px;}
.overview-content { padding:20px }
.innercourses-section h1, .faculty-section h2{  
    font-size: 28px;
    font-size: 3.25rem;
}
.snu-overview .overview-content { padding:30px 15px }

.grid2 figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 1% 10px 0;
    min-width: 49%;
    min-width: 49%;
    max-height: 360px;
    width: 49%;
    background: #3085a3;
    text-align: left;
    cursor: pointer;
}

}


@media(min-width:768px) and (max-width:991px){


.soe-oerview h3{font-size:24px;line-height:32px;}

.advantages-section h1, .program-section h1, .faculty-section h1{ 
    font-size: 2.50rem;
}
.advantages-wrapper h2 {font-size:18px; }

.advantages-wrapper p { color:#000000; text-align:left; line-height:20px; margin-top:10px; font-size:14px}
.advantages-wrapper {  min-height:380px;}

.footer-section p{font-size:14px;line-height:20px;color:#ffffff;}


.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 48%;
	min-width: 48%;
	max-height: 220px;
	width: 48%;
}
.grid2 figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 48%;
	min-width: 48%;
	max-height: 220px;
	width: 48%;
}

figure.effect-ming h2 {
	margin: 0 0 10px 0;
	padding:150px 0 0 0;
	font-weight:700;
	text-transform:none;
	font-size:22px
}
figure.effect-ming p {
	padding: 0em 1em;
	opacity: 0;
	line-height:20px;
	font-size:15px
}
}

@media(min-width:992px) and (max-width:1199px){
	
.soe-oerview h3{font-size:24px;line-height:32px;}
.soe-oerview h4{font-size:20px;line-height:32px;}

.video-wrap iframe{height:260px}.form {width: 100%;padding: 10px 0px;}.form .field {margin: 4px!important}.form input,.form select{
	height: 30px;
}}

@media(min-width:1280px) and (max-width:1380px){
.trendy-slider .carousel-caption{margin-top:0px;width:90%; left:5%}	
	}
	
@media(min-width:1380px) and (max-width:1600px){
.trendy-slider .carousel-caption{margin-top:0px;width:90%; left:10%}	
	}