html {
	-webkit-text-size-adjust: none;
	/* Prevent font scaling in landscape */
}

@media only screen and (max-width: 1366px) {
	#rmp-menu-title-57 {
        background-color: #559f6c!important;
	}
	.blog-banner .home-slider .item {
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
    }

	html {
		font-size: 83%;
	}

	body {
		font-size: 100%;
	}

	img {
		max-width: 100%;
		height: auto;
	}

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

	.breadcrumb>div {
		float: right;
	}

	.columnGrid {
		width: 31%;
	}

	.breadcrumb {
		padding-top: 24px;
	}

	.blogLeftBtm .format-standard .blog-sub-pad .feature-con {
		margin-bottom: 18px;
		overflow-y: auto;
	}
}

@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: 1190px) {
	.blog-banner-side .blog-imgas {
		height: 193px;
	}

	.formTop-TableL input[type="text"] {
		width: 100%;
		float: none;
	}

	.formTop-TableR div {
		float: none;
	}

	.formTop-TableR input[type="text"] {
		width: 100%;
		float: none;
	}

	.contact-us {
		margin-top: 25px;
		padding-right: 50px;
	}

	* {
		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) {
	.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%;
	}
	.blogLeftBtm .format-standard {
		height: auto;
	}
}

@media only screen and (max-width: 960px) {
	.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;
	}

	.blogLeftBtm .format-standard .blog-sub-pad .feature-con {
		height: auto;
	}
}

@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;
	}
	.top-social-panel ul {
		margin-top: 5px;
		margin-right: 40px;
	}
	.top-social-panel ul li a {
		background-color: #fff;
		width: auto;
		height: auto;
		border-radius: 0;
		line-height: 1.5;

	}
	.logo {
		margin-top: 5px;
		width: 190px;
	}

	.blog-banner-panel .col-md-9,
	.blog-banner-panel .col-md-3 {
		width: 100%;
	}
	.blog-banner-side {
		height: auto;
		margin-top: 15px;
	}
	.tabPanel {
		width: 50%;
	}
	.home-banner-side h3{
		min-height: 50px;
	}
	.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;
	}

	.vcenter {
		display: block;
		align-items: center;
	}
}

@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) {
	.top-container {
		padding-bottom: 0;
	}

	.logo {
        width: 138px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

	.contact-us {
		width: 150px;
	}

	button#responsive-menu-button {
		top: 4px !important;
	}

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

	.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;
	}
	.innerPanel {
		padding-bottom: 15px;
	}
	.copyright .col-md-3{
		margin-top: 5px;
	}
	.copyright .col-md-3 a:first-child{
		margin-left: 0;
	}
}

@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: 359px) {
	.top-container {
		padding-bottom: 10px;
	}

	.logo {
		width: 140px;
	}

	.contact-us {
		width: 130px;
	}
}

@media only screen and (max-width: 340px) {
	.school ul li {
		background: none;
		padding: 5px 0 5px 0;
	}
}

/*Blog Start*/
@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 1190px) {
	.blog-subpanel-first {
		height: 51px;
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
	}

	.blog-subpanel {
		line-height: 18px;
		margin: 5px auto;
	}

	.blog-add-banner {
		margin: 5px auto;
	}

	.blog-add-banner ul li {
		margin-bottom: 20px;
		margin-top: 0;
	}

	.innerLeft {
		width: 100%;
	}

	.innerRight {
		width: 100%;
		position: relative;
	}
}

@media only screen and (max-width: 960px) {
	#sync1 .item {
		height: 400px;
	}

	#sync2 .item p {
		display: none;
	}

	#sync2 .item {
		padding: 15px;
	}
}

@media only screen and (max-width: 768px) {
	.blog-navigation {
		height: 47px;
		clear: both;
	}
	.blog-banner-side .blog-coas-date {
		align-items: flex-start;
	}
	.blogHomeTop .format-standard {
		margin-bottom: 20px;
		height: auto;
	}

	.blogLeftBtm .format-standard {
		margin-bottom: 20px;
		height: auto;
	}

	.blogHomeTop {
		margin-bottom: 0;
	}

	.blogLeftBtm .col-lg-4 {
		margin-bottom: 0;
	}

	.contact_right {
		margin-top: 25px;
	}
}

@media only screen and (max-width: 767px) {
	#rmp_menu_trigger-57 {
		top: 0px !important;
	}

	.blog-banner {
		background-color: azure;
	}

	.blog-banner .home-slider .item {
		height: 215px;
	}

	.blog-add-banner {
		margin-top: 0;
	}

	.home-banner-side .home-imgas {
		height: 90px;
	}

	.tree-full-content {
		width: 90%;
	}

	a.back-to-top {
		width: 30px;
		height: 30px;
		background-size: 20px;
	}

	.blog-subpanel-first {
		position: static;
	}

	.blog-navigation {
		height: 47px;
		clear: both;
	}

	.blogRight {
		padding-top: 0;
	}

	.galleryMain {
		margin-bottom: 0;
	}

	.blogHomeTop .format-standard {
		width: 100%;
	}

	.blogHomeTop .feature-img {
		overflow: hidden;
		height: auto;
	}

	.blogLeftBtm .format-standard {
		width: 100%;
	}

	.blog-subpanel {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.blog-add-banner {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 15px;
	}

	#sync1 .item {
		height: 300px;
	}

	#sync2 .item {
		display: none;
	}

	#sync1 .item .content-area h2 {
		font-size: 24px;
		line-height: normal;
	}

	.blog-single h2 {
		font-size: 24px;
		line-height: normal;
	}

	.author-main .type-postauthor {
		width: 100%;
	}

	.tree-full-content-scroll {
		height: 300px;
	}

	.anek_content_img {
		width: 70px;
	}
}