@charset "utf-8";
/* CSS Document */
/*Slogan section start*/
@import url("../css/slogan.css");
/*Slogan section end*/

/*Top quick links start*/
@import url("../css/quicklinks.css");
/*Top quick links end*/
/*home about sec start*/
@import url("../css/about.css");
/*home about sec end*/
/*Key Differentiating Characteristics start*/
@import url("../css/key-different.css");
/*Key Differentiating Characteristics sec end*/
/*Junior school sec start*/
@import url("../css/junior-school.css");
/*Junior school sec end*/
/*Advantage +2 sec start*/
@import url("../css/advantage+2.css");
/*Advantage +2 sec end*/
/*Home mid quiclinks sec start*/
@import url("../css/home-mid-quicklinks.css");
/*Home mid quiclinks sec end*/
/*Achivers sec start*/
@import url("../css/achivers.css");
/*Achivers sec end*/
/*Activities sec start*/
@import url("../css/activities.css");
/*Activities sec end*/
/*infra sec sec start*/
@import url("../css/infra.css");
/*infra sec sec end*/
.width-40-60 .leftpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-40-60 .rightpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-60-40 .leftpan{
	width: 100%;
	padding: 10px 10px;
}
.width-60-40 .rightpan{
	width: 100%;
	padding: 10px 10px;
}
.width-70-30 .leftpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-70-30 .rightpan{
	width: 100%;
	padding: 10px 10px;
}
.width-30-70 .leftpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-30-70 .rightpan{
	width: 100%;
	padding: 10px 10px;
}
.width-80-20 .leftpan{
	width: 100%;
	padding: 10px 10px;
	margin-bottom:20px;
}
.width-80-20 .rightpan{
	width: 100%;
	padding: 10px 10px;
	margin-bottom: 0;
}


@media only screen and (min-width:768px){
	.width-40-60 .leftpan{
		width: 38%;
		margin-bottom: 0;
	}
	.width-40-60 .rightpan{
		width: 58%;
		margin-bottom: 0;
	}
	.width-60-40 .leftpan{
		width: 58%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-60-40 .rightpan{
		width: 38%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-70-30 .leftpan{
		width: 28%;
		margin-bottom: 20px;
		margin-bottom: 0;
	}
	.width-70-30 .rightpan{
		width: 68%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .leftpan{
		width: 28%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .rightpan{
		width: 68%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-20-80 .leftpan{
		width: 18%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-80-20 .rightpan{
		width: 78%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
}
@media only screen and (min-width:921px){
/*
	.width-40-60 .leftpan{
		width: 48%;
		margin-bottom: 0;
	}
	.width-40-60 .rightpan{
		width: 48%;
		margin-bottom: 0;
	}
	.width-60-40 .leftpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-60-40 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-70-30 .leftpan{
		width: 48%;
		margin-bottom: 20px;
		margin-bottom: 0;
	}
	.width-70-30 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .leftpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-20-80 .leftpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-80-20 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
*/
}
@media only screen and (min-width:1025px){
/*
	.width-40-60 .leftpan{
		width: 38%;
		margin-bottom: 20px;
	}
	.width-40-60 .rightpan{
		width: 58%;
		margin-bottom: 20px;
	}
	.width-60-40 .leftpan{
		width: 38%;
		padding: 10px 10px;
	}
	.width-60-40 .rightpan{
		width: 58%;
		padding: 10px 10px;
	}
	.width-70-30 .leftpan{
		width: 65%;
		margin-bottom: 20px;
	}
	.width-70-30 .rightpan{
		width: 35%;
		padding: 10px 10px;
	}
	.width-30-70 .leftpan{
		width:35%;
		padding: 10px 10px;
	}
	.width-30-70 .rightpan{
		width: 64%;
		padding: 10px 10px;
	}
*/
}
@media only screen and (min-width:1300px){
	
}
@media only screen and (min-width:1500px){
/*
	.width-40-60 .leftpan{
		width: 38%;
		margin-bottom: 20px;
	}
	.width-40-60 .rightpan{
		width: 58%;
		margin-bottom: 20px;
	}
	.width-60-40 .leftpan{
		width: 58%;
		padding: 10px 10px;
	}
	.width-60-40 .rightpan{
		width: 38%;
		padding: 10px 10px;
	}
	.width-70-30 .leftpan{
		width: 28%;
		margin-bottom: 20px;
	}
	.width-70-30 .rightpan{
		width: 68%;
		padding: 10px 10px;
	}
	.width-30-70 .leftpan{
		width:28%;
		padding: 10px 10px;
	}
	.width-30-70 .rightpan{
		width: 68%;
		padding: 10px 10px;
	}
*/
}
.main-banner{
    position: relative;
    z-index: 2;
}

.main-banner img{
	width: 100%;
	height: auto;
	display: block;
}
@media only screen and (min-width: 1025px){
	.main-banner:after{
		content: '';
		width: 100%;
		height: 202px;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		background: linear-gradient(180deg,rgba(0, 0, 0, 0.57) 9%, rgba(255, 255, 255, 0) 100%);
	}
}




.home h2, .home .h2{
	font-size:1.8rem;
	line-height:2.4rem;
	margin:0 0 12px;
	color:#333333;
}
@media only screen and (min-width:768px){
	/* General Style Start */
	.home h2, .home .h2{
		font-size:2.0rem;
		line-height:2.9rem;
		margin:0 0 12px;
	}
	/* General Style End */
}
@media only screen and (min-width:921px){
	/* General Style */
	.home h2, .home .h2{
		font-size:2.5rem;
		line-height:3.1rem;
		margin:0 0 15px;
	}
}
@media only screen and (min-width:1025px){
	/* General Style Start */
	.home h2, .home .h2{
		font-size:2.8rem;
		line-height:3.4rem;
		margin:0 0 20px;
	}
}