@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
	
}

/* ============================= */
/* GLOBAL NAVBAR FIX */
/* ============================= */

.main-menu .navbar-collapse {
    padding: 0 !important;
}

.main-menu .navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-menu .navigation > li {
    list-style: none !important;
}

.main-menu .navigation > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    height: 40px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}


/* ============================= */
/* LARGE SCREENS (1400px+) */
/* ============================= */

@media only screen and (min-width: 1401px) {
    .main-menu .navigation {
        gap: 12px !important;
        flex-wrap: nowrap !important;
    }

    .main-menu .navigation > li {
        padding: 0 !important;
        margin-right: 0 !important;
    }

    .main-menu .navigation > li > a {
        font-size: 14px !important;
        padding: 0 12px !important;
        height: 40px !important;
        line-height: 1.2 !important;
    }
}


/* ============================= */
/* RESPONSIVE: 900px HEIGHT (LANDSCAPE TABLET/DESKTOP) */
/* ============================= */

@media only screen and (max-height: 900px) {

    .main-menu .navigation {
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-left: 0 !important;
    }

    .main-menu .navigation > li {
        flex: 0 1 auto !important;
        padding: 0 !important;
        margin-right: 0 !important;
    }

    .main-menu .navigation > li > a {
        font-size: 13px !important;
        padding: 0 10px !important;
        height: 38px !important;
        line-height: 1.3 !important;
    }

    /* Reduce padding on mobile-overlays to save vertical space */
    .page-wrapper {
        overflow-y: auto !important;
    }

    /* Reduce header height slightly */
    .main-header .header-upper {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}


/* ============================= */
/* FIX: 1200px – 1400px (MAIN ISSUE RANGE) */
/* ============================= */

@media only screen and (min-width: 1200px) and (max-width: 1400px) {

    .main-menu .navigation {
        flex-wrap: nowrap !important;
        justify-content: center !important;
        gap: 4px !important;
        margin-left: -17px !important;
        padding: 0 !important;
    }

    .main-menu .navigation > li {
        flex: 1 1 auto !important;
        text-align: center !important;
        padding: 5px 0 !important;
        margin-right: 0 !important;
    }

    .main-menu .navigation > li > a {
        font-size: 11px !important;
        padding: 5px 4px !important;
        height: 32px !important;
        line-height: 22px !important;
        margin-left: 0 !important;
    }
}


/* ============================= */
/* FINE-TUNE: 1350px – 1400px */
/* ============================= */

@media only screen and (min-width: 1350px) and (max-width: 1400px) {

    .main-menu .navigation > li > a {
        font-size: 12px !important;
        padding: 6px -2px !important;
        height: 34px !important;
        line-height: 24px !important;
		left:33px;
    }
}


/* ============================= */
/* FINE-TUNE: 1300px – 1350px */
/* ============================= */

@media only screen and (min-width: 1300px) and (max-width: 1349px) {

    .main-menu .navigation > li > a {
        font-size: 11px !important;
        padding: 5px 1px !important;
        height: 32px !important;
        line-height: 22px !important;
		left:31px;
    }
}


/* ============================= */
/* FINE-TUNE: 1250px – 1300px */
/* ============================= */

@media only screen and (min-width: 1250px) and (max-width: 1299px) {

    .main-menu .navigation > li > a {
        font-size: 10px !important;
        padding: 4px 0px !important;
        height: 30px !important;
        line-height: 20px !important;
		left:30px;
    }
}


/* ============================= */
/* FINE-TUNE: 1200px – 1250px */
/* ============================= */

@media only screen and (min-width: 1200px) and (max-width: 1249px) {

    .main-menu .navigation > li > a {
        font-size: 10px !important;
        padding: 4px 3px !important;
        height: 30px !important;
        line-height: 20px !important;
    }
}


/* ============================= */
/* TABLET (992px – 1199px) */
/* ============================= */

@media only screen and (max-width: 1199px) {

    .main-menu .navigation {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-left: 0 !important;
    }

    .main-menu .navigation > li {
        padding: 0 !important;
        margin-right: 0 !important;
    }

    .main-menu .navigation > li > a {
        font-size: 12px !important;
        padding: 6px 8px !important;
        height: auto !important;
        line-height: 1.2 !important;
    }
}

/* ============================= */
/* MOBILE NAVBAR */
/* ============================= */

@media only screen and (max-width: 1139px) {

    .main-header .nav-outer .main-menu,
    .sticky-header {
        display: none !important;
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
    }
}


/* ============================= */
/* SMALL MOBILE */
/* ============================= */

@media only screen and (max-width: 767px) {

    .main-menu .navigation {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-menu .navigation > li {
        width: 100%;
    }

    .main-menu .navigation > li > a {
        width: 100%;
        justify-content: flex-start;
        padding: 10px;
        font-size: 13px;
    }
}


/* @media only screen and (min-width: 1401px) and (max-width: 1500px) {
	.main-menu .navigation {
		flex-wrap: nowrap !important;
		margin-left: 30px !important;
	}
	
	.main-menu .navigation>li {
		padding: 20px 0px !important;
		margin-right: 0px !important;
		flex-shrink: 0.9 !important;
	}
	
	.main-menu .navigation>li>a {
		font-size: 14px !important;
		padding: 0 7px !important;
		line-height: 1.3 !important;
		margin-right: 5px !important;
		height: 38px !important;
	}
} */

/* Fix navbar icon breakup at 1450px */
/* @media only screen and (min-width: 1450px) and (max-width: 1500px) {
	.main-menu .navigation {
		margin-left: 35px !important;
		gap: 7px !important;
	}
	
	.main-menu .navigation>li {
		flex-shrink: 0.85 !important;
	}
	
	.main-menu .navigation>li>a {
		font-size: 13px !important;
		padding: 0 6px !important;
		margin-right: 3px !important;
	}
} */

@media only screen and (max-width: 1400px){
	.main-menu .navigation>li>a{
		padding: 0 5px; 
		height: 37px !important;
	}
	.info-form-section .signal-image-one,
	.info-form-section .signal-image-two,
	.driving-info-section .traffic-cone {
		display: none;
	}
	.driving-info-section .image-block {
		margin-left: -50px;
		margin-right: 50px;
	}
	.cta-section-two .image {
		margin: 0;
		margin-right: 50px;
	}
	.main-header .header-upper .logo-box .logo img {
	    /* width: 120px; */
		width: 1400px;
	}
}

/* Fix navbar for 1324px and similar resolutions */
/* @media only screen and (max-width: 1370px) {
	.main-menu .navigation {
		flex-wrap: nowrap !important;
		margin-left: 20px !important;
	}
	
	.main-menu .navigation>li {
		padding: 15px 0px !important;
		margin-right: 0px !important;
		flex-shrink: 0.8 !important;
	}
	
	.main-menu .navigation>li>a {
		font-size: 13px !important;
		padding: 0 9px !important;
		height: auto !important;
		line-height: 1.2 !important;
		margin-right: 3px !important;
		white-space: nowrap;
	}
} */

/* Fine-tune navbar for 1300px screens */
/* @media only screen and (min-width: 1300px) and (max-width: 1370px) {
	.main-menu .navigation {
		margin-left: -38px !important;
		gap: 8px !important;
		right:-30px !important;
	}

	.main-menu .navigation>li {
		padding: 12px 0px !important;
	}

	.main-menu .navigation>li>a {
		font-size: 12px !important;
		padding: 0 6px !important;
		line-height: 1.1 !important;
		height: 36px !important;
		
		letter-spacing: 0 !important;
		white-space: nowrap;
	}
} */

/* @media only screen and (min-width: 1200px) and (max-width: 1270px) {
	.main-menu .navigation {
		margin-left: -45px !important;
		gap: 8px !important;
		right:-35px !important;
	}

	.main-menu .navigation>li {
		padding: 8px 0px !important;
		flex-shrink: 0.75 !important;
	}

	.main-menu .navigation>li>a {
		font-size: 11px !important;
		padding: 0 4px !important;
		line-height: 0.95 !important;
		height: 32px !important;
		
		letter-spacing: -0.5px !important;
		white-space: nowrap;
	}
} */



@media only screen and (max-width: 1299px){
	.main-header .header-upper .navbar-right {
		display: none;
	}
	.consult-form {
		right: 0;
	}
}

/* Fix navbar for 1250px and similar resolutions */
/* @media only screen and (max-width: 1250px) {
	.main-menu .navigation {
		flex-wrap: nowrap !important;
		margin-left: 8px !important;
	}
	
	.main-menu .navigation>li {
		padding: 8px 0px !important;
		margin-right: 0px !important;
		flex-shrink: 0.65 !important;
	}
	
	.main-menu .navigation>li>a {
		font-size: 11px !important;
		padding: 0 4px !important;
		line-height: 0.95 !important;
		margin-right: 5px !important;
		height: 32px !important;
		letter-spacing: -0.5px;
	}
} */

/* Fix navbar for 1200px and similar resolutions */
/* @media only screen and (max-width: 1200px) {
	.main-menu .navigation {
		flex-wrap: nowrap !important;
		margin-left: 5px !important;
	}
	
	.main-menu .navigation>li {
		padding: 6px 0px !important;
		margin-right: 0px !important;
		flex-shrink: 0.6 !important;
	}
	
	.main-menu .navigation>li>a {
		font-size: 11px !important;
		padding: 0 3px !important;
		line-height: 0.9 !important;
		margin-right: 5px !important;
		height: 30px !important;
		letter-spacing: -0.8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
} */

/* @media only screen and (max-width: 1366px){
	.main-menu .navigation>li>a {
		height: 37px !important;
	}
} */

@media only screen and (max-width: 1199px){
	.services-section .row.row5 {
	    white-space: nowrap;
	    vertical-align: middle;
	    overflow: auto;
	    display: flex;
	    flex-wrap: nowrap;
	    justify-content: start!important;
	    -ms-overflow-style: none;
	    overflow: -moz-scrollbars-none;
	}
	.banner-section .banner-slider-nav {
		display: none;
	}
	.header-top .right-column {
	    display: none;
	}
	.header-top .left-column {
		width: 100%;
		justify-content: center;
	}
	.banner-section .content-box h1 {
		font-size: 60px;
		line-height: 70px;
	}
	.two-column-section .video-column .image {
		display: block;
	}
	.two-column-section .video-column .video-box {
		position: relative;
		background: transparent !important;
	}
	.two-column-section .video-column .image img {
		width: 100%;
	}
}

@media only screen and (max-width: 1139px){
	/* Default */
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}
	.nav-outer .mobile-nav-toggler{
		display: block;
	}
	.main-header.header-style-two .header-upper .inner-container:before {
		display: none;
	}	
	.main-header.header-style-two .header-upper .inner-container {
		padding: 0;
	}
}

@media only screen and (min-width: 992px){
	.internalpage{min-height: 45vh;}
	.course-details .text-block-two .right-column {
		margin-left: -40px;
	}	
	.course-details .text-block-two .left-column {
		padding-right: 55px;
	}
}

@media only screen and (max-width: 991px){
	.banner-section.style-two .content-box h1,
	.banner-section .content-box h1 {
		font-size: 50px;
		line-height: 60px;
	}
	.about-section .image-two {
		left: 0;
	}
	.working-process-section .wrapper-box:before {
		display: none;
	}
	.process-block:nth-child(2) {
		margin-top: 0;
	}
	.funfacts-section .inner .icon-outer:before {
		display: none;
	}
	.funfacts-section .inner {
		justify-content: flex-start;
		margin-bottom: 30px;
	}
	.about-section-two .consult-form-wrapper {
		margin-top: 0;
	}
	.contact-section .top-content .text {
		margin-bottom: 50px;
	}
	.pricing-section .tab-area {
		padding-right: 0;
	}
	.mission-section .content {
		text-align: center;
		justify-content: center;
	}	
	.mission-section .image {
		margin-top: 30px;
	}	
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}

@media only screen and (max-width: 767px){	
	br {
		display: none;
	}
	.header-top ul.contact-info {
		justify-content: center;
		text-align: center;
	}
	.header-top ul.contact-info li {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.header-top ul.contact-info li:before {
		display: none;
	}
	.header-style-one .header-top ul.contact-info li:last-child {
		display: none;
	}
	.owl-theme .owl-nav {
		display: none !important;
	}
	.driving-courses-section .project-tab .project-tab-btns .p-tab-btn {
		margin-right: 0;
		padding-right: 0;
		border: 0;
	}
	.driving-courses-section .project-tab .project-tab-btns {
		margin-top: 30px;
	}
	.services-section{margin-top: 0; padding-top: 20px;}
	.reddot-list li{line-height: 2;}
	.footer-bottom .wrapper-box {
		justify-content: center;
	}
	.footer-bottom .copyright {
		width: 100%;
		text-align: center;
	}
	.process-block .inner-box br {
		display: block;
	}
	.blog-section .top-content .text {
		margin-bottom: 30px;
	}
	.banner-section.style-two .content-box .text {
		padding-left: 0;
	}
	.banner-section.style-two .content-box .text:before {
		display: none;
	}
	.mission-section .nav-tabs {
		padding: 0;
		margin-bottom: 40px;
	}
	.mission-section .content .left-content {
		width: 100%;
	}
	.mission-section .tab-area {
		padding-bottom: 80px;
	}
	.mission-section .icon-box {
		max-width: 400px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 30px;
	}
	.mission-section .icon-box .icon {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.news-block.blog-quote .lower-content {
		padding: 65px 25px 40px;
		padding-left: 50px;
	}
	.news-block.blog-quote .quote {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 575px){
	.page-title h1,
	.cta-section h2,
	.feature-banner-section h2,
	.about-section .content-block{padding: 30px;}
	.sec-title h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.testimonial-block .content {
		width: 100%;
	}
	.history-section .nav-tabs.tab-btn-style-one li.nav-item a:before {
		display: none;
	}
	.history-section .nav-tabs.tab-btn-style-one li.nav-item a.active:after {
		display: none;
	}
	.history-section .nav-tabs.tab-btn-style-one:before {
		display: none;
	}
	.history-section .nav-tabs.tab-btn-style-one {
		margin-top: 30px;
		padding: 0;
	}
	.history-section .nav-tabs.tab-btn-style-one li.nav-item {
		width: 33.33%;
		margin-bottom: 25px;
		text-align: left;
	}
	.news-block .post-meta-info .category {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	.comments-area .comment {
		padding-left: 0;
	}	
	.comments-area .comment-box .author-thumb {
		position: relative;
		margin-bottom: 30px;
	}
	.course-block .course-info .price, 
	.course-block .course-info .instructor {
		width: 100%;
	}
	
	.course-block .course-info .instructor {
		margin-bottom: 30px;
	}
	
	.feature-banner-section .outer-box {
		padding-left: 15px;
		padding-right: 15px;}
	
	.funfacts-section .icon-outer {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	
	.funfacts-section .content {
		width: 100%;
	}
	
	.funfacts-section .inner {
		text-align: center;
	}
	.banner-section.style-two .content-box h1, 
	.banner-section .content-box h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.banner-section .content-box .inner {
		padding: 0;
	}
	.course-block-two .lower-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	.project-block .content {
		left: 30px;
		bottom: 30px;
	}
	.about-section-two .consult-form .text {
		text-align: center;
	}
	.about-section-two .consult-form .text a {
		margin-left: 0;
		width: 100%;
	}
	.project-block h3 {
		font-size: 24px;
	}
	.project-block .overlay {
		padding-left: 20px;
	}
	.course-package-block .content {
		position: relative;
		max-width: 100%;
	}
	.two-column-section .video-column h3 {
		display: none;
	}
	.course-package-block .inner-box {
		padding-right: 0;
	}
	.two-column-section .content-block {
		padding-left: 20px;
		padding-right: 20px;
	}
	.course-package-block .content {
		position: relative;
		max-width: 100%;
	}
	
	.course-package-block .inner-box {
		padding-right: 0;
	}
	
	.two-column-section .video-column h3 {
		position: relative;
		display: none;
	}
	
	.pricing-section .tab-area .tab-btn-style-one li {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
	}	
	.pricing-section .tab-area .tab-btn-style-one li a {
		padding-right: 0;
		margin: 4px 0;
		border: 0;
	}	
	.pricing-section .tab-area .tab-btn-style-one {
		padding: 15px 0;
		width: 100%;
	}	
	
}


@media only screen and (max-width: 350px) {
	.process-block .content {
		min-height: auto;
		border-radius: 0;
	}	
	.process-block .content:before {
		border-radius: 0;
	}
	.banner-section.style-two .content-box h1, 
	.banner-section .content-box h1 {
		font-size: 30px;
		line-height: 38px;
	}
	.course-block-two .lower-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.about-section-two .consult-form {
		padding-left: 30px;
		padding-right: 30px;
	}
}