﻿@media only screen
and (max-width : 319px) 
{
	
	/*00*/
	.lbl_page,.photo-lblPageCountTop { margin:0px; width:100%; float:none}
		.searchform .searchfield { width:140px!important;}
	 }

@media only screen
and (max-width : 320px) 
{ 
.small_icons ul li a{ font-size:13px;}
.aa .Cal_previous { margin-right: 18px;}
.photo-gallery-button table td { width:100%!important;}
#vision .slides li span,#vision .slides li p { padding: 5px 0px 5px 0px!important; line-height:20px;}
	#vision .slides li p { font-size:14px;}
	#vision .slides img { width:130%!important;     max-width: none;}
.new_pages { font-size:18px;}
}
@media only screen
and (max-width : 440px) 
{ 
.photo_gn li { max-width: 97%!important; margin: 0px 1% 18px 1%!important;  width: 100%; padding-top: 15px;}
}
@media only screen
and (max-width : 480px) 
{ 

.ecare_logo{ margin-left:0;}
.sname_mob { height: auto!important;}
.sname_mob .affiliated_by{line-height: 12px;}
.sname_mob .name_mob{ margin:5px 0px; line-height: 15px;}
.sname_mob .add_mob{margin-bottom: 20px;line-height: 12px;}
.school_name {margin: 10px 0px 0px 0px;}
.kids2, .gtext { width:100%; float:left; text-align:center;}
.kids_numb { float: none; min-height: 68px; max-width: 31px; display: inline-block;}
.kids_cnr,.galleryNo1   { text-align:center}
.kids_cnr a, .galleryNo1 a { float:none;}
.gallery_txt { margin-top:20px;}
.kids_txt { width:100%; float:left;}
.kids_cnr img, .galleryNo1 img { display:inline-block!important; float:none;}
.small_icons ul li { padding: 35px 0px!important;width: 49%;}
.slider_text { top: 0px!important;padding: 0px 1%;}
#vision .slides li span {padding: 10px 0px 15px 0px; font-size:18px;}
vision .slides li p {font-size: 16px;}
.our_vision { max-width:none; margin-top: 10px;}
.image_position {  position:relative; top: 5px;}
#featured ul.ui-tabs-nav li { display:inline-block; width: 100%!important;}
table.new-table tr td {word-break: normal;}

 .facility_imgbox ul li { width: 43%; margin: 5px 2%;}
.vsms1 { height:auto;}	
/*
table.content_table tr td { word-break: normal;  }


table.new-table tr td img { max-width: 100px; }

*/
/*00*/
 .content_table tr td:first-child, .content_table tr td:last-child{ min-width:auto!important;}
.captcha-img,.captcha_r { width:49%; text-align:center;}
.captcha_r { padding: 9px 3% 9px 0%!important;     border-left: 5px solid #F12F51;}

.PagerPageLink,.PagerCurPage { padding:0px 5px;}
.photo-lblPages,.photo-lblPages2 {float: none; display: inline-block; text-align:center}
.album-pager { text-align:center;}
.view,.disply-photo-path{ width:100%;  }
.photo-glry-head2 > div,.media-search-subhead > div { margin: 2px 0px!important; padding:2px 0px!important;}
.Button1 input { float:left!important; margin-left:3px;}
.career-captcha,.capt_txt { max-width:none; background: #FFFEDF;}
.ob_show_panelsholder { height:275px!important}
.media-image-head,.media-album-detail,.contact_us,.cnt-map { width:100%;}   
.tbl_career_form_L,.tbl_career_form_R { width:100%; min-height:auto}
.tbl_career_form_L {    padding: 15px 1% 0px 1%;}
.tbl_career_form_R{    padding: 0px 1% 18px 1%;}
.gb-main-rpt-sub { width:auto}
.career-head-rpt tr td{    padding: 3px 2px; font-size:12px;}
.gb-repeater-font tr td{ display:inline-block; padding: 0px 10px;}
#menu2 {float:right; padding-right: 0px; }
.master_h { font-size: 19px;}
.about_school {  padding: 0px 0px 27px 0px!important; margin: 0px auto;  float: none!important;}
#topsld { max-width:384px;     float: none; margin:0px auto;}
.about_school .flexslider { width: 100% !important;}
.about_school p { width: 100%!important;  padding: 4px 10px!important; }
a.read_more {    bottom: -8px;}
.headboy { width: 100%!important; margin: 5px 0px!important;}
.achiTbl tr td{ width:100%; display:inline-block; text-align:center}
.sitemaph .aa { width:100%; margin-left:0px; min-height:auto;}
.buttonReachUs { background:#fff; font-size:12px;}
}

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

.ecare_logo, .alumni-top, .pdf-icon { width:33%!important; float:right!important; margin-top:9px!important; margin-left:0!important; margin-right:0!important;}
.alumni-top{ margin-left:5px!important;}
.head_p { margin-bottom:12px;}
.logo { margin-left:10px;}
.photo_gn li { max-width: 31%!important;   margin: 0px 1% 18px 1%;}
/*00*/
.rpt-subhead {width: 48%!important; margin: 1% 1%!important;}
.career_l { max-width:58%!important;}
.captcha_r3 {padding: 5px 0px!important;}
.captcha-img {    width: 49%!important;    height: 55px!important;}
 .siteMap2 .siteM2 { width:48%!important; padding:.5%!important;}
}


@media only screen
and (max-width : 767px) 
{ 
		
#btnCancel1{ width:90%; margin:0 auto;}
.flyer-m{ max-width:90%; position:absolute!important; top:20px!important;}
.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;}

	.pdf-icon{ position:relative; right:auto;}
body,.sliding_box{background: #fff;}
#slider { position:relative!important; top:0px!important; margin:0px; height:auto}
.header { position:relative;padding: 0px; height:auto}
.school_name {margin: 17px 0px 0px 7px;}
.school_name .peShiner,#menus{ display:none;}
.back-to-top { display:none!important}
.sname_mob { display:block; height: 70px;text-align:center}
.sname_mob .affiliated_by{ color:#23277c;  font-size:10px;}
.sname_mob .name_mob{ font-size:16px; font-weight:bold; color:#2c2baf; }
.sname_mob .add_mob{ color:#2e2e2e; font-size:10px;}

.ecare_logo, .alumni-top { float:left!important; margin-bottom: 9px; width:50%; margin-top: -9px; margin-left:0;}
.alumni-top{ margin-left:0;}
table.new-table tr td img { max-height:90px;}
/*
ul.dropmenu li {  display:block; width:100%;  line-height: 20px; background:none}
ul.dropmenu li a:hover, ul.dropmenu li:hover > a { padding: 0px 10px 0px 10px; float: left;
    width: 100%;}
*/
#menu_mob  { display:block; cursor: pointer;}
.dropmenu { width:100%;}
ul.dropmenu li {display:block; width:100%;  line-height: 20px; background:none}
.last_subm { text-align:left;right: auto;}    
.dropmenu ul.submenu { top:30px; z-index:99;  padding: 0px; min-height: auto;}
.menu_img1 { display:none;}
.head_p {padding: 12px 0px 20px 0px;text-align:center}
.head_p > div { float:none; display:inline-block }

.mid_mgn { margin: 10px 0px 0px 0px;     padding: 0px 5%;}
.red_box,.master_main { margin-top:10px; }
.reflx { font-size:16px; padding: 20px 10px;}
.reflection h1 { max-width:none; padding: 10px 0px 10px 0px; display: block;}
.news_dis1 a { padding-right:5px; display:block}
#newnotice_lblnoticedownloads { padding:0px;}
#vision { padding: 0% 0px 5% 0px;}
#vision .slides li h1 { margin:0px;}
#vision .slides li span { width:90%;}
#vision .slides li p {padding: 6px 0px 5px 0px;}
.mid_mgn > div { width:100%; height:auto;     margin: 10px 0px;}
.mid_box  { padding-bottom:12px;}
.home > div { height:auto; }
.slide_box  { width:100%; max-width: none;}
.small_icons ul li{padding: 24px 2px 34px 2px;}
.blue_box { height:auto; padding: 35px 0px 25px 0px; }
.photoGallery { margin-top: 25px;}
.master_h { padding: 10px 0px;}
.right_msg_txt {padding: 22px 10px 20px 10px;}
.master_txt{padding: 0px 10px 20px 10px;}
.innerPg_img  { float:none; height:auto!important; padding-bottom:20px;}

 
ul.dropmenu li a { display:block;}
 
.login-popup {left: 20%; width: 60%; top: 5%;}
#EventControl_Calendar1 tr td, #EventControl_Calendar1 tr th,#ctl00_EventControl_UpdatePanel1 tr td,#ctl00_EventControl_UpdatePanel1 tr th  {  font-size: 12px!important;}
#EventControl_Calendar1, #ctl00_EventControl_Calendar1 {  height: auto!important; min-height:230px;}
.tc2 {text-align: center;}
.tc2 tr td, .tc2 tr th {display: inline-block; width: auto!important;}
.sec_img { float:none; margin:4px 0px;}

.slider_text { top: 10%;}


.app_icon ul li:first-child {    margin-right: 0px;text-align: center;     width: 100%;}
.s_code .text1 {width: 100%; float: left; margin-right:0px;}
.app_icon ul li { display: inline-block; padding: 5px 2px;}
.app_icon { padding:10px 0px}
.footer { padding:10px 0px; min-height:none}
img.about_image { float:none; margin:5px 0px;}
.para_about{ max-width:none}
.inner_objImg { position:relative; top:0px; width:100%;}
.new_pages { position:relative;padding: 0px 14px 0px 14px;}
.right_msg_txt,.left_msg_txt { margin-bottom:0px;     max-width: none;}
.master_txt { margin-top:0px;}
.imp { float:none; width:100%;}
.msg_img img { position:relative; z-index:0;}

.anthem2 { display:none}
.anthem3 { display:block;}
.image_position { left:0}
.sports { position:relative; z-index:0; top:0}
	#featured ul.ui-tabs-nav { width:100%!important; text-align:center}
.right-penal { width:100%!important}
#featured ul.ui-tabs-nav li { display:inline-block!important; width:49%; padding-left:10px!important; line-height: 35px!important;}
.facility_rm { margin-left:10px!important; padding: 10px 18px 10px 18px!important;}
#featured ul.ui-tabs-nav li { margin-bottom:3px!important;}
#featured li.ui-tabs-nav-item a { font-size:17px!important;}
.achiSlideImg,.achiSlideTxt { width:100%; max-width:none;}
.achiSlideImg img{display: inline-block!important; margin-bottom:10px;}
.achieveNavi { display:none}
#inner_pg1 { height:auto}
.galleryLSin, .gallerySR, .galleryLS {max-width: none;}
.gallery-search1 { text-align:center}
.gallery-search1 li {    padding: 8px 0px;}
#inner_pg1 .slides li a,#inner_pg2 .slides li a,#inner_pg1 .slides li a   { display:block; text-align:center}
.galleryLS { min-height:auto}
#inner_pg2,#inner_pg1 { height:auto}


#inner_pg1 .slides li a img,#inner_pg2 .slides li a img,#inner_pg1 .slides li a img  { display:inline-block}
.gallerySR,.galleryRview { width:100%;}


.photo_gn li { max-width: 47%;  margin: 0px 2% 18px 0%;}
.galleryLSin, .gallerySR, .galleryLS { max-width: none;}
.media_dtlFixed { text-align:center; position:relative; max-width:none}
 
.contact-main2 {  width:100%; max-width:475px; margin:0px auto;float: none; overflow:auto; position:relative; top:auto; right:auto}
#map { position:relative;     height: 400px; top:10px; width:100%; float:right }
.captcha_r {padding: 5px 8.5%;}
.career_l { max-width:48%;}
.captcha-img { width:48%; height:38px;}
.captcha_r3 { width:50%; padding:0px 3px; height:38px;}
#idIframe { top:auto;width: 100%;
    right: 0; position: relative}
.map_full { position:relative;}
.reach_search_btns { top:0px;}
.reach_right {right: 0;top: 100%; margin-top:-70px; position:absolute; margin-bottom:0%;}


#address { max-width:none; width:60%;}
.buttonReachUs{ min-width:none; width:40%;}
.mTopBox { position:relative; top:auto}

.facility_imgbox,.facility_Txtbox { position:relative; max-width:none; width:100%; }
 .facility_Txtbox { margin-top:10px; min-height:auto}
 .facility_Txtbox_in { padding:0px;}
.counsellingLeft,.counsellingRight { float:none;}
.labBoxIn,.facility_Txtbox  { max-width:none;} 
.codeOfConduct {background: rgba(255, 255, 255, 0.81); max-width: none; padding: 0px 0px 40px 0px; min-height: 292px;}
.codeMain {    background: #fff url(../images/rules.jpg) 0px 40px no-repeat;}
.facility_imgbox { position:relative; margin-top:10px;}
 .siteMap2 .siteM2 { width:100%; padding:.5%;}
 
 .visionRm { display:block}
 .forIf { display:none}
 .topperTbl td img, .topperTbl th img { max-width:60px;}
.vsms1 { margin-left:0px!important;float: none;
    display: inline-block;}
 .content_table tr td:first-child, .content_table tr td:last-child{ min-width: 78px;}
/*00*/
#ctl00_ContentPlaceHolder1_optExcellent tr td{ float:left;}
.view,.disply-photo-path {     display: inline-block; float: none;          min-width: 49%;  margin: 5px 1px;}
.photo-glry-head2 > div,.media-search-subhead > div { padding:5px 0px;}
.album-pager,.lblperpage { text-align:center;}
.album-pager table,.lblperpage table { display:inline-block; width:auto;}
table, td, tr, th, tbody {    word-break: break-all;}

#main_notice td { word-break:normal;}

.rpt-subhead { width:100%; margin:1% 0px; height:auto; }
.media-img-full,#zoom_05 { max-width:300px!important; width:90%;}
.media-repeater,.media-detail {width:100%;}

.gallery_btns { text-align:center}
.gallery_btns tr td { display:inline-block; padding:3px 1px;}
.photo-gallery-button table td {     display: inline-block;padding: 5px 5px; width:50%;}
.photo-gallery-button table td a { float:none; display:block; text-align:left}

 
.plz-wus { height:auto;}
.pgdtl3 tr td { width:auto;} 
.tbltd2 { padding-right:20px!important;}
.photo-gallery-button, .media-record { text-align:center;}
.lbltotalAlbum1 { text-align:left}
.headboy { width: 48%;margin: 5px 1%;}

.infirmary li { width:100%; text-align:center}
.infirmary li:nth-of-type(2) { text-align:justify}
.infirmary li a,.infirmary li:first-child > a { float:none;}
.total_pages2 table tr td { width:100%; display:block;}
}

@media only screen
and (min-width : 768px)
and (max-width :990px)
{
	
	.ecare_logo p, .alumni-top p, .pdf-icon p{ display:none;}
	.pdf-icon{ position:relative; float:left; right:auto; margin-left:10px;}	
	
	.ecare_logo a, .alumni-top a, .pdf-icon a{ border-bottom:none;}
	
	.ecare_logo, .alumni-top { margin-left:5px; border-bottom:none;}
#slider { height:auto} 
.head_p {padding: 10px 5px;min-height:115px;}
.school_name { max-width:516px; }
#menus,.back-to-top { display:none;} 
.school_name > .peShiner{overflow: hidden; width:100%!important; max-width:516px; display:inline-block; position:relative!important;}
.school_name > .peShiner canvas{overflow: hidden; width:100%!important; max-width:516px; display:inline-block;  position:relative!important;}
#menu_mob  { display:block; cursor: pointer;}
.dropmenu { width:100%;} 

ul.dropmenu li {display:block; width:100%;  line-height: 20px; background:none}
.last_subm { text-align:left;right: auto;}    
.dropmenu ul.submenu { top:30px; z-index:99;  padding: 0px; min-height:auto;}
.menu_img1 { display:none;}


.mid_box {     width: 32%;margin: 0px 1%;}
.small_icons ul li {padding: 35px 12px 34px 12px;}
.our_school{ margin:0px;}
.calendar_box { float:left;}
#EventControl_UpdatePanel1 tr table tr .aa .Cal_previous {margin-right: 20px;}
#EventControl_Calendar1 td { line-height: 17px; height: 28px;}
.blue_box {padding: 35px 0px 0px 0px;}
.slide_box {width: 47%;margin: 0px 0 0px 2%;}
.photoGallery { float:left;}
.slide_in { padding:10px;}
.kids_numb { position:absolute;}
.kids_cnr img, .galleryNo1 img { max-height:110px; margin-right: 10px;}
 .master_h { padding: 10px;}
 
 .innerPg_img  { float:none; height:auto!important; padding-bottom:20px;}
 img.about_image { float:none; margin:5px 0px;}
.para_about{ max-width:none}
.galleryLSin,.gallerySR,.galleryLS { max-width:none;}
#inner_pg1 .slides li a,#inner_pg2 .slides li a,#inner_pg1 .slides li { display:block; text-align:center}
#inner_pg1 .slides li a img,#inner_pg2 .slides li a img,#inner_pg1 .slides li img  { display:inline-block}



.gallerySR,.galleryRview { width:100%;}
.reach_search_btns { float:right; margin-right:2%;}
.reach_search_btns { max-width:500px;}
.reach_usTxt { max-width:300px;}
.reach_right { padding-bottom:60%;}
.facility_imgbox,.facility_Txtbox { position:relative; max-width:49%;}
.slider_text {top: 8%;  padding: 10px 2%;}
.siteMap2 .siteM2 { width:32%; padding:.5%;}
/*00*/
.plz-wus { height:auto;}
.gbook1 { margin:0px; width:auto}
.view,.disply-photo-path { display: inline-block; float: none;    min-width: 236px;    margin: 2px 0px;}

table#ctl00_ContentPlaceHolder1_optExcellent td { /* width: 32%; */ display: inline-block;}
.pgdtl3 tr td { width:auto;} 
.tbltd2 { padding-right:20px!important;}
.album-pager,.lblperpage { text-align:center;}
.album-pager table,.lblperpage table { display:inline-block; width:auto;}
 .app_icon ul li:first-child {padding-left: 10px; width:100%;}
 .logo_name {
    position: relative;
    top: 60px;
    width: 100%;
}

    }

 
 
@media only screen
and (min-width : 991px)
and (max-width :1025px)
{
#slider { height:auto;}	
.mid_box {  width: 30%;  margin: 0px 2.5%;}
ul.dropmenu li a { padding: 0px 8px;}	
.dropmenu ul.submenu li a,.dropmenu ul.submenu li:hover > a {padding: 0px 8px;}

 
.slide_box {width: 47%;margin: 0px 0 0px 2%;}
.our_school { margin:0px;}
.calendar_box,.photoGallery { float:left}
.small_icons ul li { padding: 35px 40px 34px 40px;}
.blue_box {padding: 35px 0px 0px 0px;}
 .master_h { padding: 10px;}
 .master_txt {padding: 22px 10px 158px 10px;}
 .innerPg_img  { height:auto!important; padding-bottom:20px;}	
 .para_about { max-width:497px;}
 .galleryLS{ width:auto; float:left; max-width: 570px;}
.gallerySR { max-width:431px; width:auto; }
.galleryLSin { max-width:570px;}
#inner_pg1,#inner_pg2  { height:auto}
 .siteMap2 .siteM2 { width:24%; padding:.5%;}
 #EventControl_Calendar1 td {  height: 28px;}

	}
	
	 
@media only screen
and (min-width : 768px)
and (max-width :1025px)
{
.inner_objImg { top:151px; position: relative; width:100%; top:0px;}
.right_msg_txt { margin-bottom:0px; max-width:none!important}
.new_pages { position:relative}	
.master_txt {padding: 0px 10px 10px 10px; margin-top: 0px; min-height: 729px;}
.imp { float:none; width:100%;}
.vsms1 { margin-left:0px;}
.msg_img img { position:relative;}
.left_msg_txt { max-width:none; margin-bottom:0px;}
.anthem2 { display:none}
.anthem3 { display:block;}
.image_position { left:0px;}
#featured ul.ui-tabs-nav { width:38%;}
.right-penal { width:60%}
.sports { position:relative; z-index:0; top:0}
#featured ul.ui-tabs-nav { width:38%!important;}
.right-penal { width:60%!important}
.achiSlideImg,.achiSlideTxt { width:49.5%;}
.gallery-search1 { text-align:center}
.gallery-search1 li { padding: 8px 6px; display: inline-block;}
.media-search1 { text-align:center}
.media-search1 li { padding: 8px 6px; display: inline-block;}
 
.career_l { max-width:68%;}
.captcha_r3 {padding: 5px 3%;}
.sitemaph .aa { margin-left:10px;}
#idIframe { width:100%; right:0px;}
.mTopBox { position:relative; top:auto}
.labBoxIn,.facility_Txtbox  { max-width:49%}
.slider_text {  padding: 10px 2%;}
 .app_icon ul { width:100%;}
 .app_icon ul li:first-child { margin-right:10px;}
 
 .app_icon ul li .app_store img{ max-width:125px; }
}
.notherbg {    background: #e8e8e8;
    margin-bottom: 2px; padding: 0 3px;}
    audio { width:100%;}