@charset "utf-8";
/* CSS Document */

.top_ban{display:block;}
.top_ban2{display:none;}

/*.menu_box{display:block;}
.menu_box2{display:none;}*/


@media all and (max-width: 1190px)
{
#nav li a {padding:12px;}
	.content_1
	{
		width:100%; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #000; max-width:1200px; margin-bottom:12px; max-height:5000px; float:inherit;
	}

	.content_left
	{
		width:auto; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #000; float:inherit; max-width:800px; padding-bottom:10px;
	}
	.content_right
	{
		width:auto; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #000; float:inherit;max-width:390px;
	}
	.content_left1
	{
		width:auto; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #000; float:inherit; max-width:767px; padding-bottom:10px;
	}
	.content_right1
	{
		width:auto; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #000; float:inherit;max-width:398px;
	}	
		.content_right1_sub{margin-top:10px;padding-bottom:10px;}	
		.schl_calender
	{
		width:auto; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #000; max-width:335px; float:inherit; margin-top:10px;margin-bottom:10px;
	}
	.content_left2_1{margin-top:10px;}
	
	.content_right2
	{
		width:auto; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #ccc; float:inherit;max-width:820px;
	}
	.content_right2_1
	{
	margin-bottom:10px; margin-top:10px;margin-right:0px; padding-right:0px;
	}
	
	.content_left3
	{
		float:inherit;margin-top:0px; padding-top:0px; padding-right:9px; padding-left:6px; margin-bottom:10px;
	}
	
	.content_right3
	{
		float:inherit; padding-right:9px; 
	}
	.content_right3_1
	{
	margin-bottom:10px; margin-top:30px;
	}
	
	.foot_wrap{padding-left:10px; padding-right:10px;}
	.sub_linkbx{float: left;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: auto;
    max-width: 453px;
    border: 0px solid #FF3300;
    height: auto;}
	.sub_linkbx2{float:inherit; position:relative; margin:0px auto; padding:0px;width:auto;  border:0px solid #FF3300;}
	.sub_linkbx3{float: left;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 234px;
    border: 0px solid #FF3300;
    margin-top: 2%;
    margin-left: 40px;}
	
	.link_box{float:left; position:relative; margin:0px auto; padding:0px;width:auto; padding-right:20px; padding-left:0px;}
	.map{float: left;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 98%;
    padding: 10px;
    background: #fff;
    margin-bottom: 15px;
    max-width: 264px;}
.topic
	{
		width:auto; height:auto; 
	}
	/*.........................................about us....................................*/
	
	.about_left, .about_right
	{
		float:inherit;
	}
	
	/*.........................................leadership....................................*/
	
	.leadership_left, .leadership_right
	{
		float:inherit;
	}
	
	/*.........................................mission_vission....................................*/
	
	.mis_vis_img, .para_right, .mis_vis_left, .mis_vis_right, .content_mis_vis_sub
	{
		float:inherit;
	}
	.mis_vis_left h2{margin-top:1%;margin-bottom:1%;  float:inherit; text-align:center; margin-top:4%;}
	.mis_vis_right h2{margin-top:1%;margin-bottom:1%;  float:inherit; text-align:center; margin-top:4%;}
	.para_right{float:inherit; max-width:85%; margin-left:0%;margin:0px auto; padding-left:0px;}
	.mis_vis_left
	{
		min-height:300px;
	}

	/*.........................................herritage....................................*/

	.content_heritage_sub, .content_heritage_top, .content_heritage_bottom
	{
		float:inherit;
	}
	
	.heritage_img1, .heritage_img2, .heritage_img3
	{
		float:inherit; margin:0px auto; padding:0px; margin:2% auto;
	}
	.heritage_video, .magazine_side
	{
		float:inherit; margin:0px auto; padding:0px; margin:2% auto;
	}
	.content_heritage_bottom
	{
	padding-top:15px;
	}
	.content_heritage_sub h2.heritage{text-align:center;}


	
}

@media all and (max-width: 1200px)
{
#cssmenu > ul > li > a {
   padding:14px; padding-left:10px;
	}
	}
	
	@media all and (max-width: 1150px)
{
#cssmenu > ul > li > a {
   padding:12px; padding-left:10px;
	}
	}

@media all and (max-width: 915px)
{
.nav_barz2{display:block;}
#nav{display:none;}
#cssmenu > ul > li > a {
   padding:8px; padding-left:8px;
	}

}

@media all and (max-width: 765px)
{
.head_ntrk img{float:left;margin:0px auto; padding:0px;margin-right:1px; width:120px;}
.top_ban{display:none;}
.top_ban2{display:block;}


/*.menu_box{display:none;}
.menu_box2{display:block; z-index:5;}
*/
.menu_box ul.tabs.tabs li{font-size:12px; padding:3px;}
	.menu_box ul.tabs li{padding:5px; background-image:none;background:#ebebeb; float:left; width:150px; color:#000; font-family:Ageone; font-size:18px; margin-left:0px; margin-top:2px; text-decoration:none; border:0px solid;}
	.menu_box ul.tabs li:hover{color:#fff; background-image:none; background:#3a3a3a;}
	.menu_box ul.tabs li.active{ background-image:none; color:#fff;background:#3a3a3a;}
.qut{left:70%; margin-top:-1.7%; position:relative;}	
.testimonials input[type="button"],.newshead input[type="submit"]{width:110px; border:1px solid #ccc; font-family:13px; font-family:"Open Sans"; color:#f12800; float:left; height:30px; margin-top:0px; margin-left:10px; margin-bottom:10px;}ul.tabs li:hover {
color:#fff; background-image:none; ;
}

ul.tabs li.current {
color:#fff; background-image:none; ;}
}

@media all and (max-width: 650px)
{

	.menu_box ul.tabs li{padding:3px; background-image:none;background:#ebebeb; float:left; width:150px; color:#000; font-family:Ageone; font-size:18px; margin-left:0px; margin-top:2px; text-decoration:none; border:0px solid; height:15px;}
	.menu_box ul.tabs li:hover{color:#fff; background-image:none; background:#3a3a3a;}
	.menu_box ul.tabs li.active{ background-image:none; color:#fff;background:#3a3a3a;}
.qut{left:65%; margin-top:-1.9%; position:relative;}
ul.tabs li:hover {
color:#fff; background-image:none; ;
}

ul.tabs li.current {
color:#fff; background-image:none; ;}



}
@media all and (max-width: 600px)
{
.header_left
	{
		width:auto; height:auto; border:0px solid #F00; padding:0px; margin:0px auto; float:inherit;position:relative;
	}
	.header_left img.logo_img {text-align:center; margin:0px auto; padding:0px; float:inherit;}

.header_right
	{
		width:auto; height:auto; border:0px solid #F00; padding:0px; margin:0px auto; float:inherit;position:relative;
	}
	.logoz{
		width:auto; height:auto; border:0px solid #F00; padding:0px; margin:0px auto; position:relative; max-width:430px;
	}
.top_ban_wrap2 p{padding:10px; text-align:left; margin:0px auto; float:left; color:#fff; font-family:"Open Sans"; font-size:12px; font-weight:normal;}
.qut{left:60%; margin-top:-2.3%; position:relative;}
}

@media all and (max-width: 550px)
{
	.content
	{
		/*padding-top:35px;*/
	}

}

@media all and (max-width: 500px)
{
	.lefting{float:inherit; text-align:center;}
	.righting{float:inherit; text-align:center;}
	.sub_linkbx{float:inherit; position:relative; margin:0px auto; padding:0px;width:auto; max-width:360px; border:0px solid #FF3300; height:auto;}
	ul.sub_links{list-style:none; float:left; padding:0px;  }
	ul.sub_links li{list-style:none; margin:0px auto;}
	ul.sub_links li a{padding:5px; text-decoration:none; font-family:"Open Sans"; font-size:12px; float:left; margin:0px auto; border:0px solid; color:#fff; font-weight:normal;}
	
	
	
	.link_box{float:left; position:relative; margin:0px auto; padding:0px;width:auto; padding-right:5px; padding-left:0px;}
	.logo_img{width:100%; float:inherit;}

		.menu_box ul.tabs li{padding:2px; background-image:none;background:#ebebeb; float:left; width:150px; color:#000; font-family:Ageone;margin-left:0px; margin-top:2px; text-decoration:none; border:0px solid; height:12px;}
	.qut{left:30%; margin-top:-3.5%; position:relative;}

}


@media all and (max-width: 450px)
{
	.qut{left:30%; margin-top:-3.3%; position:relative;}
}


@media all and (max-width: 410px)
{
	h1
	{
	font:25px Ageone; 
	}
	
		.schl_calender
	{
		width:100%; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #000; max-width:inherit; float:inherit; margin-top:10px;margin-bottom:10px;
	}
	
	.content_left2
	{
		max-width:100%; min-width:100%;
	}
	.content_left2_1
	{
		max-width:100%; min-width:100%; left:-5px;
	}
	.school{width:100%; height:auto; position:relative; margin:0px auto;padding:0px;border:0px solid #ccc; float:left;}
	.school h1{float:left; width:auto;margin-top:5px; padding-bottom:0px; border:0px solid; margin-bottom:0px; font-size:17px;}
	.school img{float:left; width:auto;margin-top:0px; margin-right:10px;}
	.school p{width:50%; margin:0px auto;padding-top:0px; text-align:justify; border-bottom:1px solid #ccc;font-size:13px; font-family:"Open Sans"; padding-bottom:5px; float:left;}
	.school input[type="button"]{width:55px; border:1px solid #ccc; font-size:11px; font-family:"Open Sans"; color:#000; float:left; height:20px; margin-top:8px; margin-right:5px;}
	

	
	.newshead input[type="submit"]{width:55px; border:1px solid #ccc; font-size:11px; font-family:"Open Sans"; color:#000;height:20px; margin-top:8px; margin-right:5px; margin-bottom:10px;}
	.newshead h1{padding-bottom:0px; margin-bottom:0px;}

	.map{float:left; position:relative; margin:0px auto; padding:0px;width:auto; border:0px solid #FF3300; padding:10px; background:#fff; padding-bottom:10px; margin-right:10px; margin-bottom:10px;}
	.sub_linkbx3{float:left; position:relative; margin:0px auto; padding:0px;width:320px; border:0px solid #FF3300; margin-top:2%; margin-bottom:2%;}
	
	.testimonials input[type="button"],.newshead input[type="submit"]{width:110px; border:1px solid #ccc; font-family:13px; font-family:"Open Sans"; color:#f12800; float:left; height:30px; margin-top:0px; margin-left:10px; margin-bottom:10px;}
	.head_ntrk img{float:left;margin:0px auto; padding:0px;margin-right:1px; width:80px;}
	.twitter{padding-bottom:10px; border:0px solid; margin:0px auto; padding:0px; height:27px; float:left; cursor:pointer;}
	.facebook{padding-bottom:10px; border:0px solid; margin:0px auto; padding:0px; height:27px; float:left; cursor:pointer;}
	.youtube{padding-bottom:10px; border:0px solid; margin:0px auto; padding:0px; height:27px; float:left; cursor:pointer;}
	
	.extra_carricular{width:100px;}
	.extra_carricular p{font-size:18px;}
	
	.gps_cmty input[type="button"],.newshead input[type="submit"]{margin-bottom:10px;}
	.quots{position:absolute; margin:0px auto; bottom:-14%; right:0; right:40%;}
	.content_right2_1
	{
	margin-bottom:10px; margin-top:10px;margin-right:0px; padding-right:5px; margin-right:0px;
	}
		.qut{left:30%; margin-top:-3.8%; position:relative;}
		.schl_clndr{width:100%; }
		.news_box{width:100%; height:auto; position:relative; margin:0px auto;padding:0px;border:1px solid #ccc; float:left; background:#fff; }
	.gps_cmty{width:98%;}	.siding{position:absolute; margin:0px auto; padding:0px; float:left; bottom:0; right:-2px}
	
	.mis_vis_left
	{
		min-height:350px;
	}
	.mis_vis_right ul{float:left; width:auto; margin:0px auto; padding:0px; margin-left:5%; margin-bottom:2%;}
}

@media all and (max-width: 350px)
{
		#button-next {

     left:50%;}
	 


#button-prev {

    left:45%;
}
/*	.slider-img p{width:35%; margin:0px auto;padding-top:0px; text-align:justify; border-bottom:1px solid #ccc;font-size:13px; font-family:"Open Sans"; padding-bottom:5px; float:left;}*/
}
@media all and (max-width: 330px)
{
.flag{width:15%;}
.school h1{float:left; width:auto;margin-top:5px; padding-bottom:0px; border:0px solid; margin-bottom:0px; font-size:16px;}
.school p{width:45%; margin:0px auto;padding-top:0px; text-align:justify; border-bottom:1px solid #ccc;font-size:13px; font-family:"Open Sans"; padding-bottom:5px; float:left;}
.newshead h1{padding-bottom:10px; margin-bottom:10px; float: left;}
.newshead input[type="button"],.newshead input[type="submit"]  { float:left;}
.content_right2_1
	{
	margin-bottom:10px; margin-top:10px;margin-right:0px; padding-right:0px;
	}
	.gps_cmty{width:98%;}	.siding{position:absolute; margin:0px auto; padding:0px; float:left; bottom:0; right:-7px}
		#button-next {

     left:50%;}
	 


#button-prev {

    left:45%;
}

}

@media all and (max-width: 321px)
{
.flag{width:15%;}
		#button-next {

     left:50%;}
	 


#button-prev {

    left:48%;
}

}