/*  1350px  */
@media all and (max-width: 1479px) {


.banner-caption h1 {  margin-top: 20%;}

.banner-caption h2 {    margin-top: 30.3%;}	
    
.banner-caption, .fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:650px!important;}    

.enquire {right:40px; top:100px;}
	
.free-simple-slider .slider-dots {bottom: 30px;}	
    

	
    
}




/*  1240px  */
@media all and (max-width: 1339px) {

#mixedSlider3 .MS-content, .grid-1280 {width:1170px; }
    
.banner-caption h1 {  margin-top: 20%;}

.banner-caption h2 { margin-top: 31%;}

#mixedSlider3 .MS-content .item img {   width: 100%;}

.extra-curricular {padding: 50px 0px 80px 0px;}

.facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red, .facility-box.orange, .facility-box img {width:288px; height:288px; }

.facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red {padding: 120px 0;}

.games img {   width: 25%;}

.ribbon1, .ribbon2, .ribbon3 {background-size: 97%;}

.principal img {width:250px; margin-left: 50px;}

.circle-1 h3, .circle-2 h3, .circle-3 h3 { font-size:22px;}

.circle-1 img, .circle-2 img, .circle-3 img {   padding-left: 80px;    width: 250px;    margin-top: 30px;}

.games {padding: 20px 0px 70px 0px;}

.circle-1 p, .circle-2 p, .circle-3 p {   font-size: 14px;}

.aboutus  h2 {margin-top:50px;}
	
.banner-caption, .fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:600px!important;}    	


}





/*  980px  */
@media all and (max-width: 1239px) {

#mixedSlider3 .MS-content, .grid-1280  {width:920px; }

.banner-caption, .fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:450px!important;}    
	
.ribbon1, .ribbon2, .ribbon3 {    background-size: 97%;    float: none;    display: block;    margin: auto;    width: 400px;}
	
.banner-caption h1 {    margin-top: 17%;}	

.principal {   padding-top: 50px;}

.circle-1 img, .circle-2 img, .circle-3 img {display:none;}

.circle-1, .circle-2, .circle-3 {padding:20px 40px;}

.location h3 {    font-size: 24px; margin-bottom:35px;}

.extra-curricular {    padding: 30px 0px 40px 0px;}

h2 {font-size:32px;}

body {    font-size: 13px;    line-height: 24px;}	
	
.footer-box	img {width:35px;}	
	
.aboutus {    padding: 10px 0px 50px 0px;}

.textbox11,  .textbox22 {font-size: 14px;}	
	
.footer-box {height: 70px;}	
	
.core-values {    padding: 50px 0px 50px 0px;}	
	
h2 {    font-size: 28px;}	
	
.architects span img {    width: 80px;}	
	
	
		
}






/*  768px  */
@media all and (max-width: 979px) {

#mixedSlider3 .MS-content, .grid-1280 {width:720px; }

.logo img {    height: 50px;}

.logo {    margin: 10px 10px 5px 10px;}

.top-right {    margin: 18px 18px 0px 18px;}

.enquire {   right: 20px;    top: 80px;}

.principal img {   width: 200px;    margin-left: 50px;}

.principal p {    font-size: 15px;   font-weight: 400;}

.circle-1 h3, .circle-2 h3, .circle-3 h3 {    margin-top: 65px;}

.aboutus {    padding: 0px 0px 50px 0px;}

.facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red {width:50%;}

.facility-box, .facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red, .facility-box.orange {width:50%; height:360px;}

.facility-box img  {width:100%; height:auto;}

.map, .location {width:100%;}

#mixedSlider2 .MS-content .item {width:100%;}

.games h2 {   margin-bottom: 20px;}

.facilities {padding: 20px 0px 30px 0px;}

.enquire {   right: 0px;    top: 0px;    position: relative;    width: 100%;    padding: 30px; margin-top: 0px; background-color:#eee;}

.circle-1 h3, .circle-2 h3, .circle-3 h3 {   font-size: 19px;}

.circle-1, .circle-2, .circle-3 {   padding: 20px 30px;}

.fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:450px!important;}    
	
.banner-caption h2 {    margin-top: 0%;}	
	
.free-simple-slider .slider-dots {    bottom: 20px;}	
	
.banner-caption h1 {    margin:17% auto 0 auto;    width: 84.5%;    display: block;    float: none;}	
	
.needs .float-right, .float-left {    width: 40%;}	

h2 {    font-size: 24px;}	
	
.needs {    padding: 30px 0px 30px 0px;}	
	
.float-left {margin-bottom: 80px;}	
	
.core-box {font-size: 20px;}	
	
.core-box img {width: 80px;}	
	
.footer-box {    width: 300px; margin: auto;    float: none;    border: 1px solid #333; margin-bottom: 10px;	}
	
.copyright {    font-size: 11px;   letter-spacing: 2px;	}
	
.textbox11, .textbox22 {width: 100%; margin: 5px auto;}	
	
.footer-box img {    margin: 5px 10px;}	
	
}














/*  640px  */
@media all and (max-width: 767px) {

#mixedSlider3 .MS-content, .grid-1280 {width:600px; }	

.banner-caption, .fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:350px!important;}      

.free-simple-slider .slider-dots {bottom:30px;}

h2 {   font-size: 20px;}

.facility-box, .facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red, .facility-box.orange {   height: 300px;}

.video {padding:50px 0px; background-size: cover;}

.video a {    margin: 20px 0px;}

.video a img {width:100px; }

.copyright {width:100%; text-align:center;}

.social-media {text-align:center; width:100%;}

.copyright {margin-top:0px;}

.games img {    border: 10px solid #fff; margin:10px 0px;}

.banner-caption, .fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:350px!important;}    

.banner-caption h1 {    margin: 14% auto 0 auto;    width: 81.5%;    display: block;    float: none;}	

.free-simple-slider .slider-dots {    bottom: 10px;}	
	
.float-left {    margin-bottom: 120px;}	
	
.architects span {width: 48%;}	
	
.architects {    padding: 25px 0px;}

.core-values {    padding: 30px 0px 30px 0px;}	
	
	
}






/*  480px  */
@media all and (max-width: 639px) {

#mixedSlider3 .MS-content, .grid-1280 {width:440px; }	

.top-right a {
    display: block;
    background-color: #ed3534;
    color: #fff;
    border-radius: 100px;
    padding: 4px 3px 3px 4px;
    height: 39px;
    font-weight: 500;
    font-size: 0;
    width: 39px;
}
.circle-1, .circle-2, .circle-3 {    width: 100%; margin-top:10px;}

.circle-1, .circle-2, .circle-3 {   width: 100%;    padding: 50px 120px;}

.games img {   width: 100%;}

.games {   padding: 20px 0px 20px 0px;}

.video p {    width: 100%;}

.principal img {display:block; float:none; margin:auto;}

.principal {   padding-top: 50px;    text-align: center;}

.aboutus h2 {   margin-top: 30px;}    

.facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red {    padding: 80px 0; font-size:14px; font-weight:500; line-height:22px;}

.facility-box, .facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red, .facility-box.orange {   height: 220px;}

.reviews h2 {margin-bottom:0px;}
	
.needs .float-right, .float-left {    width: 100%;    float: none;    margin: 0;}	
	
.core-box {    width: 100%;    float: none;    padding: 50px 0px;	}
	
.copyright {   width: 320px;    text-align: center;}	
	
.banner-caption h1 {font-size: 14px;}	
	
.banner-caption h2 {    font-size: 14px;    width: 180px;	}
	
.banner-caption h1 {    margin: 20% auto 0 auto;    width: 75.5%;    display: block;    float: none;}	
	
	
}





/*  360px  */
@media all and (max-width: 479px) {

#mixedSlider3 .MS-content, .grid-1280 {width:320px; }

.copyright {    margin-top: 0px;    letter-spacing: 2px;    font-size: 10px;}

.location {padding:35px;}

.reviews p {height:150px;}

.reviews p::before {margin-top:130px;}

.aboutus h2, .principal p {width:300px;}
    
.facility-box, .facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red, .facility-box.orange {    height: 159px;}

.facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red {    padding: 60px 0;}

.reviews {    padding: 40px 0px 40px 0px;}

#mixedSlider2 .MS-content .item img {   width: 70px;}

.circle-1, .circle-2, .circle-3 {   width: 100%;    padding: 50px 50px;}

.ribbon1, .ribbon2, .ribbon3 {    background-size: 100%;    width: 100%; font-size: 12px; font-weight:500;}
    
.principal img {margin-top:-50px;}

.aboutus h2 {   font-size: 22px;}

.logo img {    height: 38px!important;}

.top-right {    margin: 12px 18px 0px 18px!important;}

.enquire {    padding: 30px 20px;}

.aboutus {   padding: 20px 0px 20px 0px;}

.reviews {overflow:hidden; display:block;}

.banner-caption, .fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:600px!important;} 
	
.banner-caption h1 {    margin: 80% auto 0 auto;    width: 75.5%;    display: block;    float: none; padding: 20px;}	

.banner-caption h2 {margin-left: 44px;}	
	
.architects span {    width: 100%;}	
	
.submit-button22 {width: 100%;}	
	
.expertise {    padding: 15px 0px 20px 0px;}	
	
footer {    padding: 0px 0px 20px 0px;}
	
h3 {font-size: 20px;}	
	
.architects span {height: 260px;}	
	

	
}













/*  320px  */
@media all and (max-width: 359px) {

#mixedSlider3 .MS-content, .grid-1280 {width:290px; }

.logo img {    height: 32px!important;}

.top-right {    margin: 7px 18px 0px 18px!important;}

.facility-box, .facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red, .facility-box.orange {height:145px;}

.location {    padding: 17px;}

.location h3 {    font-size: 18px;}

.facility-box.orange, .facility-box.purple, .facility-box.green, .facility-box.red {   padding: 50px 0;}
	
.banner-caption, .fullsize-banner, .free-simple-slider .slider-box, .banner1, .banner2, .banner3 {height:480px!important;} 
   
h2 {    font-size: 16px;}	
	
.banner-caption h1 {    margin: 60% auto 0 auto;    width: 72.5%;    display: block;    float: none;    padding: 20px;}		


}



