/*
and (orientation : landscape)
and (orientation : portrait)
*/

/*	====================================================================================================
	MOBILE
	====================================================================================================	*/
@import url(href=https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Lato);

.logo { /* padding:5px 0px 0px; */ /* position:absolute; */
}

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

	html, body {
		margin: 0 auto;
		min-height: 100%;
		min-width: 320px;
		padding: 0;
		width: 100%;
	}


	#left_column {
		width: 100% !important;
	}
}
/*	========================================
	MOBILE PORTRAIT
	========================================	*/
@media all and (min-width : 0) and (max-width : 320px) {

	html, body {
		margin: 0 auto;
		min-height: 100%;
		min-width: 320px;
		max-width: 320px;
		padding: 0;
		width: 100%;
	}

	#socialmedia, #sw_logo_1 {
		display: none;
	}


	.sw_header_left {
		width: 100%;
	}

	h1#sw_logo {
		left: 30% !important;
	}

		h1#sw_logo a {
			background: url("../images/logo.png") no-repeat scroll 0 0;
			display: block;
			height: 53px;
			text-indent: -9999px;
			width: 231px;
		}


	.footer-bottom {
		padding-bottom: 35px !important;
	}
}



/*	========================================
	MOBILE LANDSCAPE
	========================================	*/

@media all and (max-width : 950px) {
	.sw_header_right, .sw_header_left {
		width: 100%;
		float: none;
		text-align: center;
	}
}

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



	#socialmedia, #sw_logo_1, .slogan {
		display: none;
	}





	#sw_header {
		position: relative;
		background: #fff;
		height: 125px;
		padding: 0px;
		/* position: relative; */
		top: 0px;
		width: 100%;
		z-index: 999;
		margin: 0 auto;
		padding-top: 0px;
	}


	h1#sw_logo {
		float: left;
		height: 104px;
		left: 42%;
		margin-right: 0;
		position: relative;
		top: 15px;
		width: 103px;
		z-index: 999;
	}

		h1#sw_logo a {
			background: url("../images/logo.png") no-repeat scroll 0 0;
			display: block;
			height: 104px;
			text-indent: -9999px;
			width: 103px;
		}


	.search input[type="image"] {
		background: url("../images/search_btn.png") no-repeat scroll center center #ce9b5a;
		height: 30px !important;
		width: 40px !important;
	}

		.search input[type="image"]:hover {
			background: url("../images/search_btn.png") no-repeat scroll center center #8f1c26;
		}


	/* Display Block */

	.mobile {
		display: block;
	}


	/* Navigation */

	.mobile {
		background: url("../images/navigation_icon.png") no-repeat scroll center center #f3cf55;
		padding: 10px;
		position: absolute;
		right: 20px;
		text-indent: -99999px;
		top: 122px;
		width: 20px;
		display: block;
	}

		.mobile:hover {
			background: url("../images/navigation_icon.png") no-repeat scroll center center #524cb6;
		}

	#sw_mob_navigation {
		background: none repeat scroll 0 0 #37329c;
		display: none;
		position: fixed;
		right: 0;
		top: 160px;
		width: 100%;
		z-index: 99999;
	}

	/* Search */

	.search {
		height: 30px;
		position: relative;
		width: 100% !important;
		right: 0 !important;
		top: 20px !important;
	}


		.search .searchInput {
			background: none repeat scroll 0 0 #cccccc;
			height: 20px !important;
			padding: 5px 10% !important;
			text-transform: capitalize;
			width: 80% !important;
		}

		.search input[type="image"] {
			top: 0 !important;
		}

		.search .searchInput,
		.search .searchInput:hover,
		.search .searchInput:active,
		.search .searchInput:focus {
			color: #8f1c26 !important;
		}

	/* Quicklink */

	#sw_quicklink {
		width: 100% !important;
	}

		#sw_quicklink .bodycontent ul li {
			max-width: 100% !important;
			margin: 0 5% 10px 0 !important
		}


	body.content #content_wrappper {
		margin: 10px 2% 0;
	}


	#sw_quicklink {
		position: relative !important;
	}

	/* Footer */


	.school-info, .footer-contact, .accreditation {
		width: 100% !important;
		text-align: center;
		background: none !important;
	}

	.sw_accessibility {
		display: none;
	}

	.footer-contact li {
		background: none;
	}

	#footer .wrap ul.sw_accessibility li {
		float: left;
	}

	.school-info, .sw_accessibility, .footer-contact {
		min-height: 15px;
	}


	.footer-bottom {
		height: auto;
		padding-bottom: 25px;
		position: relative !important;
		overflow: hidden;
	}

		.footer-bottom ul.left,
		.footer-bottom ul.right {
			width: 100% !important;
			text-align: center;
			line-height: 22px;
		}


		.footer-bottom .left {
			margin-bottom: 10px;
		}

			.footer-bottom .left a {
				display: block;
			}


	.page_title a {
		background: url("../images/section_navigation_arrow.png") no-repeat scroll right 1px;
		padding: 0 15% 0 0;
	}


	#contentholder {
		width: 90% !important;
		max-width: 90% !important;
		padding: 20px 5%;
	}

	#sw_background {
		min-height: 160px;
		height: auto !important;
	}


	/* Blog */

	.BlogFeatureList ul li .blogDate {
		position: relative;
		background: none;
		padding: 0;
		right: 0;
		top: -10px;
		color: #444444;
		margin-left: 50px;
	}


	.bodycontent table td {
		width: 99%;
		padding: 5px;
	}


	#sw_tab_wrapper ul#sw_tab_nav li {
		width: 100%;
		padding: 0;
	}

		#sw_tab_wrapper ul#sw_tab_nav li a {
			padding: 15px 15px 25px 0;
		}
}

/*	========================================
	TABLET PORTRAIT
	========================================	*/
@media all and (max-width : 768px) {

	html, body {
		width: 100%;
	}




	#sw_navigation .RadMenu ul.rmRootGroup {
		font-size: 0.7em;
	}

		#sw_navigation .RadMenu ul.rmRootGroup > li > a > span.rmText {
			padding: 0 11px;
		}


	/* Display Block */

	.mobile {
		display: block;
	}

	/* Navigation */

	.mobile {
		background: url("../images/navigation_icon.png") no-repeat scroll center center #ce9b5a;
		padding: 10px;
		position: absolute;
		right: 20px;
		text-indent: -99999px;
		top: 0;
		width: 20px;
		display: block;
		z-index: 99999;
	}

		.mobile:hover {
			background: url("../images/navigation_icon.png") no-repeat scroll center center #8f1c26;
		}

	.active_mob {
		background: url("../images/close_btn.png") no-repeat scroll center center #ce9b5a !important;
	}

	#sw_mob_navigation {
		background: none repeat scroll 0 0 #CD242B;
		display: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

		#sw_mob_navigation .RadMenu ul.rmRootGroup {
			width: 90%;
			padding: 10px 5%;
		}

			#sw_mob_navigation .RadMenu ul.rmRootGroup li a {
				color: #ffffff;
				padding: 10px;
				display: block;
				width: auto;
				font-family: "Lato", sans-serif;
				font-size: 1em;
				border-bottom: 1px solid #ce9b5a;
				text-transform: uppercase;
			}

			#sw_mob_navigation .RadMenu ul.rmRootGroup li:last-child a {
				border: none;
			}

			#sw_mob_navigation .RadMenu ul.rmRootGroup li .rmSlide {
				display: none;
			}

				#sw_mob_navigation .RadMenu ul.rmRootGroup li .rmSlide ul {
					margin-left: 20px;
				}

					#sw_mob_navigation .RadMenu ul.rmRootGroup li .rmSlide ul li a {
						background: #86101a;
					}


						#sw_mob_navigation .RadMenu ul.rmRootGroup li .rmSlide ul li a:hover {
							background: #272727;
						}



			#sw_mob_navigation .RadMenu ul.rmRootGroup li.hasChildren {
				background: url("../images/down_arrow.png") no-repeat scroll 95% center;
			}


	.search {
		height: 30px;
		right: 20px;
		top: 70px;
		width: 25%;
		border-bottom: 1px solid #ebebeb;
	}


		.search .searchInput {
			height: 21px;
			padding: 7px 5% 6px;
			text-transform: capitalize;
			width: 90%;
		}


	#contentholder {
		width: 97%;
		max-width: 97%;
	}

	#sw_tab_wrapper ul#sw_tab_nav li {
		display: block;
		margin: 10px 0 15px;
	}
}
/*	========================================
	IPAD LANDSCAPE
	========================================	*/
@media all and (max-device-width : 1024px) {

	#supersized {
		width: 100%;
		height: 100%;
		max-width: 100%;
	}


	.float li a {
		padding: 0 6px !important;
	}


	#sw_navigation {
	}

		#sw_navigation .RadMenu ul.rmRootGroup {
		}

			#sw_navigation .RadMenu ul.rmRootGroup > li > a > span.rmText {
				padding: 0 10px;
			}


	/* Quikc link */

	#sw_quicklink {
		width: 100%;
		float: left;
		left: 10px;
	}

		#sw_quicklink .bx-wrapper {
			width: 100% !important;
		}

		#sw_quicklink .bodycontent ul li img {
			width: 100%;
		}

		#sw_quicklink .bodycontent ul li .ql {
			width: 100%;
		}


	/* Footer */


	.footer-bottom .left {
		width: 65%;
	}

	.footer-bottom .right {
		width: 30%;
		float: right;
	}
}


/*	====================================================================================================
  	DESKTOP
	====================================================================================================	*/
@media all and (min-width : 1025px) {


	html, body {
		margin: 0 auto;
		padding: 0;
	}
}

@media all and (min-height : 700px) {


	#footer {
		position: fixed;
	}

	.footer-bottom {
		position: fixed;
	}
}


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

	#sw_navigation .RadMenu ul.rmRootGroup > li > a > span.rmText {
		padding: 0 15px;
	}
}



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

	#sw_navigation .RadMenu ul.rmRootGroup > li > a > span.rmText {
		padding: 0 10px;
	}
}




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

@media (min-width: 1200px) and (max-width: 1308px) {
	#sw_quicklink .bodycontent ul li {
		margin: 0px 8px 3px !important;
	}
}

@media (min-width: 1000px) and (max-width: 1200px) {
	#sw_quicklink .bodycontent ul li {
		margin: 0px 8px 3px !important;
	}

	#sw_quicklink .bodycontent ul li {
		height: 76px;
	}
}

* {
	box-sizing: border-box;
}

.column-1 {
	width: 9%;
}

.column-2 {
	width: 16%;
}

.column-2_20 {
	width: 20%;
}

.column-3 {
	width: 25%;
}

.column-4 {
	width: 33.33%;
}

.column-5 {
	width: 39.33%;
}

.column-6 {
	width: 50%;
}

.column-7 {
	width: 58%;
}

.column-8 {
	width: 66.66%;
}

.column-9 {
	width: 75%;
}

.column-10 {
	width: 83.33%;
}

.column-11 {
	width: 91.66%;
}

.column-12 {
	width: 100%;
}

[class*="column-"] {
	float: left;
	padding: 0px 15px;
}

.row:after {
	content: "";
	clear: both;
	display: block;
}

@media only screen and (max-width:767px) {
	.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11 {
		width: 100%;
	}

	.bg-white1 {
		padding: 25px 15px;
	}

	.dgh_tri {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.uyfuyf_tri {
		width: 57% !important;
		/* padding: 8px 0px !important; */
		padding-right: 8px !important;
	}

	.marquee--inner {
		width: 600% !IMPORTANT;
	}

	.euityh_tri {
		text-align: center;
		padding: 0 0px;
	}

	.iuef_tri {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
		justify-content: center;
	}

	a.uyhrg_tri {
		min-width: 160px;
		/* min-width: 189px; */
	}

	.uiftg_tri {
		margin-bottom: 30px;
	}

	.efutg_tri {
		width: 100% !important;
		padding: 15px 25px 19px 15px;
	}

	.eygyu_tri {
		width: 100% !important;
		padding: 15px 25px 0px 16px;
	}

	.afgyhgy_tri {
		margin: 10px 0px 10px;
	}

	.footer-item {
		padding-top: 0px;
	}

	.hsdgu_tri {
		margin: 0 20px;
	}

	.close-btn {
		position: absolute;
		top: -23px;
		right: 7%;
	}

	.dhdgddgd-ami {
		margin-left: 0px;
		width: 350px;
		margin: 0 20px;
	}

	.djidgdd-ami {
		padding: 8px 15px !important;
	}

	ul.ddddid-ani {
		padding-left: 0px;
	}

	.p-footer {
		padding: 0px;
	}

	.stm-vc-footer {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.stm-single-image_right .stm-single-image {
		float: left;
		margin: 0px;
	}

		.stm-single-image_right .stm-single-image img {
			width: 100%;
		}

	p.hskvfgh_tri.hsdgvbh_tri {
		padding: 0 15px;
	}

	.col-lg-5.col-md-5.col-sm-5.col-xs-12.hsdgfyhg_tri {
		padding-left: 15px !important;
	}

	.hfgvyf_tri {
		display: flex;
		flex-wrap: wrap;
	}

	.table-bordered thead td, .table-bordered thead th {
		border-bottom-width: 2px;
		white-space: nowrap;
	}

	.inner-abs-div, .inner-uni-div {
		height: 390px !important;
	}

	.img-thumbnail {
		width: 100%;
		margin: 10px 0px;
	}

	.table-bordered td, .table-bordered th {
		border: 1px solid #dee2e6;
		white-space: nowrap;
	}
	/*	.table-responsive-custom {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

		.table-responsive-custom table {
			min-width: 800px; 
		}*/

	.hefgyg_tri {
		width: 100%;
	}

	.fhgy_tri {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.shwbtn {
		margin-top: 10px;
	}
}

@media (max-width: 991px) {
	.mobile-menu-trigger {
		display: block;
		position: absolute;
		right: 20px;
		top: 25px;
		z-index: 10000;
		cursor: pointer;
	}

		.mobile-menu-trigger span {
			display: block;
			width: 30px;
			height: 3px;
			background: #333;
			margin: 5px 0;
		}

	.menu {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 9999;
		overflow-y: auto;
		transition: left 0.3s ease;
	}

		.menu.active {
			left: 0;
		}

	.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		width: 100%;
		height: 100%;
		z-index: 999;
		display: none;
	}

		.menu-overlay.active {
			display: block;
		}

	.mobile-menu-head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		background: #f5f5f5;
		font-weight: bold;
	}

	.menu-main, .sub-menu {
		padding: 20px;
	}

	.sub-menu {
		display: none;
	}

		.sub-menu.active {
			display: block;
			animation: slideLeft 0.5s ease forwards;
		}

	.go-back, .mobile-menu-close {
		font-size: 22px;
		cursor: pointer;
	}
}

/* Animation for submenu sliding */
@keyframes slideLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

@keyframes slideRight {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

@media (max-width: 991px) {
	.top_header_tri {
		display: none !important;
	}
}

.mobile-menu-trigger {
	display: none;
}

@media (max-width: 991px) {
	.mobile-menu-trigger {
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 10001;
		cursor: pointer;
	}

		.mobile-menu-trigger span {
			display: block;
			width: 30px;
			height: 3px;
			background: #333;
			margin: 6px 0;
		}

	.menu {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 10000;
		overflow-y: auto;
		transition: left 0.3s ease;
	}

		.menu.active {
			left: 0;
		}

	.menu-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 9999;
	}

		.menu-overlay.active {
			display: block;
		}
}

@media (max-width: 991px) {
	.menu {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 10000;
		overflow-y: auto;
		transition: left 0.3s ease;
	}

		.menu.active {
			left: 0;
		}

	.menu-overlay {
		display: none;
	}

		.menu-overlay.active {
			display: block;
			position: fixed;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
			width: 100%;
			height: 100%;
			z-index: 9999;
		}

	.menu-main {
		padding: 20px;
	}

	.menu-item-has-children > .sub-menu {
		display: none;
		padding-left: 15px;
	}

		.menu-item-has-children > .sub-menu.active {
			display: block;
		}

	.mobile-menu-head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		background: #f0f0f0;
	}

	.go-back,
	.mobile-menu-close {
		font-size: 22px;
		cursor: pointer;
	}

	/*new css*/
	ul.menu-main {
		display: flex;
		margin-bottom: 0px;
		justify-content: start !important;
	}

	.row.gallery-row .col-md-3 {
		margin: 0px;
		padding: 0 30px;
	}

	.yoga_new .common-head-new::before {
		top: 76px;
	}

	.yoga_new .common-head-new::after {
		top: 76px;
	}

	.yoga_new .row.bhjegbyh_tri .col-md-4 {
		margin-bottom: 20px;
	}

	div#modal-text {
		inset: 0% !important;
		transform: none !important;
		margin: 20px;
	}

	.sc-image-card .details {
		position: absolute;
		bottom: -12% !important;
		left: 70px !important;
		left: 50% !important;
		transform: translateX(-50%);
	}

	.img_result {
		height: 100% !important;
		width: 100% !important;
	}

	.eyug_tri {
		font-size: 35px !important;
		font-weight: 600;
		margin-bottom: 7px;
	}

	.fwefe_tri {
		line-height: 24px;
	}

	.gyjggj_tri .fygb_wrapper {
		height: 135px;
		overflow: auto;
	}

	h2.common-head-new.yhuefygvu_tri::before {
		top: 93px;
	}

	h2.common-head-new.yhuefygvu_tri::after {
		top: 92px;
	}

	.topper_section .item {
		padding-bottom: 0px;
	}

	a.uyh_tri {
		padding: 9px 5px 9px !important;
	}
}


@keyframes slideLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

@keyframes slideRight {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}