@media (max-width:450px) {
	.back {
		position: relative;
		width: 100%;
		z-index: 9999;
		top: 0;
	}
	.navbar-brand {
		float: left;
		height: auto;
		padding: 5px 15px;
		font-size: 18px;
		line-height: 20px;
	}
	.navbar-toggle {
		margin-top: 24px;
	}
	.featured-section.style-two {
		padding: 30px 0;
	}
	.sec-title h2 {
		font-size: 25px;
	}
	.sec-title .text {
		line-height:auto;
	}
	.featured-section .sec-title {
		position: relative;
		margin-bottom: 40px;
	}
	.icon img {
		width: 100%;
	}
	.feature-block .inner-box .icon-box {
		width: 80px;
	}
	.feature-block-two .inner-box .icon-box {
		width: 80px;
	}
		
	.center {
		text-align: center;
		padding-bottom: 0px;
	}
	.center h2 {
		font-size: 30px;
	}
	.gallery-section.gallery-three-column {
		padding: 35px 0px 35px;
	}
	.footer--2 .footer__innner {
		margin-top: 18px;
	}
	.footer__variation--3 .ft__logo {
		margin-bottom: 10px;
	}
	.footer--2.space--vertical .footer__wrapper.section-padding--lg {
		padding-bottom: 30px;
		padding-top: 20px;
	}
	.footer--2 .footer__widget h4 {
		margin-top: 25px;
	}
	ul.nav.navbar-nav.navbar-right {
		margin-top: 0;
	}
	.navbar-nav > li {
		float: left;
		padding: 0;
		width: 100%;
	}
	
}

/* ==========================================================================
   Header Logo, School Title (Nirmala), & Navigation Responsiveness
   ========================================================================== */
.header-middle {
	overflow: visible !important;
}

.header-title-wrap {
	text-align: center;
	min-height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tnirmala {
	display: inline-block;
	max-width: 100%;
	text-align: center;
}

.tnirmala img {
	max-width: 100%;
	height: auto;
	max-height: 90px;
	display: inline-block;
	object-fit: contain;
}

/* Tablet & Mobile Screens (<= 991px) */
@media (max-width: 991px) {
	.header-middle .settopimg.header-logo-wrap {
		text-align: center !important;
		margin: 12px auto 4px !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		display: block !important;
	}

	.header-middle .settopimg .menuzord-brand {
		float: none !important;
		display: inline-block !important;
		margin: 0 auto !important;
		text-align: center !important;
	}

	.header-middle .settopimg .menuzord-brand img {
		max-height: 70px !important;
		height: auto !important;
		width: auto !important;
		margin: 0 auto !important;
		display: inline-block !important;
	}

	.header-middle .header-title-wrap {
		height: auto !important;
		min-height: auto !important;
		text-align: center !important;
		padding: 4px 10px 10px !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		display: block !important;
	}

	.tnirmala {
		display: block !important;
		margin: 0 auto !important;
		max-width: 100% !important;
		text-align: center !important;
	}

	.tnirmala img {
		max-width: 100% !important;
		width: auto !important;
		max-height: 75px !important;
		height: auto !important;
		margin: 0 auto !important;
		display: inline-block !important;
	}

	.setextrabg {
		padding: 0 15px !important;
	}

	/* Ensure ALL mobile/tablet menu items are centered */
	.menuzord-responsive .menuzord-menu {
		text-align: center !important;
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.menuzord-responsive .menuzord-menu > li,
	.menuzord-responsive .menuzord-menu > li#home,
	.menuzord-responsive .menuzord-menu > li#contact {
		width: 100% !important;
		display: block !important;
		float: none !important;
		padding: 0 !important;
		text-align: center !important;
		border-bottom: 1px solid #f0f0f0 !important;
	}

	.menuzord-responsive .menuzord-menu > li > a,
	.menuzord-responsive .menuzord-menu > li > a.btn,
	.menuzord-responsive .menuzord-menu > li#home > a,
	.menuzord-responsive .menuzord-menu > li#contact > a {
		width: 100% !important;
		display: block !important;
		float: none !important;
		padding: 12px 15px !important;
		text-align: center !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		color: #333 !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		margin: 0 !important;
		line-height: normal !important;
		white-space: normal !important;
	}
}

/* Small Tablets and Mobile (<= 767px) */
@media (max-width: 767px) {
	.header-middle .settopimg .menuzord-brand img {
		max-height: 60px !important;
	}

	.tnirmala img {
		max-width: 100% !important;
		max-height: 60px !important;
	}

	/* Single hamburger button placement on mobile */
	.menuzord .showhide,
	.menuzord-responsive .showhide {
		float: right !important;
		margin: 8px 10px 8px auto !important;
		clear: both !important;
	}

	/* Ensure ALL mobile menu items are consistently aligned in the SAME line */
	.menuzord-responsive .menuzord-menu {
		text-align: center !important;
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.menuzord-responsive .menuzord-menu > li,
	.menuzord-responsive .menuzord-menu > li#home,
	.menuzord-responsive .menuzord-menu > li#contact {
		width: 100% !important;
		display: block !important;
		float: none !important;
		padding: 0 !important;
		text-align: center !important;
		border-bottom: 1px solid #f0f0f0 !important;
	}

	.menuzord-responsive .menuzord-menu > li > a,
	.menuzord-responsive .menuzord-menu > li > a.btn,
	.menuzord-responsive .menuzord-menu > li#home > a,
	.menuzord-responsive .menuzord-menu > li#contact > a {
		width: 100% !important;
		display: block !important;
		float: none !important;
		padding: 12px 15px !important;
		text-align: center !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		color: #333 !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		margin: 0 !important;
		line-height: normal !important;
		white-space: normal !important;
	}

	.menuzord-responsive .menuzord-menu > li:hover > a,
	.menuzord-responsive .menuzord-menu > li.active > a {
		background: #2E3192 !important;
		color: #fff !important;
	}

	/* Reset and center dropdown submenus on mobile */
	.menuzord-responsive .menuzord-menu ul.dropdown-menu {
		margin-left: 0 !important;
		position: static !important;
		float: none !important;
		width: 100% !important;
		box-shadow: none !important;
		border: none !important;
		background: #f7f7f7 !important;
		padding: 0 !important;
		text-align: center !important;
	}

	.menuzord-responsive .menuzord-menu ul.dropdown-menu > li > a {
		text-align: center !important;
		padding: 10px 15px !important;
		display: block !important;
		color: #555 !important;
		border-bottom: 1px solid #eee !important;
		font-size: 12px !important;
		white-space: normal !important;
	}
}

/* Extra Small Mobile (<= 480px) */
@media (max-width: 480px) {
	.header-middle .settopimg .menuzord-brand img {
		max-height: 52px !important;
	}

	.tnirmala img {
		max-width: 100% !important;
		max-height: 50px !important;
	}

	.setextrabg {
		padding: 0 5px !important;
	}
}

/* ==========================================================================
   Desktop vs Mobile Masthead Sliders
   ========================================================================== */
.mobile-slider {
	display: none !important;
}

.desktop-slider {
	display: block !important;
}

@media (max-width: 767px) {
	.desktop-slider {
		display: none !important;
	}

	.mobile-slider {
		display: block !important;
	}

	.mobile-slider .carousel-inner .item img {
		width: 100% !important;
		height: auto !important;
	}
}