

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

    #faculty ul li img {
    float: none;
    text-align: center;
}

#faculty ul li p {
    text-align: center;
}

#faculty ul li {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0px;
}


	.logo-m-div{ display:inline-block;}
	.flash-logo{ display:none;}
	.history-right, .history-left , .history-lb, .history-lt{ width:100%!important; margin-bottom:10px!important;}
	.photo_gn li a img{ max-width:initial;}
	.photo_gn li a{ overflow:hidden;}
	.login-popup
	{    width: 80%; left:10%; font-size:13px; top:8%; max-height:80%;
	}
	.login-popup table
	{  max-height:100%;
	}
	.display_p
	{ float:none; margin:0 auto;
	}
	.content-container{ background-size:100%; padding-bottom:220px;}
	.sub-menu li{ background:#31855b!important; border-bottom:1px solid #6eb190;}
	.wrapper-in{ width:98%;}
	.wrapper-main{ width:100%;}
	.top-link{ height:auto; display:none; padding-bottom:20px;}
	.top-link ul{ text-align:left;}
	.top-link ul li{  width:100%;}
	.slider{ height:auto; padding:15px 0;}
	.news-heading-in{ width:100%; text-align:center;}
	.menu{ height:auto;}
	.news-heading-in span{ width:100%; text-align:center; float:none!important;}
	.news-heading-in img{ float:none; margin:0;}
	.news-h-img:before{ display:none;}
	.heading-view a, .news-heading-in span a{ margin-left:0; height:34px; width:92px; line-height:34px; text-align:center; margin-top:11px; color:#fff; font-size:15px; background:url(../images/mob-view.png) no-repeat; display:inline-block;}
	.news-h-img:after{position: absolute;content: "";width: 100%;height: 8px;background: url(../images/line-heading.png);right: 0;top: 101px;}
	.mob-view{ float:left; width:100%; margin:0;}
	.notice-sld{ float:left; width:100%; margin:0; padding-bottom:90px;}
	.notice-home{ height:auto;}
	.news-heading{ padding-bottom:0;}
	.news2{ text-align:left;}
	.notice-r{ top:auto; bottom:50px; right:50%; margin-right:-45px;}
	.notice-l{top:auto; bottom:50px; left:50%; margin-left:-45px;}
	.newsNo li{ max-width:100%;}
	.box-left, .box-right{ width:100%; float:left; margin-bottom:15px;}
	.heading-icon{ width:100%; text-align:center;}
	.heading-right{ width:100%; text-align:center;}
	.msg-in-left{ width:65%;}
	.ui-slider-tabs-list li a{ font-size:14px;}
	.msg-in{ height:auto;}
	.msg-in-right{ width:35%;}
	.msg-in-right img{ max-width:100%;}
	.heading-h{ width:100%; float:left;}
	.msg-in a{bottom: -70px;width: 132px;height: 34px;line-height: 34px;color: #fff;text-align: center;display: inline-block; background: url(../images/msg-readmore.png) no-repeat; left: 50%; margin-left: -65px;}
	.ui-slider-tabs-content-container { min-width:100%;}
	.ui-slider-tabs-list{min-width:100%; width:100%!important}
	.ui-slider-tabs-leftPanelArrow{left: 50%;bottom: 57px; margin-left: -116px;}
	.ui-slider-tabs-rightPanelArrow{    right: 50%;
    bottom: 57px;
    left: auto;
    margin-right: -116px;}
	.msg{ height:auto;}
	.heading-view{ padding-left:0;}
	.box-content{ margin-top:0; padding-bottom:90px;}
	.kids-left{ width:100%; float:left; text-align:center; padding-top:16px;}
	.kids-right{ width:100%; float:left; text-align:center;}
	.arrow-l{ bottom:30px; left:50%; margin-left:-55px;}
	 .arrow-r{ bottom:30px; right:50%; margin-right:-55px;}
	 .app-area{ height:auto; background-image:none;}
	 .app-lefft{ float:left; width:100%; margin:0; background:#172a52; color:#fff; padding-top:15px; padding-bottom:15px;}
	
	
	.app-right, .app-sld-in, .video, .menu-img{ display:none;}
	
	.menu ul li{ width:100%; float:left; text-align:left; background-image:none;}
		.menu ul li .sub-menu{ position:relative; display:none;} 
	.menu ul li:hover > .sub-menu{ display:block;}
	.menu{ position:absolute; top:37px; display:none;    background: rgba(11, 39, 97, 1);}
	.menu-m{ background:#31855b; border:2px solid #efe398; height:37px; display:block;}
	.menu-dot{ width:33px; height:33px; background:url(../images/menu-dot.png) no-repeat center center; cursor:pointer; float:left; }
	.menu-icon{ width:40px; height:33px; background:url(../images/menu-icon.png) no-repeat center center; cursor:pointer; float:right;}
	
	
	.logo-area{ background-image:url(../images/logo4.png); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:20px 0;}
	.logo-name{ width:100%; float:left;}
	.logo-name img{ max-width:100%; text-align:center;}
	
	.kids-corner{ height:auto;}
	.thought{ height:auto; padding-bottom:15px;}
	.thought-content{ padding:0 10px;}
	.bday-home{ height:auto; overflow:hidden;}
	.bday-home .box-content{ padding-bottom:0;}
	.footer{ background:#354e85; height:95px; margin-top:20px;}
	.footer ul{ display:none;}
	.bday-h-in{ margin-top:15px;}
	.copyright{ margin-top:0; padding-top:50px; }
	
	.topper-box{ height:auto;}
	.bday-h-in .viewall-toppers{ display:none; margin-top:0;} 
	
	.viewall-toppers{ margin-top:36px;}
	
	.viewall-toppers a{margin-left: 0;height: 34px;width: 92px;line-height: 34px;text-align: center;color: #fff; font-size: 15px;background: url(../images/mob-view.png) no-repeat;display: inline-block;}	
	
	
	
	
	.menu-icon1{ width:100%; position:absolute; left:0;}
.menu-icon-m{ display:none;}
.logo-area-master{ width:100%; height:auto; text-align:center; padding-bottom:10px;}
.logo-master, .logo-name-master{ width:100%; z-index:0;}
.logo-name-master img{ max-width:100%;}
.menu-m-m{ margin-bottom:35px;}
.master-heading{ height:auto;}
.menu-master{position: absolute;top: -63px;display: none; z-index: 2;    background: rgba(11, 39, 97, 1);}
.menu-master .sub-menu{ left:0;}
.menu-img{ display:none!important;}
.menu-master ul{ width:100%;}
.sub-heading{ height:auto;}
.facilty{ width:100%; float:left; margin:0; padding:0;}
.facilty:nth-child(odd) .left-img, .facilty:nth-child(even) .left-img{ width:100%; float:left;}
.facilty:nth-child(odd) .facilty-content-right, .facilty:nth-child(even) .facilty-content-right{ position:relative; margin:0; float:left; top:0; left:0; margin-top:10px; height:auto; width:100%; margin-top:0; margin-bottom:30px;}

.table-wrapper{ width:100%; float:left; overflow:auto;}
.vsms{ width:100%; margin:10px 0; height:auto;}
.contact_tbl-l, .contact_tbl-r{ width:100%; float:left;}
.headboy{ width:100%; float:left; margin:0; margin-bottom:10px;}
.achiall_rm{ position:relative;}
.searchform input[type="text"], .searchform select{    width: 207px!important;}
#inner_pg1,  #inner_pg2{ height:auto;}
.galleryLS{ min-height:500px; margin-bottom:15px;}
.photo_gn li{ float:none; display:inline-block;}
.photo_gn{ text-align:center;}
.media-detail, .media-repeater{ width:100%; float:left;}
.rpt-subhead{ width:100%; float:left; margin:10px 0 ;}
.app-content{ height:auto;}
	.toppers-l
	{    bottom: 0; left: 50%; margin-left: -91px;
	}
	.toppers-r
	{right: 50%;    margin-right: -91px; bottom:0;
	}
	#topp-xii, #topp-x, #student, #teacher, #notice, #achievements
	{ margin:auto;
	}

	.student-r, .teacher-r{ right:50%;position:absolute; bottom:0; float:right; margin-right: -45px}
	.student-l, .teacher-l{    left: 50%;position:absolute; bottom: 0;margin-left: -45px}
	.bday-h-in .topper-box
	{ height:275px; 
	}
	.topper-name
	{ white-space:nowrap;
	}
	.heading-h:after, .news-h-img:after
	{ width:80%; left:10%;
	}

#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;}


.sitemap li{ width:100%; float:left;}
.principal-box{ max-width:100%; padding:0!important;}
.principal-box:after{ display:none;}
.history-left, .history-lt, .history-lt-l, .history-right, .history-lb{ max-width:100%; margin:5px 0;}
.tbl_career_form_L, .tbl_career_form_R{ width:100%; float:left; margin:0; padding:0;}
.close-flyer{ position:absolute; right:1px; top:1px; border:none; display:block;}
	.cnt-butSubmit, .invalidcode
	{ width:100%!important
	}
	.career-captcha
	{ width:60%!important;
	}
	.capt_txt
	{ width:40%!important;
	}
	.dir-map-sub
	{ height:253px;
	}

.achi-dtl{ line-height: normal!important;}
	}



@media only screen
and (min-width : 415px)
and (max-width : 767px)
{ 
	.gallerySR{ float:none; margin:0 auto;}
	.photo_gn li{ float:left;}
	
	.all-bday {
    width: 33% !important;
}
}

@media only screen
and (min-width :500px)
and (max-width : 767px)
{
	.kids-main
	{ margin-top:20px;
	}
	.kids-left, .kids-right
	{ width:50%;
	}
	.vsms
	{width: 48%;
    margin: 10px 1%; height:auto!important; 
	}
	
	
	
}



@media only screen
and (min-width : 768px)
and (max-width : 989px)
{ 
	
	.content-container{ background-size:100%; padding-bottom:220px;}
	.album-photo{ margin:10px 0;}
	.history-right, .history-left , .history-lb, .history-lt{ width:100%!important; margin-bottom:10px!important;}
	.searchform .searchbutton{ text-align:center;}
	input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{ padding:0;}
	.topper-sld{ width:175px;}
.wrapper-in{ width:764px;}	
.wrapper-main{ width:100%; float:left;}
.top-link{ height:auto; padding-bottom:10px;}
.menu ul li a{ padding:0 8px; font-size:13px;}
 .news1{ width:345px;}
.news_dis1{ width:300px;}
.slider{ height:auto; padding-bottom:38px;}
.notice-sld{ width:100%;}
.box-right, .box-left{ width:48%;}
.heading-icon, .heading-h{ width:100%; float:left; text-align:center;}
.msg-in-left{ width:65%;}
.msg-in-right{ width:35%; float:left; }
.msg-in-right img{ max-width:100%;}
.ui-slider-tabs-content-container{ min-width:100px;}
.kids-right{ width:194px;}
.kids-right img{max-width:100%;}
.kids-left{ width:170px;}

.arrow-r, .arrow-l{left: auto; right: auto; bottom: 0; position:relative;}
.msg-in a{ position:relative;}
.ui-slider-tabs-rightPanelArrow{ bottom:78px; left:50px;}
.ui-slider-tabs-leftPanelArrow{bottom:78px; left:5px;}
.app-lefft{ width:100%;}
.bday-h-in{ margin-top:0;}
.footer{ background:#172a52;}
.footer ul li a {color: #fff;font-size: 13px;text-transform: uppercase;padding: 0 11px; margin-top:15px;}
#topp-x, #topp-xii{ max-width:100%;}
.bday-home{ height:auto;}
.app-right, .app-sld-in{ display:none;}
.tab-m{ right:0;}
.notice-l{ bottom:-30px; top:auto; left:50%; margin-left:-45px;}
.notice-r{bottom:-30px;right:50%; margin-right:-45px; top:auto;}
.topper-box{ height:auto; min-height:252px; padding-bottom:20px;}
.viewall-toppers{ margin-top:9px;}

.toppers-l {
    bottom: 17px;
    cursor: pointer;
    left: 50%;
    position: absolute;
    margin-left: -70px;
}
.toppers-r {
    bottom: 17px;
    cursor: pointer;
    right: 50%;
    position: absolute;
    margin-right: -71px;
}
.video video{margin-left: -561px!important;margin-top: -269px!important;}
	.bday-h-in .topper-box
	{ padding-bottom:50px;
	}

.menu-icon{ width:165px;}
.top-link-master{ padding-bottom:30px;}
.menu-icon1{ width:200px;}
.gallery-search1 li{ padding:0 2px; font-size:12px;}

.galleryLS{ max-width:100%;}
.gallerySR{ float:left; max-width:100%; width:100%;}
.photo_gn li{ float:none; display:inline-block;}
.photo_gn ul{ text-align:center;}
	.gallery-searchA li
	{ line-height:29px; 
	}
	.gallery-searchA
	{ padding-bottom:10px;
	}
	.cnt-butSubmit {
    float: left;
    width: 100%!important;
    margin-top: 9px;
}
	.career-captcha
	{ width:48%!important;
	}
	.capt_txt
	{ width:50%!important;
	}
	.school-buld, .content-container
	{    padding-bottom: 305px!important;
    background-size: 100%!important;
	}
	#map
	{    height: 1255px;
	}
	.content-container-in
	{ padding-bottom:70px;
	}

	.facilty:nth-child(odd) .facilty-content-right, .facilty:nth-child(even) .facilty-content-right
	{ width:300px;
	}
	.history-lr, .h-r
	{ float:left!important;
	}
	.history-lt, .history-lb
	{ margin-left:0!important;;
	}
	.history-right
	{ margin-right:0!important;;
	}
	.history-full
	{ width:100%!important;; float:left!important;; margin-left:0!important;
	}
	.heading-view
	{ text-align:center; padding-left:0;
	}


}




@media only screen
and (min-width : 768px)
and (max-width : 1024px)
{ 
	
	.tab-m {right: 0;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{ padding:0;}
	.logo-m-div{ display:inline-block;}
	.flash-logo
	{
		display: none;
	}
.content-container, .school-buld{    padding-bottom: 390px!important;
    background-size: 100%!important;
}
}









@media only screen
and (min-width :320px)
and (max-width : 480px)
{
    
    .all-bday {
    width: 100% !important;
}
}