html {
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
@media only screen and (max-width: 1290px) {
	html{
		font-size:83%;
	}
	body {
		font-size:100%;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.top-container{
		width:94%;
	}
	.navigation{
		width:94%;
	}
	.containerMain{
		width:94%;
	}
	.tabPanel {
		padding:1%;
		margin-right:1%;
	}
	.about{
		width: 45%;
	}
	.admission{
		width: 22%;
	}
	.galleryPanel ul li{
		width:32%;
		height:auto;
		margin-right:2%;
	}
	.galleryPanel ul li img{
		max-width:100%;
		height:auto;
	}
	.infrastructure ul li, .infrastructure ul li:nth-child(4n+4){
		width:21%;
		margin:2% 2%;
		min-height: 300px;
	}
	.footerContact {
		margin-right: 5%;
		width: 30%;
	}
	.footerMiddle {
		width: 30%;
	}
	.footerEnd {
		width: 30%;
	}
	.titlePanel{
		height:auto;
	}
	.titlePanelL h2 {
		padding: 20px 0;
	}
	.innerLeft, .titlePanelL{
		width:70%
	}
	.innerRight, .breadcrumb{
		width:27%;
	}
	.breadcrumb > div {
		float: right;
	}
	.columnGrid{
		width:31%;
	}
	.breadcrumb {
		padding-top: 24px;
	}
	
}
@media only screen and (max-width: 1240px) {
	.columnGrid{
		width:46%;
	}
	.columnGrid, .columnGrid:nth-child(3n+3){
		margin:0 10px 20px 10px;
	}
	.galleryMain ul li:nth-child(3n+3),
	.galleryMain ul li{
		width:29%;
		margin:20px 2% 0 2%;
	}
	.galleryMain ul li img{
		width:100%;
		height:auto;
	}
	.arve-wrapper.alignleft,
	.arve-wrapper.alignright{
		float:none!important;
		margin-left:0!important;
		margin-right:0!important;
		max-width: 100%!important;
	}
}
@media only screen and (max-width: 1170px) {
	.formTop-TableL input[type=text] {
		width: 100%;
		float:none;
	}
	.formTop-TableR div {
		float: none;
	}
	.formTop-TableR input[type=text] {
		width: 100%;
		float:none;
	}
}
@media only screen and (max-width: 1160px) {
	*{
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.bodyTop{
		height:100%;
		overflow:hidden;
	}
	.tabPanel {
		width: 30%;
		height:auto;
	}
	.resp-tabs-container{
		height:auto;
	}
	.tabPanel a.more{
		position:inherit;
		left:inherit;
		bottom:inherit;
		display:inline-block;
		margin:10px 0 0 0;
	}
	.about{
		width: 69%;
	}
	.aboutSchool{
		height:auto;
		padding:15px 15px 30px 15px;
	}
	.tabPanel a.more, .aboutSchool a.more{
		bottom:16px;
	}
	.foundation{
		height:auto;
		padding:15px;
	}
	.admission{
		width: 100%;
		clear:both;
		margin-top:10px;
	}
	.admissionTop{
		height:auto;
		padding:15px 15px 30px 15px;
	}
	.admission a.more{
		bottom: 10px;
		left: 17px;
	}
	.schoolSong{
		height:auto;
		padding:15px;
		overflow:hidden;
	}
	.slider-content p {
		font-size: 25px;
		line-height: 30px;
	}
	.column_content{
		width:90%;
		margin-left: 4%;
	}
	.innerLeft .gallery .gallery-item img {
		height: auto;
		max-width: 100%;
	}
}
@media only screen and (max-width: 1120px) {
	.contact-us{
		margin-top:15px;
	}
	.newsletter {
		width: 49%;
	}
	.ionLogin {
		margin-left: 5%;
		width: 20%;
	}
	.council {
		margin-right: 0;
		width: 10%;
	}
	.newsletter .img {
		width: 36%;
	}	
	.contNews {
		width: 60%;
	}
	.navigation ul li a{
		 padding: 0 10px;
	}
	.innerLeft .gallery .gallery-item{
		width:30%
	}
}
@media only screen and (max-width: 960px) {
	.logo{
		float:none;
	}
	.contact-us{
		float:none;
		margin-top:15px;
	}
	.admission-form .resp-tab-item img {
		margin-right: 6px;
		width: 22px;
	}
	.initialL {
		width: 50%;
	}
	.initialR {
		width: 45%;
	}
	
}
@media only screen and (max-width: 870px) {
	.infrastructure ul li, .infrastructure ul li:nth-child(4n+4){
		width:29%;
		margin:2% 2%;
	}
	.columnGrid{
		width:45%;
		height:170px;
	}
	.breadcrumb{
		padding-top:25px;
	}
	.resp-tabs-list li {
		font-size: 12px!important;
		padding: 20px 3px!important;
	}
	.innerLeft .gallery .gallery-item{
		width:47%
	}
	.admission-form input[type="submit"], .admission-form input[type="reset"] {
		font-size: 16px;
		height: 36px;
		width: 135px;
	}
	.videos{
		width:100%;
		float:none;
		margin-bottom:3%
	}
	.videos:nth-child(2n+2){
		margin-right:0;
	}
}
@media only screen and (max-width: 768px) {
	h1 {
		font-size: 30px;
		line-height: 32px;
	}
	h2 {
		font-size: 30px;
		line-height: 32px;
	}
	h3 {
		font-size: 20px;
		line-height: 24px;
	}
	h4 {
		font-size: 16px;
		line-height: 18px;
	}
	.tabPanel{
		width:50%;
	}
	.about{
		width: 49%;
	}
	.galleryPanel ul li{
		width:48%;
	}
	.galleryPanel ul li:nth-child(3n+3){
		margin-right:2%;
	}
	.slider-content p {
		font-size: 20px;
		line-height: 25px;
	}
	.newsletter .img {
		float: none;
		margin: 0 0 10px;
		width: auto;
	}
	.contNews {
		float: none;
		width: auto;
	}
	.council {
		clear: both;
		float: none;
		margin-right: 0;
		margin-top:10px;
		width: auto;
	}
	.ionLogin {
		margin-left: 5%;
		width: 44%;
	}
	.resp-accordion.admin.resp-tab-active > img,
	.resp-accordion.admin > img {
		display: inline-block;
		margin-right: 10px;
	}
	.innerLeft .gallery .gallery-item{
		width:45%
	}
	.submitted, #successful h3, .no_user_added h3{
		font-size:20px;
		line-height:22px;
	}
	
}
@media only screen and (max-width: 690px) {
	.columnGrid{
		width:100%;
		height:auto;
	}
	.columnGrid, .columnGrid:nth-child(3n+3){
		margin:0 0 10px 0;
	}
}
@media only screen and (max-width: 640px) {
	.tabPanel{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.about{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.infrastructure ul li, .infrastructure ul li:nth-child(4n+4){
		width:45%;
		margin:2% 2%;
	}
	.column_content{
		height:340px;
	}
	.initialL, .studentL{
		width:100%;
		float:none;
		margin:0 auto 15px 0;
	}
	.initialR, .studentR{
		width:100%;
		float:none;
		margin:0 auto;
	}
	.formTop-TableL, .formTop-TableR{
		width:100%;
		float:none;
		margin:0 auto 15px auto;
	}
	.formTop-Table strong {
		display: block;
		float: none;
		margin: 15px 10px;
		text-align: center;
	}
	.admission-formTop input[type="submit"], .admission-formTop input[type="reset"] {
		margin-bottom: 10px;
		margin-left: 0;
	}
	.galleryMain ul li:nth-child(3n+3),
	.galleryMain ul li{
		width:100%;
		margin:10px 0 0 0;
	}
}
@media only screen and (max-width: 540px) {
	.logo{
		width:80%;
	}
	.footerContact {
		margin-right:0%;
		width: 100%;
		float:none;
		margin-bottom:15px;
	}
	.footerMiddle {
		width: 100%;
		float:none;
		margin-bottom:15px;
	}
	.footerEnd {
		width: 100%;
		float:none;
	}
	.innerLeft, .titlePanelL {
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}
	.innerRight, .breadcrumb {
		float: none;
		margin: 0;
		width: 100%;
	}
	.titlePanelL h2 {
		padding: 20px 0 0 0;
	}
	.breadcrumb {
		clear: both;
		float: right;
		padding:0 0 10px 0;
	}
	.breadcrumb > div {
		float: none;
	}
	.pament{
		width:100%;
	}
	.jp-carousel-slide.selected {
		height: auto !important;
		width: 99% !important;
	}
	.page .jp-carousel-slide img {
		height: auto !important;
		max-height: auto !important;
	}
	.jp-carousel-image-meta, .jp-carousel-titleanddesc{
		display:none!important;
	}
	
}
@media only screen and (max-width: 480px) {
	.banner_desktop{
		display:none;
	}
	.banner_mobile{
		display:block;
	}
	body{
		font-size:13px;
		line-height:16px;
	}
	h1 {
		font-size: 23px;
		line-height: 25px;
	}
	h2 {
		font-size: 18px;
		line-height: 20px;
	}
	h3 {
		font-size: 16px;
		line-height: 20px;
	}
	.contact-us img {
		height: auto;
		width: 42px;
	}
	.contact-us h5 {
		font-size: 16px;
		line-height: 19px;
	}
	.accordion_container {
		height: 436px;
	}
	.galleryPanel ul li{
		width:100%;
		margin-right:0%;
		float:none;
	}
	.galleryPanel ul li img{
		width:100%;
	}
	.galleryPanel ul li:nth-child(3n+3){
		margin-right:0%;
	}
	.infrastructure ul li, .infrastructure ul li:nth-child(4n+4) {
		float: none;
		margin: 4% auto;
		width: 94%;
	}
	.infrastructure ul li img{
		width:100%;
	}
	.newsletter{
		float:none;
		width:auto;
		margin-bottom:15px;
	}
	.ionLogin {
		float:none;
		margin-left: 0%;
		width:auto;
		margin-bottom:15px;
		text-align:center
	}
	.ionLogin h4{
		text-align:center
	}
	.ionLogin h4:after{
		left:50%;
		margin-left:-30px;
	}
	.ionLogin img , .council img{
		display: block;
		margin: 0 auto;
	}
	.footerMiddle, .footerEnd{
		text-align:center;
	}
	.resp-accordion.admin.resp-tab-active > img, .resp-accordion.admin > img {
		width: 22px;
	}
	.admission-form h2.resp-accordion {
		font-size: 15px;
	}
	.admission-form h4 {
		font-size: 15px;
	}
	.student, .initial, .undersrtand{
		padding:0;
	}
	.admission-form .resp-tab-content {
		font-size: 13px;
	}
	.admission-form td{
		padding:4px 0;
	}
	.admission-form input[type=text], 
	.admission-form input[type=email], 
	.admission-form input[type=tel]
	.admission-form input[type=number],
	.admission-form select {
		font-size: 12px;
	}
	.admission-form input[type=file] {
		font-size: 12px;
	}
	.admission-form textarea {
		font-size: 12px;
	}
	.initialR{
		padding:3%
	}
	.asda{
		width:100%;
		float:none;
		text-align: center;
	}
	.btn_step {
    bottom: inherit !important;
    margin-top: 15px;
    overflow: hidden !important;
    position: inherit !important;
    right: inherit !important;
}
}
@media only screen and (max-width: 390px) {
	#supsystic-table-7.oneColumnWithLabels td:nth-of-type(3)::before,
	#supsystic-table-4.oneColumnWithLabels td:nth-of-type(3)::before,
	#supsystic-table-5.oneColumnWithLabels td:nth-of-type(3)::before,
	#supsystic-table-6.oneColumnWithLabels td:nth-of-type(3)::before{
		display:none !important;
	}
}
@media only screen and (max-width: 380px) {
	.undersrtand > table {
   		width: 100% !important;
	}
	.infrastructure ul li, .infrastructure ul li:nth-child(4n+4){
		min-height: inherit
	}
	.innerLeft .gallery .gallery-item{
		width:100%;
		margin: 0 0 15px;
	}
	.innerLeft .gallery .gallery-item img{
		width:100%;
	}
	.submitted, #successful h3, .no_user_added h3{
		font-size:15px;
		line-height:18px;
	}
}
@media only screen and (max-width: 340px) {
	.school ul li{
		background:none;
		padding:5px 0 5px 0;
	}
	.contact {
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
	}
	
}