@media only screen and (max-width:1300px) {
    header {
        padding: 15px 50px;

        .logo {
            img {
                width: 250px
            }
        }
    }

    .hero-section {
        padding: 0 50px;

        .hero-video {
            height: 672px
        }
    }

    .feature {
        bottom: 15px;

        .main-feature {
            padding: 0 50px
        }
    }

    .our-fleet {
        .fleet-items {
            width   : 90%;
            margin  : 60px 0 0 auto;
            position: relative
        }
    }

    .quote {
        h3 {
            font-size: 120px
        }
    }
}

@media only screen and (max-width:1200px) {
    h1 {
        font-size: 46px
    }

    h2 {
        font-size: 40px
    }

    .slide-page {
        padding: 20px
    }

    header {
        padding: 15px 20px;

        .logo {
            img {
                width: 210px
            }
        }

        .primary-menu {
            nav {
                li a {
                    font-size: 16px
                }
            }
        }

        .site-details {
            img {
                width: 30px
            }
        }
    }

    .hero-section {
        padding: 0 20px
    }

    .feature {
        bottom: 27px;

        .main-feature {
            padding: 0 20px
        }

        .item {
            gap        : 10px;
            padding    : 10px 20px;
            align-items: center
        }
    }

    .about-section {
        .main-about {
            gap        : 40px;
            align-items: center
        }
    }

    .quote {
        h3 {
            font-size: 90px
        }
    }

    .why-choose {
        .content-box {
            padding-bottom: 50px
        }

        .why-choose-items {
            grid-template-columns: repeat(auto-fill, minmax(142px, 1fr));

            .item {
                text-align: center;
                padding   : 0
            }
        }
    }

    .our-fleet {
        .fleet-items {
            width: 98%
        }

        .fleet-content {
            width: 80%
        }
    }

    .inner-page {
        .inner-banner {
            padding: 120px 0 61px
        }

        header {
            .logo-white {
                img {
                    width: 210px
                }
            }

            .primary-menu {
                nav {
                    li a {
                        padding  : 8px 8px;
                        font-size: 16px;
                        color    : #fff
                    }
                }
            }

            .site-details {
                svg {
                    width : 40px;
                    height: 40px
                }
            }
        }
    }
}

@media only screen and (max-width:992px) {
    .about-content h3{
        font-size: 30px;
    }
    h2 {
        font-size: 35px
    }

    .service-section {
        padding: 80px 0
    }

    header {
        .primary-menu {
            display: none
        }
    }

    .hero-section {
        height: 672px
    }

    .feature {
        .item {
            align-items   : self-start;
            flex-direction: column;

            img {
                width: 70px
            }
        }
    }

    .service-section {
        .main-service {
            flex-direction: column
        }

        .box1 {
            width: 100%
        }

        .box2 {
            width: 100%
        }
    }

    .about-section {
        .main-about {
            align-items   : center;
            flex-direction: column-reverse;

            .about-content {
                width: 100%
            }

            .about-img {
                width: 100%
            }
        }
    }

    .why-choose {
        padding      : 150px 0 0;
        margin-bottom: 0;

        .img-box {
            display: none
        }

        .content-box {
            width: 100%
        }

        .why-choose-items {
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
        }
    }

    .our-fleet {
        .fleet-content {
            width: 100%
        }

        .fleet-items {
            .item-content {
                padding: 10px 0
            }
        }
    }

    .cta {
        h3 {
            font-size: 42px;
            width    : 50%
        }
    }

    .about-page {
        .about-section {
            .main-about {
                flex-direction: column
            }
        }
    }

    .service-area {
        .area-box {
            .box {
                flex-direction: column
            }

            .area-content {
                width: 100%
            }
        }

        .area-box:nth-child(2n) {
            .box {
                flex-direction: column
            }
        }
    }

    .blog-page {
        .main-blog-detail {
            flex-direction: column;

            .blog-detail-content {
                width: 100%
            }
        }

        .blog-sidebar {
            width: 100%
        }
    }
}

@media only screen and (max-width:800px) {
    .feature {
        display: none
    }

    .slide-page {
        .main-slide-content {
            .limo-book {
                .site-logo {
                    img {
                        width: 250px
                    }
                }
            }

            .box {
                a {
                    font-size: 18px
                }
            }

            .social-media {
                img {
                    width: 40px
                }
            }
        }
    }

    .hero-section {
        height: 600px;

        .hero-video {
            height: 600px
        }
    }

    .service-section {
        .main-service {
            gap: 20px
        }

        .box2 {
            gap: 20px
        }

        .group-item {
            gap: 20px
        }
    }

    .quote {
        .tagline {
            width: 70%
        }

        h3 {
            font-size: 75px
        }
    }

    .our-fleet {
        .fleet-content {
            gap           : 20px;
            width         : 100%;
            flex-direction: column;

            h3 {
                width: 100%
            }

            p {
                width: 100%
            }
        }

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

        .fleet-items {
            width: 100%
        }
    }

    .cta {
        padding            : 70px 0;
        background-position: left;

        .cta-main {
            text-align    : center;
            flex-direction: column;
            gap           : 20px
        }

        h3 {
            width: 100%
        }
    }

    footer {
        & .top-footer {
            .about-box {
                width: 46%
            }
        }
    }

    .service-detail-page {
        .main-service-detail {
            flex-direction: column;

            .img-box {
                width: 100%
            }

            .content-box {
                width: 100%
            }
        }
    }

    .contact-page {
        .main-contact-section {
            gap           : 30px;
            flex-direction: column;

            .contact-details {
                width: 100%
            }

            .contact-form {
                width: 100%
            }
        }
    }

    form {
        gap: 10px;

        .group-box {
            flex-direction: column;
            gap           : 10px;

            .box {
                width: 100%
            }
        }
    }
}

@media only screen and (max-width:600px) {
    .slide-page {
        .main-slide-content {
            flex-direction: column;
            gap           : 20px;

            .primary-btn {
                display: none
            }

            .limo-book {
                text-align: start;

                .site-logo {
                    margin-bottom: 28px
                }
            }
        }

        .close-button {
            font-size: 32px
        }
    }

    .service-section {
        padding: 40px 0
    }

    .section-padding {
        padding: 40px 0
    }

    h1 {
        font-size: 36px
    }

    .service-page {
        .main-services-grid {
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr))
        }
    }

    .hero-section {
        padding: 0 15px;
        height : 500px;

        .hero-video {
            height: 500px;

            .desktop {
                display: none
            }

            .phone {
                display: block
            }
        }
    }

    .service-section {
        .box2 {
            gap           : 20px;
            flex-direction: column;

            .box2-item-col1 {
                width: 100%
            }

            .group-item {
                width: 100%
            }
        }
    }

    .quote {
        padding: 40px 0 0 0;

        h3 {
            font-size: 50px
        }
    }

    .why-choose {
        margin-top: -68px;
        padding   : 80px 0 0;

        h3 {
            font-size: 32px
        }

        .content-box {
            text-align: center
        }
    }

    .our-fleet {
        .fleet-content {
            text-align: center;

            h3 {
                font-size: 32px
            }
        }

        .fleet-items {
            width : 97%;
            margin: 40px auto 0;

            .item-content {
                padding: 10px 35px
            }
        }
    }

    footer {
        .top-footer {
            .about-box {
                width: 99%
            }
        }
    }

    .service-page {
        .main-services-grid {
            .item {
                .item-content {
                    p {
                        font-size: 14px
                    }
                }
            }
        }
    }

    .service-area {
        .area-box {
            .area-img {
                width: 100%
            }

            .box {
                gap: 20px
            }
        }
    }

    .book-page {
        .main-form {
            width: 100%
        }
    }
}

@media only screen and (max-width:450px) {
    h2 {
        font-size: 28px
    }

    h1 {
        font-size: 30px
    }

    h3 {
        font-size: 32px
    }

    p {
        line-height: 1.6
    }

    .inner-page {
        header {
            .site-details {
                svg {
                    width : 30px;
                    height: 30px
                }
            }
        }
    }

    .slide-page {
        .main-slide-content {
            padding-top: 50px;

            .limo-book {
                .site-logo {
                    margin-bottom: 10px
                }
            }

            .limo-details {
                gap: 15px
            }
        }

        .close-button {
            right: 20px
        }
    }

    header {
        padding: 15px 10px
    }

    .hero-section {
        height: 450px;

        .hero-video {
            height: 450px
        }
    }

    .service-section {
        .heading {
            p {
                margin-top: 10px
            }
        }
    }

    .about-section {
        .main-about {
            .about-img {
                display: none
            }
        }
    }

    .quote {
        .tagline {
            font-size: 20px;
            width    : 100%
        }

        h3 {
            font-size: 40px
        }

        .img-box {
            margin-top: 20px
        }
    }

    .why-choose {
        margin-top: -50px;
        padding   : 70px 0 0;

        h3 {
            font-size: 26px
        }

        .why-choose-items {
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

            .item {
                img {
                    width : 80px;
                    height: 80px
                }
            }
        }
    }

    .cta {
        h3 {
            font-size: 32px
        }
    }

    .service-page {
        .main-services-grid {
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

            .item {
                flex-direction: column;

                .item-img {
                    width: 100%
                }

                .item-content {
                    width  : 100%;
                    padding: 15px
                }
            }
        }
    }

    .primary-btn a {
        padding   : 10px 26px;
        background: #000;
        color     : #fff;
        display   : inline-block;
        font-size : 16px
    }

    .service-detail-page {
        .main-service-detail {
            gap: 19px
        }
    }

    .service-area {
        .area-box {
            .area-content {
                .area-grid {
                    li {
                        padding  : 8px 20px;
                        font-size: 14px
                    }
                }
            }
        }
    }
}