@media (min-width: 1600px){
	.container{max-width: 1400px;}
}

@media (max-width: 1700px){
	.header-banner form{bottom: 100px;}
}

@media (max-width: 1500px){
	section{padding: 50px 0px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-banner{padding:5% 0;}	
}
@media (min-width: 575px) and (max-width: 767px) {
	.tdbig br{display:none;}
}
@media screen and (min-width: 1200px) {
	.owl-carousel .owl-next { right: -42px;}
	.owl-carousel .owl-prev {left:-42px}
	.owl-theme .owl-nav [class*=owl-]{font-size: 40px; line-height: 30px;}
	.owl-carousel .nav-button {top:40%; height: 40px;  width: 40px;}	
	footer .container-fluid{
	    padding:0 50px;
	}

}

@media (min-width: 1200px) and (max-width: 1500px) {
	.container{max-width:95%;}	
	.effect-cta .form-data{margin-bottom: 10px;margin-top: 0px !important;}
	ul.tabs-icons li h5{flex-direction: column;align-items: flex-start;min-height: 125px;}
	.tab-content{min-height: 500px;}
	.box-style1{padding: 20px 0px 20px 110px;}
	.box-style1 h3{font-size: 20px;}
	.box-style1 img{max-width: 60px;}
}

@media screen and (min-width: 992px) {
	.navbar.active .navbar-nav .nav-item .tsmall, .navbar.active .navbar-brand .divleft .tsmall{line-height: 20px;font-size: 10px;}
	.navbar.active .navbar-nav .nav-item img{ width:80px;}
	
	.navbar.active .navbar-brand .divright span{font-size:14px !important; line-height:20px !important;}
	.navbar.active .navbar-brand .divright{font-size:28px !important; margin-top:20px;}
	.navbar.active .navbar-brand .divleft{width:360px;transition:all ease 0.3s;}
	.navbar.active .divleft .tsmall {padding-left: 18px; }
	.navbar.active .navbar-collapse img{ max-width: 75%;}
	.footer-nav{display: none;}
	footer{padding:30px 0 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.col.shadow { width: 208px; height: 195px;}
	.owl-carousel .owl-next { right: -55px;}
	.owl-carousel .owl-prev {left:-55px}
	.owl-carousel .nav-button {top:40%}
	.header-banner {animation: none; background-size: cover;}

}

@media (max-width: 1300px){	
	.shadow-box p{position: relative; left: inherit; bottom: inherit; width: 100%; min-height: auto;}
}
@media screen and (max-width: 991px) {
	.header-banner .mobile-banner{
		display: block;
	  }
	  .header-banner .desktop-banner{
		display: none;
	  }
	.about-section h2{margin-top: 30px;}
	.headerbg{ background: #fff; }
	.header-banner {animation: none; background-size: cover;}
	
	.container, .container-md, .container-sm { max-width: 98%;	}
	.navbar i{font-size:25px;color:var(--blu);}
	.navbar.active i{color:var(--ylo);}
	.navbar{height: 100px;}
	.navbar .navbar-brand, .navbar .nav-link{color:var(--blu);}
	.navbar br{ display:block;}
 
	.navbar .container{border-bottom:0;}
	.navbar .divright span{color:var(--blu);font-weight:400 !important; letter-spacing:0 !important; font-size: 16px !important; line-height: 24px !important;}
	.navbar.active .divright span{color:#fff;}
	.navbar-collapse{ background:#585bab; padding:10px; margin-top: 4px;}
	.navbar .navbar-collapse .nav-link, .navbar .navbar-collapse span{color:#fff;}
	
	.navbar .navbar-brand .divright span{font-size:12px !important; line-height:7px !important;}
	.navbar .navbar-brand .divright{font-size:22px !important; margin:0 0 10px;}
	.navbar .navbar-brand .divleft{width:350px; margin-bottom: 10px;}
	.navbar .divleft-brand{width:75px; margin-bottom: 10px;}
	.navbar .divleft-brand .tsmall, .navbar .navbar-brand .tsmall{font-size:7px;}
	.navbar .navbar-brand .divleft img {width: 85%; }


	.headerbg {background: none;}
	.divleft .tsmall {padding-left: 22px;}
	form .head .form_close{display: none;}
	.header-banner form{display: flex; align-items: end; justify-content: center; position: relative; right: inherit; bottom: inherit; width: 100%; margin: 0 auto; height: auto; border-radius: 0px; padding-bottom: 30px;}
	form .body{display: block;}
	.contact-us-right{border-radius: 0px; padding: 30px;}
	.owl-carousel .nav-button{top: 40% !important;}
	.owl-carousel .owl-next{ right:0;}
	.owl-carousel .owl-prev{ left:0;}
	
	
	.owl-theme .owl-nav [class*=owl-]{ font-size:30px; line-height:23px;}
	.owl-carousel .nav-button { width:30px; height:30px;}
	.owl-carousel .owl-next { right: -36px;}
	.owl-carousel .owl-prev {left:-36px}
	
	.academic .shadow p{ margin:0;}
	.academic .shadow{width: 28%;
    padding: 15px;
    flex: unset;
    float: left;}
	.enroll .tdmedium{font-size:16px;}
	.enroll .tdsbold{font-size:30px;}
	
	.schoolscol {
		padding:10px;
	  }
	  .schoolblock .container-fluid {
		width: 100%;
	  }


}
@media screen and (max-width: 767px) {
    footer .tagline {
    font-size: 14px;
    line-height: 22px;
}

	body{padding-top: 70px;}
.about-logo{max-width: 100%;}
.about-logo img{width: 45%;}
.about-section h2{text-align: center; margin-top: 20px; font-size: 24px; line-height: 30px;}
.about-section h4{text-align: center;}
.about-section p{text-align: center;}
ul.tabs-icons{flex-wrap: wrap;}
ul.tabs-icons li{width: 100%; min-height: auto;}
.nav-tabs li a{font-size: 16px; text-transform: none; padding: 10px 5px !important;}
.tdbig, .tdbig span{font-size: 24px; line-height: 30px;}
.header a.tel{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 0;
}
.header a.tel span{
	display: none;
}
    form .body {
  display: block; 
}
form .head .form_close{
    display:none;
}

    .admissions {
        height:580px;
    }
      .owl-carousel.family-carousel .nav-button{
           top:inherit !important;
           transform:none !important;
		   bottom: -30px;
       }
       
	.header-banner{background-size: 770px; background-position: top; padding:0 0px 50px 0px;}
	.overlay-text{ margin:100px 0 150px;}
	.overlay-text h1,.overlay-text h2, .overlay-text span.tdwbig, .overlay-text span.text-white{ color:#fff !important; font-size:24px !important; line-height:32px !important; text-align:center !important;}
	.contact-us-right{box-shadow: 0px 0px 15px 0px #51515136;}
	.modal .contact-us-right{background:var(--maroon)}
	.owl-carousel .item p{line-height: 40px;}
	.owl-theme .owl-nav [class*=owl-]{ font-size:30px; line-height:23px;}
	.owl-carousel .nav-button { width:30px; height:30px; top:unset !important; bottom:-20px;}
	.owl-carousel .owl-next { right: calc(50% - 40px) !important;}
	.owl-carousel .owl-prev { left:calc(50% - 40px) !important;}
	footer p{margin:0rem 0;}
	
	.academic .shadow{width: 44%;
    padding: 15px;
    flex: unset;
    float: left;}
	.header-banner .col-md-6.col-lg-8.d-flex.align-items-center{justify-content:center;}
	.navbar {
		height: auto;
	  }


}
@media screen and (max-width: 650px) {
	.header-banner{background-size: 0px; background-color: var(--maroon);
	.overlay-text{ margin:30px 0 150px;}
	.tdbig {font-size: 30px;}
	.schoolblock .container-fluid {width: 95%;}
	.schoolscol { padding: 0px 0px 30px; }
	.navbar .navbar-brand {margin-right: 0;}
	.navbar .navbar-brand .divleft{width:90%; margin: 0 auto 10px;}
	 .navbar .navbar-brand .divleft img { width: 100%;}
	 .navbar .divleft-brand {width: 55px;margin-bottom: 10px; }

	 


}
@media screen and (max-width: 575px) {
	.overlay-text{ margin:90px 0 80px;}
	.academic ul{display:unset;}
	.academic ul li{float:unset; display:flex; justify-content:center;}
	.academic ul li:nth-child(2) img{ max-width:15%;}
	footer p{margin:1rem; text-align: center; }
	.academic .shadow{width: 42%;
    padding: 15px;
    flex: unset;
    float: left;}
	.border-lr,.border-r{border:0; padding:0;}
	footer .copy-right p{}
	.admissionform .contact-us-right {width: 90%0; padding:30px 20px 20px !important  }
	.footer_socials, .footer_contacts { justify-content: center;}

}

@media screen and (max-width: 440px) {
	.navbar .navbar-brand .divright span{font-size:12px !important; line-height:7px !important;}
	.navbar .navbar-brand .divright{font-size:22px !important; margin:0 0 10px;}	 
	.navbar .divleft-brand .tsmall, .navbar .navbar-brand .tsmall{font-size:7px;}
	.contact-us-right{padding: 15px;}
	.academic .shadow{width: 41%;
    padding: 7px;
    flex: unset;
    float: left;}

	.modal-dialog{max-width: 320px; margin:10% auto;}

}

@media screen and (max-width: 400px) {
	.header-banner{margin-top: 100px;  background-position: top;}
	.academic .shadow{ width: 40%; flex: unset; float: left; margin: 4% auto;}
}


@media screen and (max-width: 375px) {
	.academic .shadow{ width: 40%; flex: unset; float: left; margin: 4% auto;}
	/*.navbar{height: 111px;}
	.header-banner{margin-top: 111px;background-size: 870px; background-position: top;}
	.navbar{height: 85px;}*/
	.header-banner{margin-top: 85px;background-size: 870px; background-position: top;}
}

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

	.col.shadow p{ margin:1rem 0;}

}