@media only screen and (max-width:1300px){

	.nav a{
		font-size:13px;
		padding:15px;	
	}
	
}

@media only screen and (max-width:1240px){
	.grwng-count li{
		margin-right:10%;	
	}
	
	.heading h2{
		font-size:35px;	
	}
	
	.heading h3, .heading h2 span{
		font-size:25px;
	}
	
	.facility li h3{
		font-size:19px;	
	}
}

@media only screen and (max-width:1199px){
    .container{
        width:95% !important;
        max-width:100% !important;
    }
}

@media only screen and (max-width:1100px){
	.container{
		width:90%	
	}
	
	.logo{
		width:240px;
	}
	
	#header{
		padding:10px 0;	
	}
	
	
	
	.life-campus{
		margin-left:5%;	
	}
	
	.full-img{
		right:-100px;	
	}
	
	.facility li{
		width:33%;	
	}
	
	.slant-line.grey{
		right:908px;	
	}
	
	.slant-line.blue{
		right:540px;	
	}
	
	.slant-line.yellow{
		right:1040px;	
	}
	
	#test-slider p{
		width:100%;	
	}
	.why-us-photos li{
		width:50%;	
	}
	
	.form-center, .div-center{
		width:90%;
	}
}

@media only screen and (max-width:1050px){
	.grwng-count h4{
		font-size:40px;			
	}
	
	.nav a{
		font-size:12px;	
	}
	
}

@media only screen and (max-width:1000px){
	.menu-drp{
		display:block;	
		font-size:20px;
		margin:5px 0;
		position:relative;
		color:#029099;
		float:right;
		cursor:pointer;
	}
	
	.menu-drp::before{
		position:absolute;
		content:'\f20e';
		font-family:"Ionicons";
		display:block;
		left:-20px;
		font-size:24px;
	}
	
	.nav-drp{
		display:none;	
		transition:none;
		margin-top:20px;
		width:100%;
		float:left;
	}
	
	#header{
		position:relative;	
	}
	
	.nav::before{
		display:none;	
	}
	
	.logo{
		position:absolute;	
		z-index:3;
		width:210px;
	}
	
	.nav{
		width:100%;	
	}
	
	.nav-drp li{
		width:100%;
		float:left;	
	}
	
	.nav a{
		padding:10px;
		color:#333 !important;
		border-radius:3px;	
	}
	
	.nav li:last-child a::before{
		display:none;	
	}
	
	.nav a:hover, .nav a.active{
		background:#029099;
		color:#fff !important;	
	}
	
	.facility li {
		width: 32.5%;
	}
	
	.phtglry li{
		width:47%;
	}
	
	.leaders .span-3{
		width:32.5%;	
	}

}

@media only screen and (max-width:991px){
    .scroll-table.horizontall-scroll{
        width:100%;
        float:left;
        overflow:auto;
    }

    .scroll-table.horizontall-scroll table{
        width:800px;
    }
}

@media only screen and (max-width:950px){

	
	.grwng-count li {
		margin-right: 7%;
	}
	
	.img-auto img {
		width: 80%;
	}
	
}

@media only screen and (max-width:850px){
	.grwng-count li {
		margin-right: 15%;
		margin-bottom:15px;
	}
	.full-img{
		right:-250px;	
	}
	
	.ftr-dark{
		text-align:center;		
	}
	
	.copy, .social{
		float:none;	
		display:inline-block;
		width:100%;
	}
	
	.social{
		margin-top:20px;	
	}
	
	.social li{
		display:inline-block;
		float:none;	
	}
	
	.why-us .span-7, .why-us .span-5{
		width:100%;	
	}
	
	.why-us .span-5{
		padding-left:5%;	
		padding-right:20px;
	}
	
	.why-us-photos li{
		width:33.33%;
	}
	
	.facilities .heading h2{
		font-size:20px;	
	}
	
	.form-center .span-12 .data-right{
		float:left;
		clear:both;
		margin-top:10px;
	}
	
	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		width:800px !important;
	}
	
	.inputfile-6 + label span{
		width:55% !important;	
	}
	
	.inputfile-6 + label strong{
		top:0;
	}
	
	.leaders .span-3{
		width:49.5%;	
	}
}


@media only screen and (max-width:767px){
	.leadership .span-6{
		width:100%;
	}
	
	.leadership .span-6:first-child{
		display:none;
	}
	
	.span-6, .contact-data .span-6{
		width:100%;	
		float:left;
	}
	
	.span-6.data-left {
		margin-bottom:20px;	
	}
	
	.img-auto img {
		width: 50%;
	}
	
	#test-slider .owl-nav{
		position:relative;
		bottom:auto;
		top:auto;	
	}
	
	#test-slider .owl-nav .owl-prev, #test-slider .owl-nav .owl-next{
		margin:0 10px;
		width:40px;
		height:40px;
		line-height:38px;	
	}
	
	.full-img img{
		height:100%;
		width:auto;
		opacity:0.5;
	}
	
	.life-campus{
		width:100%;
		margin-left:0;
		padding-left:20px;
		padding-right:20px;	
	}
	
	.facilities .span-5{
		width:70%;
		margin-bottom:20px;	
	}
	
	.facilities .row{
		border-bottom:#ccc solid thin;	
	}
	
	.facilities .heading{
		text-align:center;	
	}
	
	.facilities .heading h2, .facilities .facility-icon{
		width:100%;	
		float:none;
		display:inline-block;
	}
	.facilities .row p{
		text-align:center;
		font-size:14px;	
	}
	
	.form-center, .div-center{
		width:100%;	
	}
	
	.inpt label{
		margin-right:9px;	
	}
	
	.modal-med{
		width:80%;	
	}
	
}


@media only screen and (max-width:680px){

	#footer .span-3{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	
	
	
	.phtglry li{
		width:30.7%;	
	}
	
	.ftr-drp{
		display:none;	
		transition:none;
	}
	
	.view-desk{
		display:none;	
	}
	
	h3.view-res{
		display:block;
		position:relative;
		cursor:pointer;
	}
	
	h3.view-res::after{
		position:absolute;
		right:0;
		width:30px;
		height:30px;
		font-family:"Ionicons";
		content:'\f123';
		text-align:center;
		line-height:28px;
	}
	
	.inner-header{
		padding:50px 0;	
	}
	
	.inner-header::after{
		background-position:top;	
	}
	.inner-header h1{
		font-size:30px;
	}	
	
	.leader-big-img{
		width:100%;
		height:350px;
		position:relative;
		overflow:hidden;	
	}
	.leader-data{
		width:100%;
		float:left;
	}
}

@media only screen and (max-height:600px){
	.max-height{
		max-height:500px;
			
	}
	
	
}

@media only screen and (max-width:600px){

	
	.facility li{
		width:49%;	
	}
	
	.content-pdng{
		padding:30px 0;	
	}
	
	.heading h2{
		font-size:25px;	
	}
	
	.accordion-head h2{
		font-size:18px;	
		padding-right:50px;
	}
	
	.inr-heading h2, .cntct-heading{
		font-size:18px;	
	}
	
	.form-heading .form-icon{
		width:35px;
	}
	
	.form-heading h3{
		font-size:18px;	
	}
	
	.form-group .form-inline-group{
		width:100%;
		
	}
	
	.form-group .form-inline-group:first-child{
		margin-right:0;
		margin-bottom:10px;
	}
	
	.form-group{
		margin-bottom:10px;	
	}
	
	.form-group .form-inline-group .form-inline-group{
		width:48%;	
	}
	
	.form-group .form-inline-group .form-inline-group:first-child{
		margin-right:4%;	
	}
	
	.modal-dialog{
		margin-top:50px;
	}
}

@media only screen and (max-width:550px){
	.grwng-count li{
		margin-right:10%;	
	}
	.grwng-count h4{
		font-size:35px;	
	}
	.grwng-count{
		margin:30px 0;	
	}
	
	#test-slider .owl-nav{
		height:auto;	
	}
	
	#home-slider .item{
		height:250px;	
	}
	
	#home-slider .item img{
		height:100%;
		width:auto;
	}
	
	.inner-header{
		background-size:cover;
		background-position:center;	
	}
	
	.facilities .heading h2{
		font-size:17px !important;	
	}
	
	.leaders .span-3{
		width:100%;	
	}
}

@media only screen and (max-width:440px){
	.heading h2, .heading h3, .heading h2 span{
		font-size:20px !important;	
	}
	
	.full-img {
		right: -470px;
	}
	
	.grwng-count li{
		width:100%;
		margin:0 0 20px;
		text-align:center;	
	}
	
	.why-us-photos li{
		width:50%;	
	}
	
	.facilities .span-5{
		width:90%;
	}
	
	.event-data h2{
		font-size:20px;	
	}
	
	.date h3{
		font-size:15px;	
	}
	
	
	
	.cntct-detail {
		width: 75%;
	}
	
	.form-center .span-12 .btn{
		font-size:12px;
	}
}

@media only screen and (max-width:400px){
	
	
	.facility li{
		width:100%;
		margin:20px 0;	
	}
	
	.logo{
		width:180px;
		top:5px;	
	}
	
	.img-auto img{
		width:70%;	
	}
	
	.inner-header h1{
		font-size:25px;	
	}
	
	.container{
		width:95%;	
	}
	
	.modal-med{
		width:90%;	
	}
}

@media only screen and (max-width:320px){
	#home-slider .item{
		height:400px;	
	}
	
	#home-slider .item img{
		margin-left:-50%;
	}
}

@media only screen and (max-width:360px) and (max-height:640px){
	.max-height{
		max-height:520px;
	}
}

@media only screen and (max-width:640px) and (max-height:360px){
	.max-height{
		max-height:250px;
	}
	.modal-dialog{
		margin-top:50px;
	}
}

@media only screen and (max-width:320px) and (max-height:480px){
	.max-height{
		max-height:380px;	
	}
}

@media only screen and (max-width:480px) and (max-height:320px){
	.max-height{
		max-height:220px;	
	}
}