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

@media only screen and (min-width:1400px) {
    .left-column .right-img-content h6 {
        font-size: 20px
    }

    .left-column .right-img-content h1 {
        font-size: 46px
    }
}

@media only screen and (max-width:1399px) {
    .driving-info-section .traffic-cone, .info-form-section .signal-image-one, .info-form-section .signal-image-two {
        display: none
    }

    .driving-info-section .image-block {
        margin-left: -50px;
        margin-right: 50px
    }

    .cta-section-two .image {
        margin: 0 50px 0 0
    }

    .left-column .left-img-column {
        max-width: 400px
    }

    .left-column .right-img-content h1 {
        font-size: 36px
    }

    .header-top .social-icon li a.erp-login, ul.btns-link li a {
        font-size: 12px
    }

        ul.btns-link li a img {
            max-width: 20px;
            transform: translateY(-2px);
            margin-right: 2px
        }

    .main-menu .navigation {
        margin: 0
    }
}

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

    .consult-form {
        right: 0
    }
}

@media only screen and (max-width:1199px) {
    .banner-section .banner-slider-nav, .header-top .right-column {
        display: none
    }

    .header-top .left-column {
        flex-wrap: nowrap;
        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: 0 0 !important
    }

    .two-column-section .video-column .image img {
        width: 100%
    }

    .left-column .right-img-content h6 {
        font-size: 14px
    }

    .left-column .right-img-content h1 {
        font-size: 32px
    }

    .left-column .left-img-column {
        transform: translateY(0)
    }
}

@media only screen and (max-width:1139px) {
    .header-upper .right-column:before, .header-upper:before, .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
    }

    .header-top .social-icon.xl-social-icon {
        margin-right: 1rem
    }
}

@media only screen and (min-width:1200px) {
    .row-5 .col-lg-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media only screen and (min-width:992px) {
    .course-details .text-block-two .right-column {
        margin-left: -40px
    }

    .course-details .text-block-two .left-column {
        padding-right: 55px
    }

    .dps-courses-section.courses-dark .course-block, .left-column .right-img-content {
        text-align: center
    }

        .dps-courses-section.courses-dark .course-block .inner-box {
            max-width: 220px
        }
}

@media only screen and (max-width:991px) {
    .banner-section .content-box h1, .banner-section.style-two .content-box h1 {
        font-size: 50px;
        line-height: 60px
    }

    .about-section .image-two {
        left: 0
    }

    .funfacts-section .inner .icon-outer:before, .working-process-section .wrapper-box:before {
        display: none
    }

    .about-section-two .consult-form-wrapper, .process-block:nth-child(2) {
        margin-top: 0
    }

    .funfacts-section .inner {
        justify-content: flex-start;
        margin-bottom: 30px
    }

    .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) {
    .banner-section.style-two .content-box .text:before, .header-style-one .header-top ul.contact-info li:last-child, .header-top ul.contact-info li:before, .left-column .right-img-content h6, br {
        display: none
    }

    .about-section .video-wrapper {
        border: none;
        margin-bottom: 15px
    }

    .content .land-box {
        box-shadow: none;
        border: none;
        border-radius: 0;
        background: 0 0;
        padding: 0 !important
    }

    .img-left, .img-left.pull-left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px
    }

    .content .about-details {
        padding: 0
    }

    .left-column .right-img-content h1 {
        font-size: 18px
    }

    .left-column .right-img-content h6 {
        font-size: 10px
    }

    .notice-wrp .notice-title {
        padding-right: 10px;
        margin-right: 15px
    }

    .notice-content li {
        font-size: 14px
    }

        .notice-content li .notice-date {
            font-size: 13px;
            width: 31px;
            height: 31px
        }

    .header-top ul.contact-info {
        justify-content: center;
        text-align: center
    }

    .header-top {
        padding: 5px 0
    }

        .header-top ul.contact-info li {
            width: 100%;
            padding: 0;
            margin: 0
        }

        .header-top .social-icon {
            justify-content: start;
            text-align: left
        }

    .owl-theme .owl-nav {
        display: none !important
    }

    .left-column .left-img-column {
        margin-bottom: 10px
    }

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

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

    .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 30px;
        text-align: center
    }

        .mission-section .icon-box .icon {
            margin-right: 0;
            margin-bottom: 30px
        }

    .news-block.blog-quote .lower-content {
        padding: 65px 25px 40px 50px
    }

    .news-block.blog-quote .quote {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 20px
    }

    .support1 {
        right: 2px;
        top: 40px;
        width: 115px
    }

    .main-footer {
        padding-top: 1px;
        background: #ffad33 !important
    }
}

@media only screen and (max-width:575px) {
    .cta-section h2, .feature-banner-section h2, .page-title h1, .sec-title h2 {
        font-size: 22px;
        line-height: 28px
    }

    .about-section, .dps-courses-section, .dps-courses-section.style-two, .services-section {
        padding: 30px 0
    }

    .sec-title.mb-5 {
        margin-bottom: 30px !important
    }

    .video-container iframe, .widget iframe {
        height: 250px
    }

    .banner-section .content-box .inner, .dps-courses-section.gallery-wrp .course-block {
        padding: 0
    }

    .banner-section .content-box {
        min-height: 25vh
    }

    section.info-form-section {
        background: #1a2d4d !important
    }

    .notice-wrp-bottom .notice-title .notice-title-view img {
        width: 132px
    }

    .course-block .course-info .instructor, .course-block .course-info .price, .funfacts-section .content, .testimonial-block .content {
        width: 100%
    }

    .footer-bottom .text span.text-warning, .history-section .nav-tabs.tab-btn-style-one li.nav-item a.active:after, .history-section .nav-tabs.tab-btn-style-one li.nav-item a:before, .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 .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
    }

    .about-section-two .consult-form .text, .footer-bottom .footer-menu, .funfacts-section .inner {
        text-align: center
    }

    .banner-section .content-box h1, .banner-section.style-two .content-box h1 {
        font-size: 40px;
        line-height: 50px
    }

    .course-block-two .lower-content {
        padding-left: 30px;
        padding-right: 30px
    }

    .project-block .content {
        left: 30px;
        bottom: 30px
    }

    .about-section-two .consult-form .text a {
        margin-left: 0;
        width: 100%
    }

    .project-block h3 {
        font-size: 24px
    }

    .project-block .overlay {
        padding-left: 20px
    }

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

    .course-block h4, .footer-bottom .footer-menu li a, .text {
        font-size: 14px
    }

    .footer-bottom .text {
        font-size: 14px;
        line-height: 26px;
        color: #ffff
    }

    .contact-widget .contact-info li {
        margin-bottom: 2px
    }

    .widget .widget-title {
        font-size: 18px
    }

    .consult-form .form-group input, .consult-form .form-group textarea {
        height: 44px;
        font-size: 12px
    }

    .consult-form .form-group textarea {
        height: 80px
    }

    .btn-style-one.style-three {
        padding: 4px 20px
    }

    .left-column .right-img-content h1 {
        font-size: 15px
    }

    .left-column .left-img-column:after {
        width: 1px
    }

    .header-top .btns-link li .btn {
        margin: 5px
    }
}

@media only screen and (max-width:480px) {
    .left-column .right-img-content .affilataion, .why-small .why-small-content {
        display: none
    }

    .notice-wrp-bottom .notice-title .notice-title-view img {
        width: 220px
    }

    .left-column .right-img-content h1 {
        font-size: 13px
    }

    .header-top .social-icon li {
        margin-left: 0;
        margin-right: 2px
    }

    .header-top .social-icon.xs-btns-link li a {
        font-size: 11px !important;
        padding: 0 1px;
        line-height: 3
    }

    .mg-card img, .why-small .why-small-view {
        width: 100%
    }

    .sec-title img {
        width: 50px
    }

    .birth-day .intro iframe {
        height: 280px
    }

    .hex {
        width: 150px;
        height: 170px
    }

    .hexinner.position-relative {
        width: 134px;
        height: 156px
    }

    .header-upper {
        background: #ffad33
    }

    .page-title {
        padding: 30px 0
    }

    .header-top .btns-link li .btn {
        font-size: 12px;
        padding: 6px 10px;
        font-weight: 400
    }
}

@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 .content-box h1, .banner-section.style-two .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
    }
}

.colo-gold {
    color: #ffc107 !important
}