@media screen and (min-width:0px) and (max-width:900px)
{
#btnCancel1{ width:90%; margin:0 auto;}
.flyer-m{ max-width:90%; position:absolute!important; top:20px!important;}
#flyer_iframeid{ max-width:100%;}
.close-flyer{ position:absolute; right:1px; top:1px; border:none; display:block; width:50px; height:50px;}
.flyerbtnnew input[type="submit"]{border:none; display:block; width:50px; height:50px; background:url(../images/close-flyer.png) no-repeat center center; background-color:none; border:none; margin-top:-10px; margin-right:-10px;}

}




@media screen and (min-width:1200px) and (max-width:1290px)
{
}
@media screen and (min-width:900px) and (max-width:1050px)
{
.wrapper{width:1000px;}
.sliderbipin{ height:300px;}
.main-right{margin-left: -368px;}
.menu{ margin: 0px 0px 0 -253px;}
.menu a {padding: 6px 6px 12px 7px;}
.icon{margin: 0px 0px 0-175px;}
.all_icon ul li a,.all_icon ul li a:hover{padding: 11px 17px 13px 45px;}
.skitter.with-dots {  margin-bottom: 0px!important;}
.mgr_sch{ margin:0 0 0 13px;}
.gyr_1{margin: 0 0 0 30px;	}
.div_gyr,.div_Achieve {  width: 488px;}
.previous-gyr{ left:5px}
.previous-our{left:0px;}
.next-gyr{right:-1px;}
.next-our{right:-2px;}
.Achieve_1{ margin:0 0 0 30px;}
.previous-AchievementHome{ left: 2px;}
.next-AchievementHome{right:-2px;}
.previous-kids{left:1px;}
.next-kids{right: -4px;}
.box_in_sec {  width: 494px;  margin: 49px 0 0 0px;}
.box_in_sec.marg_sec:before{left:4px;}
.mid_wrap { margin: 38px 0 0 37px;}
.msg_txt{ width:647px;}
.all_msgin ul li{width:1000px !important; height:218px !important;}
.skitter .info_slide_dots{ display:none !important;}
.label_skitter { bottom: 50px !important;  right: 47px!important;}
.skitter.with-dots {  margin-bottom: 0px !important;}
.menu{ width:716px;}
.icon,.all_icon{ width:658px;}
.notice_cen{ overflow:visible;}
.notice_full{ float: left;  margin: -109px 0 0 0; width:100%;}
.mas_right { margin: 0px 0px 0 13px !important;}
.yea_35, .yea_35 canvas{ width:200px !important; float:left;}
.yea_35 canvas img{ max-width:100%;}
.mast_main{ padding: 0 294px 0 0px;}
.headboy {min-height: 305px !important;}
.logomoto{ display:block;}
.moto{ display:none;}
}
@media screen and (min-width:0px) and (max-width:770px)
{
.cont_logo{ display:none;}
.direction-head { width: 437px!important; margin: 0px 0px 0 0!important;}
.buttonReachUs { line-height: 37px!important; height: 37px!important;}
 #address{width: 260px!important;}
.reach_right{top:49px!important;}
#idIframe {  height: 501px !important;}
.direction-head { width: 434px!important;}
}
@media screen and (min-width:0px) and (max-width:900px)
{
body{ font-size:15px;-webkit-text-size-adjust: 100%;}
.wrapper{width:98%;margin-left: 1%; float:left;}
.main{ width:100%;}
.main-right {width: 100%;height: auto;margin-left:0;-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);-ms-transform: skew(0deg);-sand-transform: skew(0deg);}
.main-right:after,.home_icon{ display:none;}
.main-right-in {width: 100%;height: auto;float: left;-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);-ms-transform: skew(0deg);-sand-transform: skew(0deg);text-align: right;}
.m_logo1{ display:none;}
.m_logo,.mobile_2{ display:block;}
.logo-area {width: 335px;float: none;min-height: auto;text-align: center;margin: 0px auto; overflow:hidden;}
.main{margin: 19px auto;height:113px;overflow:hidden;}
.menu-icon{width:98%; float:left; text-align: center; height:28px; margin:0px 0 0 1%;display:block; background:#38920e url(../images/menutoggle.png) no-repeat center center; cursor:pointer;}
.menu-icon.active3 { background:#f7d459    url(../images/menucroos.png) center center no-repeat; cursor:pointer;}
ul.dropmenu1{ width:123px;}
.menu a {  padding: 6px 16px 9px 12px;}
.menu{ width:100%;background:#f7d459;height:auto; margin: 4px 0 0 0;}
.menu ul li ul li:hover{ background:rgb(189, 61, 60);}
.dropmenu1 ul.sub-menu li:before,.icon:after{ display:none;}
.li-images{ width:200px;}
.li-images img{ max-width:100%;}
#newnotice_lblnoticedownloads ul li {height: 43px !important; padding: 6px 0 0 0;}
.menu a { color: #000;}
.heading_main{ width:100%; font-size:19px;}
.home_mob{ display:block;}
.close-m{float: right;z-index: 999;position: relative; display:block;}
.menu-icons-r1{ clear:both; margin-top:22px;}
.menu{ width:98%; display:none; margin-left: 1%;overflow:hidden;}
.menu > li { display: inline-block;  width: 200px;  clear: both;}
.menu > li:hover .submenu, .menu > li:focus .submenu{z-index:99;}
.menu li:hover {  background: #b52d2f;}
.menu li { background: url(../images/.png) right 10px no-repeat;width:100%;text-align:center;}
ul.submenu.last_subm{width:100%;min-width:100%;}
.submenu { left: 0px;  top: -8%;position:relative;}
.menu:after,.menu_img{ display:none;}
.all_icon ul li { width: 24% !important;  float: none;  margin: 25px 0; }
.all_icon ul li a,.all_icon ul li a:hover {height: auto;  text-align: center;   padding: 65px 00 0 0;}
 
.icon{float:left;background: #ffffff;width: 100%;height: auto;z-index: 9;margin: 0;}

a.ecare{background: url(../../images/home__mobile1.png) no-repeat  top center;color:#38920e !important;}
a.calender{background: url(../../images/home__mobile2.png) no-repeat  top center;}
a.Virtual{background: url(../../images/home__mobile3.png) no-repeat  top center;}
a.alumni{background: url(../../images/home__mobile4.png) no-repeat  top center;}

.all_icon ul li:hover > a.ecare{background: url(../../images/home__mobile1.png) no-repeat top center;color:#38920e !important;}
.all_icon ul li:hover > a.calender{background: url(../../images/home__mobile2.png) no-repeat top center;}
.all_icon ul li:hover > a.Virtual{background: url(../../images/home__mobile3.png) no-repeat  top center;}
.all_icon ul li:hover > a.alumni{background: url(../../images/home__mobile4.png) no-repeat  top center;}
/*.a_i,*/ .skitter .info_slide_dots, .underline:before{ display:none !important;}

.sliderbipin { float:left; width: 100%;height: auto;position: static;z-index:1;padding: 0px 0 0 0;}
.skitter.with-dots {  margin-bottom: 0px !important;}
.label_skitter { bottom: 9px !important;  right: 47px!important;}
.nav{width: 100%;height: auto;float: left;background:url(../images/.png);}
.announcements{ margin:0; width:100%; height: 64px; float:none;}
.all_icon{ width:100%;}
.notice_full{background: #fff; height:auto;margin: 10px 0 0 0;}
.msgin{padding:31px 0 0 0;}
.msg_arrow{ display:none;}
.mo_a1 { display:block;}
.next-msgin{right: 30px;top: 83px;}
.previous-msgin{left: 30px;top: 83px;}

.head_anu{-webkit-transform: skew(-44deg); -ms-transform: skew(-44deg); z-index:999;  -sand-transform: skew(-44deg); width: 236px;  float:none;
	   height: 33px; background: rgb(247, 212, 89); box-shadow: 10px 10px 0px 0px #38920e;    margin: 0 auto;}
 .mo_anu { text-transform:uppercase; -webkit-transform: skew(44deg);  -ms-transform: skew(44deg);-sand-transform: skew(44deg); text-align: center; padding: 2px 0 0 0; font-size: 22px; font-weight:500;  color: #000;  }
.notice{float: none;clear: both;margin: 18px auto 18px auto; height:51px;}
.notice_cen {  float: left;}
.mobile_1,ul.tab-nav:before,.tab-nav .flex-active:before{ display:none;}
.view_no { width: 86px; margin:0 auto 12px auto; height: 18px;background: #f7d459; box-shadow: 5px 5px 0px 0px #38920e; -webkit-transform: skew(-44deg); -ms-transform: skew(-44deg); -sand-transform: skew(-44deg); }
a.view_anu { padding: 1px 0 0 14px;transition: all .3s ease-in; display:block; -webkit-transform: skew(44deg); -ms-transform: skew(44deg); -sand-transform: skew(44deg);  font-size: 13px; color: #000; text-transform: uppercase; }
.skew_msg{float:none;  margin: 0 auto 15px auto; }
.msg_img{ float:none; width:100%; margin: 0px 17px 0 0;}
.msg_txt{ width:100%;}
.topperUpdated{padding: 0 0 0 0px;}
.msg_img img{display:inline-block !important;}
.msg_all{float: none;width: 560px;height: auto;margin: 0 auto;}
.blank_space{margin: 21px auto 0 auto; float:none;}
.all_msgin{ width:100% !important; overflow:hidden !IMPOrtant;}
.all_msgin ul li{ width:560px !important; height:auto !important;}
#message .slides li { padding-bottom: 13px;}
.tab-nav .flex-active { display: block;}
.tab-nav{border-bottom: 0px solid #38920e;}
.tab-nav li { padding: 4px 17px 8px 17px; width: 318px;  margin: 0px auto;  float: none; display:none; text-align:center; background:none;}
.msg_txt .p_name { margin: 7px 0 3px 0; text-align:center;}	
.msg_arrow{ bottom: 11px; right: 12px;}

.nfullmain-container { overflow: auto !important;}
.pointshed ul li { background: url(../images/bullet.png)no-repeat left 5px;}

.school_gly,.mgr_sch{ height:auto; background:none;}
.discei,.mgr_sch p { padding: 5px 0px 0 0px;}
.div_gyr,.div_Achieve{ float:none; margin: 0 auto; width:538px;}
.next-gyr,.next-our,.next-AchievementHome,.next-kids{ right: 17px;}
.gyr_1{ background:none; height:auto;}
.mgr_sch{ margin-top:26px !important;}
.Achieve_1{ background:none; height: 361px;}
.mgr_sch2 { margin-top: -95px !important;}

.box_in_sec,.marg_sec { height: auto;   margin: 26px auto 0 auto;}
.box_in_sec.marg_sec:before{ display:none;}
.topper_full {  height: auto;  background: none;  width: 475px;  float: none;  margin: 0 auto;}
.topper1{height:324px;}
.top_mobile { margin: 0px 0 0 -26px;}
.quotation{padding:0 16px;}
.app_iconLeft {  margin: 10px 0px 0 0; width: 100%;}
.mid_wrap{ width: 100%; margin: 29px 0 20px 0px;}
#app_scroll{ height:134px;}
#app_scroll,.mid_wrap ul{ width: 100%; text-align:center;}
#app_scroll .flex-control-nav{ top:123px;}

.nav_mas {position: static;right: 0; z-index: 999;}
.bg_head {position: static; padding: 0px 0 0 0;}
.wrapper_page { width: 100%; float: left;}
.pages{margin: 14px 0 8px 0; min-height:550px;}
.mast_main { width: 100%; float: left;  margin: 19px auto;height:113px;overflow:hidden; position: static;  padding: 0;}
.home_icon1{ display:none;}
.yea_35 { display:none; width: 100%;  float: none;  clear: both; margin: 0 auto 37px auto;}
.mas_right { float: left;  margin: 0 !important; width: 100%;}
.pages img{ max-width:100%;}
.mag-center{ margin:0;}
.magazine-box { width: 204px; float: left; height: 396px;    margin: 13px 23px 16px 22px;  margin-bottom: 0px;}
.School-anthem { height: auto;  background-size: 100%; width: 100%; }
.School-anthem p,.cen_mob p { text-align: center!important;}
.switcher-facility { margin: 0 0 0 0px;}
.facility-nav li{ float: left;  margin: 1% 1%;  width: 31%;  margin-bottom: 0px;}
.switcher-facility,#facility { width: 100%;}

.faclities-head { background:#38920e; text-align:center; padding:0;}
#facility { margin: 24px 0 0 0;}
.facilities-box li{ width:48%; margin: 0 1% 2% 1%;}
.SchoolPrayer-nav li{ width:48%!important; margin: 0 1% 1% 1%!important;}
#SchoolPrayer p,#featured .ui-tabs-panel p {  text-align: center!important;}
.facilities-box li img{ width:100%;}
#featured ul.ui-tabs-nav li{ width:48%!important; margin: 0 1% 1% 1%!important;}
#featured li.ui-tabs-nav-item a{ white-space:normal !important;}
.left-sms { width: 48%; height: 163px; margin: 0 1% 1% 1%;}
.tt {  width: 100%; overflow-x: scroll;}
.tt table { width: 600px; margin: auto;}
.logomoto{ display:block;}
.moto{ display:none;}
.respo_tab{ overflow:auto;}
.respo_tab table{ width:800px;}
.news_new{ display:none;}
.image_virtual{width: 120px;height: 53px;}
ul.virtual_tour_list li { padding: 10px 15px;  width: 155px;  display: inline-block;}
#AchievementHome_lblAchievement li .achImg{ float: left;  width: auto!important;  height: auto !important;  overflow: hidden;}

/*------------Dynamic-------------*/

.guestBleft{ padding:0 !important; border-right:0px #cb80fb dashed!important;}
.gb-main-rpt-sub { width: 98%!important; margin: 1% 0% 8% 0%!important;}
.guestbook-main { float: left!important; width: 100%!important;}
.join-left { width: 100%!important;  float: left!important; padding-right: 0px!important; }
.joinus-right2 { width: 100%!important;  float: right!important;  margin: 0 0% 0 0!important;  padding-top: 9px; 
                 border-right: 0px #cb80fb dashed!important;min-height: auto!important;}
.joinus-right2 li { width: 100%!important;} 
.apply-carrer-right { width: 100%!important; margin: 20px 0 0 0;} 
.apply-carrer-left { width: 100%!important;  }   
.footer_master { margin: 0 0 0 0!important;}
.contact-main2 { left: 0px!important;top: 100px!important;}

.photo-glry-main { margin: 0px 0 0 0px!important;}
.gallery-search1{ padding: 4px 0 9px 13px; height:auto;}
.search_p { margin: 1px 0px 0 0px; float:left; width: 240px;}
.gallery-search1 li { padding: 5px 16px 4px 0px; vertical-align: initial;}
.searchform input, .searchform label { float: none !important;}

.pgThumbView li { margin: 1px 4px 22px 4px;  max-width: 173px;}
.searchform .searchfield {width: 191px!important;}
#inner_pg2 {  height: auto;}
.rpt-subhead { width: 49%!important; margin: 8px 0px 22px 1%!important; text-align:center; min-height: 350px!important;}
.mediarm { float: none!important;  margin: auto!important; position:static!important;} 
#inner_pg1{ height:auto;}
.total_pages2 table tr td { display: block;}
span#ctl00_ContentPlaceHolder1_lbltotalAlbum,.album_discp1 { width: 100%; text-align:center; /*display: block;*/}
.pg_viewall a{float:none;}
.pg_text1{ text-align:center;}
.gallerySR{ max-width: 100%;float:left; width:100%;}
 .galleryRview,.gallerySR {  width: 100% !important; max-width:100%!important;}
.photo_gn li { max-width: 31%;  margin: 17px 0px -3px 2%;}
.photo_gn li a img {  max-width: 100%; max-height: 127px;}
.newcon { margin: 0 0 0 0px !important;}
 .achiSlideImg{  width: 100% !important;  text-align: center;  border: 0!important;}
 .achiSlideTxt{ width:100% !important;background: #none!important;text-align: center; margin: 0 0 12px 0px!important;}

.redetail { width: 90px; margin: auto;}
table#ctl00_EventControl_Calendar1 { height: 196px !important;  width: 222px !important;}
table#ctl00_EventControl_Calendar1 tr td, table#ctl00_EventControl_Calendar1 tr th { font-size: 10px !important;}
.event-rm a {font-size: 13px!important;}
span.career_mob { padding: 0 9px 0 0!important; width: auto!important; }

div#login-box {  width: 245px!important;}
table#EventControl_Calendar1 {  height: 200px !important; font-size: 10px !important;}
table#EventControl_Calendar1 tr th, table#EventControl_Calendar1 tr td {  font-size: 10px !important;}
.career-captcha.capt_txt {  width: 100%!important;  margin: 18px 0 0 0!important;}
.galleryLS {  max-width: 100%;  min-height: auto;}
.galleryLSin { max-width: 100%;}
.tho_in { padding: 4px 0 0 0;}
.headboy { width: 48.6%!important;  margin: 0px 0px 11px 1%!important;}
.achiSlideImg img{ display:inline !important; }
.achiSlideImg{ margin: 0 0 11px 0;}
.pages p{ text-align:justify; font-size:15px !important;-webkit-text-size-adjust: 100%}

.contact-details,.contact-from { width: 100%!important;}

.career-captcha {  width: 100%!important;}
#directions > div {  height: 364px;}

.guestBleft{  max-width:100% !important;}
li.cont-mail { margin: 5px 0 0 0 !important;}
table.top_nt tr td,.total_pages2 table tr td {  display: block;  text-align: center; width:100%;}
.contact-details ul li{width:auto !important}
.contact-details ul li{ padding: 0 0 0 10px; clear: both; }

.searchform{width: 100%!important; position: relative!important;    margin: 0px 0 0 0!important;}
.pg_text2,.pg_viewall{ float:none!important; margin: 0 auto!important;  width: 100%!important; text-align:center;}
.total_pages2{padding:0 0 0 0;}
}
@media screen and (min-width:0px) and (max-width:750px)
{
/*.magazine-box { width: 204px; float: none; height: 396px;   margin: 0 auto 0 auto; margin-bottom: 0px;}*/
.maz {  margin: 0 auto;  width: 500px; overflow:auto;}

.magazine-box{width: 204px;  float: left;  height: 396px;  margin: 0 22px 0 22px;}
.pages{ min-height:200px;}
}
@media screen and (min-width:0px) and (max-width:670px)
{
.topper_full,.box_in_sec{width:223px;}	
.top_mobile{ margin: 28px 0 0 0;}
.skew_top{ margin: 18px 0 13px 0px;}
.topper2{ margin: 0 0 0 8px;}
.topl {  padding: 32px 0 0 7px;}
.next-Stud{ right:-2px}
.thought_fu {  margin: 76px 0 0 0;}
.left-sms { width: 100%; text-align:center; margin:0 0 1% 0;}
/*------------Dynamic-------------*/
.photo_gn li { max-width: 47%; }
.headboy {width: 48%!important;}
.logo { position: absolute;  left: 0;  top: 580px;}
.payfee {  width: 211px;}
.payfee img { max-width: 100%;}
}

@media screen and (min-width:0px) and (max-width:570px)
{
.msg_all{ width:500px;}
.msg_txt { padding: 0 20px 0 0;}
}
@media screen and (min-width:0px) and (max-width:600px)
{

}

@media screen and (min-width:0px) and (max-width:520px)
{
.menu a{font-size:12px;}
.submenu { left: 0px;    min-width: 190px;}
.menu .submenu li a {  padding: 9px 17px 9px 11px;}
    /*.peShiner canvas { display:none;}	
	.logo-area .peShiner img { opacity: 1!important;  width: 100%;}*/
.gust_right  { float: left!important; margin: 0 !important; width: 100%!important;}
.submenu { top: -14%;}
.menu a { padding: 9px 16px 9px 12px;}
.menu li { white-space: normal;}
.m_logo{ display:none;}
.logo-area{ height:69px;}
.main,.mast_main{margin: 19px auto;height:69px;overflow:hidden;}
.m_logo2{ display:block;}
.logo-area { width: 230px;}
.notice { width: 375px;}
#newnotice_lblnoticedownloads{ margin: 0 auto 0 auto;width: 320px!important;}
#newnotice_lblnoticedownloads ul li{ width: 320px!important;}
.all_msgin ul li,.all_msgin{ width: 380px!important;}
.all_icon ul li { width: 25% !important;  float: left;}
.all_icon ul li a {height: auto; }
.next-msgin{right: 15px;top: 83px;}
.previous-msgin{left: 15px;top: 83px;}
.div_gyr, .div_Achieve{ width:380px;}
.gyr_1,.Achieve_1 { width:286px; margin:0 auto; float:none;}
#homephotog_LBPhoto,.our_school,#AchievementHome_lblAchievement,#kids_in{ width: 286px!important; margin:auto; float:none;height: auto !important;}
#homephotog_LBPhoto li img,.our_school li img,#kids_in li img,#AchievementHome_lblAchievement li img { width: 286px!important; height: 190px !important;}
.our_school li,#homephotog_LBPhoto li{width:286px!important;height: 190px !important;}
#kids_in li{width:286px!important;}
.next-gyr, .next-our, .previous-our, .previous-gyr{top: 166px;}
.skew_gyr,.skew_Achieve{ margin:18px 0 29px 66px;}
.div_Achieve { height: 522px;padding: 0px 0 0 0;}
.b_gyr,.b_Achieve{margin: 15px 0 0 133px;}
.box_in_sec{  margin: 0px auto 0 auto;}
.mgr_sch{ margin-top:0px; height: 425px;}
.top_mobile { margin: 59px 0 0 0;}
.div_gyr { height: 450px;}
.next-kids,.previous-kids,.next-AchievementHome,.previous-AchievementHome{top: 163px;}
.previous-no{ left: 0px;}
.next-no{ right:0;}
.msg_all {  width: 380px;}
.msg_img{ margin:0;}
.skew_thought{ width:302px;}
.skew{box-shadow: 9px 8px 0px 0px #38920e;width: 220px; margin: 0 0px 0 0;height: 28px;}
.label_skitter {  bottom: 0px !important;}
.text_in{ font-size:15px;}
a.ecare { background-size: 88px;}
a.calender { background-size: 67px;}
a.Virtual { background-size: 90px;}
a.alumni {  background-size: 85px;}


.all_icon ul li:hover > a.ecare { background-size: 88px;}
.all_icon ul li:hover > a.calender { background-size: 67px;}
.all_icon ul li:hover > a.Virtual { background-size: 90px;}
.all_icon ul li:hover > a.alumni {  background-size: 85px;}

.siteMap2 .siteM2 { width: 100%;}
.prayer-text,.prayer-img,#SchoolPrayer{ width: 100%!important;}
.iframe-1 {  height: 200px !important;}
.centervir{ width:286px; margin:0 auto;}
.image_virtual{width: 100px;height: 53px;}
ul.virtual_tour_list li { padding: 10px 15px;  width: 134px;  display: inline-block;}
.facility-nav li { width: 48%;}
.SchoolPrayer-nav li{ width:48%!important;  padding: 2px 5px!important; height: 42px!important; line-height: 19px!important;}

#featured ul.ui-tabs-nav li{width:48%!important;  padding: 2px 5px!important; height: 42px!important; line-height: 19px!important;}

.left-sms { width: 100%; text-align:center; margin:0 0 1% 0;}
.magazine-box { width: 204px; float: none; height: 396px;   margin: 0 auto 0 auto; margin-bottom: 0px;}
.maz {  margin: 0 auto;  width: 100%;}
.image_virtual{width: 100px;height: 53px;}
ul.virtual_tour_list li { padding: 10px 15px;  width: 134px;  display: inline-block;}

/*------------Dynamic-------------*/
.career-captcha, .capt_txt { width: 100% !important; float: left;}
  .career-captcha{  margin: 0 0 0px 0!important;}
.career-captcha.capt_txt { float: left;  margin: 0 0 19px 0;}
.gest_book_prs {  height: 38px!important;}
.contact-main2 {  float: left !important; width: 100% !important; right:0 !important; left: 0px !important; top: 11px !important;}
.name-contact { line-height:normal !important; padding: 10px 2px 10px 13px !important; text-align: left;}
.name-contact:before{top:59px !important;}
.rpt-subhead { width: 98%!important;}
.photo_gn li { max-width: 47%; }
.GalbumName {  font-size: 12px;}
table#ctl00_EventControl_Calendar1 {  height: 170px !important;  width: 216px !important;}
.pvt {  font-size: 12px;}
.contact-from {  padding: 16px 8px 0px 8px!important;}
.contact_tbl tr td { padding: 8px 0px 8px 0px!important;}
.name-contact img { width: 100%;}
.name-contact {  padding: 7px 7px 0 6px!important;}
.contact-details {  padding: 15px 5px 0 5px!important;}
.whigo{ display:none;}
.direction-head { width:100%!important;}
.reach_search_btns { width: 100%; max-width: 245px; right:0px;}
#address {width: 200px!important;}
.buttonReachUs {line-height: 37px!important;  height: 38px!important;}
.headboy { width: 98%!important;}
.achi-img { float: none!important; text-align: center!important;}
.achibg { text-align: center!important;}
.achi-bg2{ text-align:center!important;}
a.achiall_rm{ float:right!important; margin: 8px 10px 10px 10px!important;}
div#login-box { width: 240px!important; left:18%!important;}
table#EventControl_Calendar1 { height: 185px !important; font-size: 10px !important;}
.galleryRview li {  float: none; display: inline-block;}
.pgThumbView li { float: none;  display: inline-block;}
.media-detail,.media-repeater {width: 100% !important;}
.tot{ display:none;}
table.top_nt tr td,.total_pages2 table tr td {  display: block;  text-align: center; width:100%;}
.map_full { width: 100%!important;  position: static!important;margin: 14px 0 0 0!important;}
.direction-head{ position: static!important; top:0 !important;}
.reach_right { bottom: 9px!important;  top: auto!important; max-width: 100%;}
.dir-map-sub {  width: 100%;  overflow: visible !important;}

}

@media screen and (min-width:0px) and (max-width:380px)
{
.skew { box-shadow: 6px 6px 0px 0px #38920e; width: 179px;    height: 24px}
.text_in {padding: 2px 0 0 0;font-size: 14px}
.skew_thought { width: 220px;}
.text_thought{ font-size:18px;}
.all_icon ul li	{width: 25% !important; float:left;	}
a.ecare {background-size: 75px;}
a.calender {background-size: 57px;}
a.Virtual {background-size: 76px;}
a.alumni {background-size: 72px;}

.all_icon ul li:hover > a.ecare {background-size: 75px;}
.all_icon ul li:hover > a.calender {background-size: 57px;}
.all_icon ul li:hover > a.Virtual {background-size: 76px;}
.all_icon ul li:hover > a.alumni {background-size: 72px;}

.all_icon ul li a,.all_icon ul li a:hover {  height: auto; font-size:13px; padding: 52px 00 0 0;}
.notice {width: 300px;}
#newnotice_lblnoticedownloads{margin: 0 auto 0 auto;width: 250px!important;}
#newnotice_lblnoticedownloads ul li{width: 250px!important;}
.news2 { font-size: 12px;  padding: 0 0 0 29px;}
#newnotice_lblnoticedownloads ul li a{padding:0 0 0 5px; font-size:13px;}
.head_anu,.skew_msg,.skew_gyr,.skew_Achieve,.skew_top,.skew_thought{ height: 29px; box-shadow: 9px 8px 0px 0px #38920e;}
.mo_anu,.text_msg,.text_gyr,.text_Achieve,.text_top{ font-size:18px;}
.msg_txt p{ font-size:14px;}
.msg_all { width: 310px;}
.all_msgin ul li, .all_msgin {  width: 310px!important;}
.msg_img {  margin: 0 auto; width:250px;}
.div_gyr, .div_Achieve{ width:310px;}
.skew_gyr, .skew_Achieve {  margin: 18px 0 29px 38px;}
.gyr_1, .Achieve_1 {  width: 246px;}
.next-msgin{right: 3px;top: 58px;}
.previous-msgin{left: 3px;top: 58px;}
.msg_txt p { padding: 1px 11px 0 27px;}
.msg_img{height:142px;}
.msgin { padding: 25px 0 0 0;}
.videvent1,.titkid,.kcstdName{ font-size: 15px;}
#homephotog_LBPhoto,.our_school,#AchievementHome_lblAchievement,#kids_in{ width: 250px!important; margin:auto; float:none;height: auto !important;}
#homephotog_LBPhoto li img,.our_school li img,#kids_in li img,#AchievementHome_lblAchievement li img {width: 250px!important;height: 156px !important;}
.our_school li,#homephotog_LBPhoto li{width:250px!important;height: 156px !important;}
.next-gyr, .next-our, .next-AchievementHome, .next-kids {  right: 2px;}
.next-gyr, .next-our, .previous-our, .previous-gyr { top: 145px;}
.next-kids, .previous-kids, .next-AchievementHome, .previous-AchievementHome { top: 145px;}
.previous-gyr,.previous-our,.previous-AchievementHome,.previous-kids{left: 3px;}
#kids_in li{width:250px!important;}
.msg_txt .p_name{ font-size:15px;}
.which-class{margin: 3px 0 8px 0;}
.which-class1 { margin: 5px 0 2px 0;}
.b_gyr, .b_Achieve { margin: 15px 0 0 96px;}
mgr_sch {  margin-top: 0px !important;}
.mid_wrap ul li{ width:28%;}
.mid_wrap{margin:11px 0 20px 0px;}
#app_scroll { height: 165px;}
#app_scroll .flex-control-nav { top: 152px;}
.thought-content{ font-size:16px; margin-top: 18px;}
.quotation{ margin:0 0 0px 0; height: auto;}
.word_thou{ font-size:14px;margin:3px 0 0px 0;}
.thought_fu { margin: 56px 0 0 0;}
.top_mobile {  margin: 49px 0 0 0;}
.div_Achieve { height: 480px;}
.marg_sec1 {  margin-top: -85px;}
.Achieve_1 { height: 329px;}
.mgr_sch2 { margin-top: 0px;}
.skew_top { margin: 9px 0 13px 0px;}
.skew_top{width: 215px;}
.ecarebg{ margin:16px 0 0 0;}
.b_top{ margin: 18px 0 0 45px;}
.div_gyr { height: 418px;}
.facility-nav li { font-size: 16px; padding:0 3px;}


/*------------Dynamic-------------*/


}

@media screen and (min-width:0px) and (max-width:375px)
{
.siteMap2 .siteM2{width: 63%; padding: 0px 8%;}

 /*------------Dynamic-------------*/
.contact-main2 {  width: 100% !important;}
.gallery-search1 li{float:left;}
.photo_gn li { max-width: 97%;  margin: 17px 0px -3px 2%;}
.GDataOfAccess,.GalbumName,.GDateOfCreation{ text-align:center;}
div#login-box {  left:12%!important;}
	
}

@media screen and (min-width:0px) and (max-width:310px)
{
	.logo { top: 330px;}
}








































