@media screen and (max-width: 1950px) {}

@media screen and (max-width: 1500px) {
	.gallery {
		padding-bottom: 0px;
	}

	.home_hero_section {
		height: 0vh;
		min-height: 600px;
	}
}

@media screen and (max-width: 1399px) {
	.navigation-section .stellarnav li a {
		font-size: 14px;
		padding: 15px 11px;
	}

	.navigation-section .stellarnav ul ul li a {
		font-size: 14px;
	}

	.middle-section h3 {
		font-size: 26px;
		padding: 14px 0;
	}

	.navigation-section .stellarnav li a {
		font-size: 13px;
		padding: 15px 5px;
	}

	.stellarnav.desktop li.has-sub ul li a {
		font-size: 13px;
	}

	.ch-grid li {
		width: 139px;
		height: 139px;
	}

	.ch-info p a {
		width: 50px;
		height: 50px;
		font-size: 10px;
		line-height: 14px;
		padding-top: 13px;
		margin: 0px auto 0;
	}

	.ch-info h3 {
		font-size: 10px;
		margin: 0 18px;
		padding: 33px 0 0 0;
		height: 88px;
	}

	.box-white {
		padding: 40px 15px;
	}

	.section-title h3,
	.section-title h2 {
		font-size: 36px;
		line-height: 46px;
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 1366px) {
	.section-padding {
		padding: 60px 0;
	}

	.gallery {
		padding-bottom: 0px;
	}

	.home_hero_section {
		height: 0vh;
		min-height: 500px;
	}

	.alertbox_content span {
		font-size: 43px;
		line-height: 61px;
	}

	.alertbox_content span {
		font-size: 38px;
		line-height: 53px;
	}

	.alertbox_content h4 {
		font-size: 23px;
		padding-top: 10px;
	}

	.alertbox_content p {
		font-size: 16px;
	}

	.explore-widget {
		margin-left: 30px;
	}

	.footer-newsletter a.cmmon-btn {
		font-size: 13px;
		padding: 0px 20px 0px 20px;
	}

	.footer-contact-info {
		padding-left: 20px;
		font-size: 14px;
	}

	.footer-link p {
		font-size: 14px;
	}

	footer .footer-link ul li a {
		font-size: 14px;
	}

	.footer-heading {
		font-size: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 1199px) {
	.footer-newsletter .title {
		font-size: 18px;
		line-height: 23px;
	}

	.footer-newsletter {
		padding: 40px 15px 40px;
	}

	.footer-newsletter a.cmmon-btn {
		font-size: 11px;
	}

	.navigation-section .stellarnav li P.book-btn {
		font-size: 14px;
		padding: 12px 30px;
		margin: 15px;
	}

	.navigation-section .stellarnav ul ul {
		padding: 0px;
		margin: 0;
	}

	.navigation-section .stellarnav ul ul li a {
		padding: 15px;
		font-size: 14px;
	}

	.navigation-section .stellarnav.mobile ul ul li a {
		padding: 15px;
		font-size: 14px;
		color: #fff;
	}

	.navigation-section .stellarnav.mobile ul ul li a:hover {
		color: #fff;
		background: #f43539;
	}

	.stellarnav li li {
		border-bottom: none;
	}

	.navigation-section .stellarnav ul ul::before {
		display: none;
	}

	.alertbox_content span {
		font-size: 27px;
		line-height: 40px;
	}

	.navigation-section .stellarnav ul {
		text-align: left;
	}

	.navigation-section .stellarnav ul ul {
		background-color: #060677;
	}

	.navigation-section .stellarnav.mobile>ul>li {
		border-bottom: 1px solid #ffffff29;
	}

	.stellarnav .menu-toggle span.bars span {
		background: #fff;
	}
}

@media screen and (max-width: 1024px) {
	.f-nav {
		position: inherit;
	}

	.home_hero_section {
		height: 0vh;
		min-height: 540px;
	}

	.ch-grid li {
		width: 138px;
		height: 138px;
	}

	.ch-info h3 {
		font-size: 10px;
	}
}

@media screen and (max-width: 992px) {
	html, body{ overflow:auto; } /* allow normal scroll on small screens only */
    .auth-wrap{ height:auto; min-height:100vh; padding: 24px; }
    .auth-container{ grid-template-columns: 1fr; gap: 24px; }
    .left-panel{ justify-content:center; }
    .login-card{ margin: 0 auto; }
}

@media screen and (max-width: 991px) {
	.home_hero_section {
		height: 20vh;
		min-height: 490px;
	}

	.gallery {
		padding-bottom: 0px;
	}

	.footer-widget {
		margin-bottom: 30px;
	}

	.middle-section {
		text-align: center;
		padding: 10px 0;
	}

	.alertbox_content {
		margin-top: 20px;
	}

	.footer-link {
		margin-bottom: 30px;
	}

	.explore-widget {
		margin-left: 0px;
	}

	.alertbox_content p {
		font-size: 16px;
		padding: 0 16px;
		line-height: 39px;
	}

	.alertbox_content span {
		font-size: 22px;
		line-height: 33px;
	}

	.alertbox_content h4 {
		font-size: 16px;
		padding-top: 6px;
	}

	.head-logo {
		width: 100%;
	}

	.description h3 {
		font-size: 18px;
	}

	.middle-section .container,
	.middle-section .container-md,
	.middle-section .container-sm {
		max-width: 100%;
	}

	.top-section .container,
	.top-section .container-md,
	.top-section .container-sm {
		max-width: 100%;
	}

	.middle-section h3 {
		font-size: 25px;
		padding: 0px 0;
	}

	.section-title h3,
	.section-title h2 {
		font-size: 30px;
		line-height: 38px;
	}

	.welcome::before {
		width: 40%;
	}

	.holder {
		width: 100%;
		margin-left: 0px;
	}

	.enquery-form form {
		padding: 30px 20px;
	}
}

@media screen and (max-width: 850px) {
	.middle-section h3 {
		font-size: 22px;
		padding: 0px 0;
	}
}

@media screen and (max-width: 768px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.top-actions{
        justify-content:center;
        margin-top:8px;
        flex-direction:column;
    }
    .top-buttons{
        flex-direction:column;
        gap:6px;
    }

    .center-login-btn,
    .franchise-btn{
        width:100%;
        justify-content:center;
    }


    .franchise-btn{
        border:2px solid #fff;
        color:#fff !important;
    }

    .franchise-btn:hover{
        background:#fff;
        color:#0b3d91 !important;
    }
}

@media screen and (max-width: 767px) {
	.middle-section h3 {
		font-size: 18px;
		padding: 0px 0;
	}

	.middle-section {
		padding: 5px 0;
	}

	.home_hero_section {
		height: 22vh;
		min-height: 422px;
	}

	.image-column .image {
		display: block;
		height: 300px;
		overflow: hidden;
	}

	.image-column .bg {
		display: none;
	}

	.mission-vision-section .content {
		padding: 20px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.mission-vision-section .row {
		margin-bottom: 20px;
	}

	.section-title h3,
	.section-title h2 {
		font-size: 30px;
		line-height: 39px;
	}

	.welcome::before {
		display: none;
	}

	.holder {
		width: 100%;
		margin-left: 0px;
	}

	.ch-grid {
		margin-top: 30px;
	}

	.about-us-section .holder {
		width: 100%;
	}

	.banner-section .owl-carousel .owl-nav button.owl-next,
	.banner-section .owl-carousel .owl-nav button.owl-prev {
		width: auto;
		height: auto;
		font-size: 30px;
		line-height: inherit;
		background: transparent;
	}

	.owl_home_main .owl-nav {
		left: 2px;
		right: 2px;
	}

	.cmmon-btn {
		font-size: 16px;
	}

	.box-white .title {
		font-size: 40px;
		line-height: 55px;
	}

	.popular-courses-section .owl-theme .owl-nav {
		left: 0px;
		right: 0px;
	}

	.popular-courses-section .owl-carousel .owl-nav button.owl-next,
	.popular-courses-section .owl-carousel .owl-nav button.owl-prev {
		width: 30px;
		height: 30px;
		font-size: 18px;
		line-height: 30px;
	}
}

@media screen and (max-width: 667px) {
	.middle-section h3 {
		font-size: 16px;
		padding: 0px 0;
	}
}

@media screen and (max-width: 575px) {
	.f-nav {
		position: inherit;
	}

	.stellarnav .menu-toggle span.bars span {
		background: #171717;
	}

	.logo img {
		width: 70%;
	}

	.home_hero_section {
		height: auto;
		min-height: 400px;
	}

	.section-title {
		font-size: 25px;
	}

	.footer-widget ul li a {
		font-size: 16px;
		line-height: 27px;
	}

	.section-subtitle {
		font-size: 13px;
	}

	.top-section {
		display: none;
	}

	.middle-section {
		display: none;
	}

	.navigation-section .img-fluid.mobile-logo {
		width: 45%;
	}

	.navigation-section {
		background: #fff;
		padding: 5px 0;
	}

	.title {
      font-size: 25px;
    }

    .left-panel {
		justify-content: center;
		overflow: hidden;
    }
    .photo-circle {
		position: relative;
		width: 300px;
		height: 300px;
    }
    .login-card-inner {
	   padding: 30px 15px;
    }
}

@media screen and (max-width: 480px) {
	.home_hero_section {
		min-height: 300px;
	}

	.section-padding {
		padding: 45px 0;
	}

	.navigation-section .img-fluid.mobile-logo {
		width: 50%;
	}
}

@media screen and (max-width: 420px) {
	.alertbox_content span {
		font-size: 18px;
		line-height: 28px;
		padding-top: 10px;
	}

	.alertbox_content p {
		font-size: 14px;
		padding: 0 11px;
		line-height: 29px;
	}

	.navigation-section .img-fluid.mobile-logo {
		width: 60%;
	}
}

@media screen and (max-width: 380px) {
	.navigation-section .img-fluid.mobile-logo {
		width: 60%;
	}
}

@media screen and (max-width: 360px) {
	.navigation-section .img-fluid.mobile-logo {
		width: 70%;
	}
}