@media only screen and (max-width: 1080px) {
.container_16 { width: 98%; margin-left: 1%; margin-right: 1%; }
.modal-gallery ul li{ width:98%;}
.logo{   margin:0 auto 0;}
.explore h1{ font-size:32px;}
.modal-4 .container_16 .grid_11, .modal-4 .container_16 .grid_5{ width:98%;}
.modal-4 .ay{ padding-right:0px;}
.modal-gallery ul li img{ display:block; margin:0 auto;}
.modal-7 ul li{ width:100%;}
.modal-7 ul li img{ display:block; margin:0 auto;}
.copy-right{ text-align:center;}
.modal-4 .call h2{ padding:20px 0px;}
}
@media only screen and (max-width: 1024px) {
.modal-bottom ul li img{ margin-right:10px;} 
.modal-download .coursesLink{ width:48%;} 
footer{ text-align:center}
footer .container_16 .grid_4{ width:98%; }
footer .container_16 .grid_12{ width:98%;}
.designBy{text-align:center}
.explore{ padding:0 0 20px;  bottom:-7px; overflow:hidden;}
.slogan{ font-size:18px;}
.discription{ font-size:22px;}
.popup.popup_content{ width:48%;}
.formNoError{ font-size:12px;}
.modal-form .formWrap1 .formSubmit input{ padding:6px 10px}
}
@media only screen and (max-width: 800px) {
.discription{ font-size:20px;}
.modal-form .formWrap1 .formControl{width:48%; margin-bottom:25px;}
.modal-form .formWrap1 .formSubmit input{ width:20%;}
.formNoError{  margin-left:5px;}
.modal-services .container_16 .grid_8{ width:96%; margin:0 2% 15px}
.modal-services .container_16 br{ display:none}
.modal-bottom ul{ margin:0; text-align:center}
.modal-bottom ul li {    display: inline-block;    margin: 0 auto 15px;    text-align: center;    width: 24%; }
.modal-download .coursesLink{ width:50%;}  
.modal-bottom h2{ margin-bottom:20px}
.logo {   text-align:center;}
.explore{ padding:0 0 20px;  bottom:-14px; overflow:hidden;}
.explore h1{ font-size:25px;}
.modal-amenities{ padding-bottom:20px;}
.modal-amenities .amenities ul li span{ width:65px; height:65px; }
}
@media only screen and (max-width: 768px) {
.popup.popup_content{ width:60%;}
.modal-services{ padding:40px 0 10px;}
}
@media only screen and (max-width: 767px) {
.modal-form{ position:static; background:#006EAA; width:100%; color:#fff;}
.modal-form .formWrap1 .formControl{ width:98%;} 
header{ text-align:center}
header .title a{display:block ; font-size:20px;}
header .grid_12, .grid_4{ width:100% !important;}
.modal-form .formWrap1 h3{ color:#fff;}
.modal-form .formWrap1 h4{ color:#fff;}
header .green{ margin-top:0px; padding:5px 0px;}
header .call{ margin-top:0px; text-align:center; padding:5px 0px;}
.logo a img{  }
.modal-bottom h2{font-size:22px ; padding:10px 10px; }
.slogan {padding: 0 40px 10px; font-size:16px;}
.explore h1{ font-size:28px;}
.rslides li .caption{ width:90%; left:0; right:0px; margin:0 auto; font-size:20px; bottom:0px; top:inherit; border-radius:0px;}
.modal-bottom ul li {    display: inline-block;    margin: 0 auto 15px;    text-align: center;    width: 98%;     border-bottom: 1px solid #40134b; }
.modal-gallery ul li{ margin-bottom:10px;}
.modal-download .coursesLink{ width:60%;} 
.modal-amenities .container_16 .grid_7{ width:100%; margin:0}
.modal-amenities .container_16 .grid_9{ width:100%; margin:0}
.modal-amenities .amenities ul li .white{ color:#000}
p{ text-align:justify}
.modal-bottom p { text-align:justify}
.modal-services p{ text-align:justify}
.modal-amenities .amenities ul { margin-top:0}
.modal-7 .container_16 .grid_10, .modal-7 .container_16 .grid_3, .modal-7 .container_16 .grid_11, .modal-7 .container_16 .grid_5{ width:98%}
.modal-7 img{ margin: 0 auto; display:block}
.modal-9 .container_16 .grid_8{ width:98%}
.modal-amenities .amenities ul li{ width:98%; border-bottom:1px solid #fff; padding-bottom:10px}
.enquire-now{ width:30px;}
.modal-4 ul li{  width:98%; margin-bottom:20px; padding:0px;  border-bottom:1px solid #fff; border-right:none; } 
.modal-gallery  .container_16 .grid_12{ width:98%;}
.modal-gallery  .container_16 .grid_4{ width:98%;}
.modal-gallery ul li{ margin:0 0px 15px 0;display:block;} 
.modal-gallery .dark-green h2{ text-align:left; padding:20px;}
.modal-bottom h2{ text-align:left;}
.modal-bottom ul{ width:98%;}
.modal-bottom ul li img{ margin-right:auto; }
.modal-bottom ul li span{ padding-bottom:20px}
.modal-amenities{}
.modal-amenities  .container_16 .grid_6{ width:98%;}
.modal-amenities  .container_16 .grid_10{ width:98%;}
.modal-amenities .amenities ul li span{ width:100%; display:block; height: auto; text-align: center;}
.modal-amenities .amenities ul li img{ display:block; margin:0 auto}
.modal-7 .welcome{ font-size:26px; line-height:35px}
.modal-form .formWrap1 .formNoError{ color:#fff;}
.modal-4 h2{ font-size:26px}
.modal-4 .welcome{ font-size:32px; line-height:35px}
.topWrap{ position:static}
.modal-gallery h2{ text-align:center}
}
@media only screen and (max-width: 640px) {
.modal-bottom ul li {    display: inline-block;    margin: 0 auto 15px;    text-align: center;    width: 48%; }
.modal-download .coursesLink{ width:80%;} 
.modal-amenities .amenities ul{ text-align:left}

}
@media only screen and (max-width: 600px) {
.popup.popup_content{ width:90%;}
.explore h1{ font-size:17px;}

}
@media only screen and (max-width: 568px) {
.modal-download .coursesLink a{ font-size:20px;}
.modal-bottom ul li {    display: inline-block;    margin: 0 auto 15px;    text-align: center;    width: 98%; }

}
@media only screen and (max-width: 480px) {
.explore{ padding:0 0 20px;  bottom:-18px; overflow:hidden;}
.explore h1{  font-size:14px;}
.modal-form .formWrap1 .formControl{ width:100%;}
.formNoError{  margin-left:10px;}
.modal-services h2{ width:77%; font-size:22px;}
.modal-download .coursesLink{ width:92%;}  
.modal-bottom h2{ font-size:22px; }
.popup.popup_content h3{ font-size:18px;}
.modal-form .formWrap1 .formSubmit input{ width:40%;}
.modal-bottom ul li span{   width:80%; }
}
@media only screen and (max-width: 427px) {
.explore{ padding:0 0 20px;  bottom:-20px; overflow:hidden;}
.explore h1{  font-size:12px;}
.modal-services{ padding:10px 0}
.modal-gallery{  padding-bottom:0px;}
.modal-3{ padding-top:0px }
.modal-9 .p{ padding:0px}
.modal-4 h2{ font-size:26px}
}
@media only screen and (max-width: 414px) {
.logo a img{ }
.slogan {padding: 0 20px 10px; font-size:14px;}
.modal-services ul{ font-size:14px}
.modal-bottom ul{ font-size:14px;}
.modal-bottom ul li{ width:98%; line-height:18px; border-bottom:1px solid #40134b }
.discription{ font-size:18px}
.popup.popup_content{ width:78%;}
.modal-bottom ul li span{    margin-top:24px; }
}
@media only screen and (max-width: 390px) {
.explore{ padding:0 0 18px;  bottom:-20px; overflow:hidden;}
.explore h1{  font-size:12px;}
.modal-bottom h2{ font-size:24px;}
.modal-download .coursesLink a{ font-size:18px}
.modal-services h2{ width:82%; font-size:20px;}
.modal-bottom ul li span{   width:78%; margin-top:20px }
}
@media only screen and (max-width: 360px) {
.slogan{padding: 0 10px 10px;}
.formNoError{  margin-left:5px;}
.modal-bottom ul li span{   width:76%; }
.explore h1{  font-size:9px;}

}
@media only screen and (max-width: 320px) {
.explore{ padding:0 0 18px;  bottom:-20px; overflow:hidden;}
.discription{ font-size:16px}
.slogan{padding: 0 0px 10px; font-size:13px;}
.modal-services h2{ width:80%; font-size:17px;}
.modal-download .coursesLink a{ font-size:16px}
.modal-download .coursesLink a span{ padding:8px 2px}
.modal-bottom ul li span{   width:74%; }

}
@media print {
}
@media screen, 3D {
}