@media (max-width: 1599px) {
    .banner-content-head {
        font-size: 100px;
    }

    .custom-tabs .nav-link {
        font-size: 60px;
        line-height: 55px;
    }

    .tab-content-card h4 {
        font-size: 45px;
        line-height: 45px;
    }

    .what-we-offer-sec .swiper {
        overflow: hidden;
    }

    .nav-links ul {
        gap: 20px;
    }

    .logo img {
        width: 100%;
    }

    .nav-links {
        width: calc(100% - 220px);
    }

    .nav-links ul {
        margin-right: 0;
    }

}

@media (max-width: 1440px) {
    .press-release {
        .pressSlider {
            padding: 0px 50px;
        }

        .prs-swiper-button-prev {
            left: -10px;
        }

        .prs-swiper-button-next {
            right: 10px;
        }
    }
}

@media (max-width: 1366px) {

    .pressSec .pressSecBtm .newsTabWrap ul.tabs li {
        font-size: 18px;
        padding: 10px 25px;
    }

    /* .navigation-btn .swiper-button-prev {
        left: 60%;
    } */

    .pressSlide .pressCard .pressImg {
        height: 210px;
    }

    .pressSlide::after {
        height: 75%;
    }

    .custom-tabs .nav-link {
        font-size: 50px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .offer-card figure {
        height: 380px;
    }

    .tab-content-card {
        padding: 40px 25px;
    }

    .nav-links a {
        font-size: 14px;
    }

    .icons-header a {
        width: 40px;
        height: 40px;
        padding: 5px;
    }

    .tab-content-card h4 {
        font-size: 40px;
        line-height: 40px;
    }

    .eachSustaibity .clipTextWrap h2 {
        font-size: 110px;
    }

    /* .projectCardWrap.slick-slider {
        padding: 0 100px;
    } */

    .related-events.slick-slider {
        padding: 0 150px;
    }


}


@media (max-width: 1280px) {
    .what-we-offer-sec .navigation-btn .swiper-button-prev {
        left: 55%;
    }

    .pressDate {
        font-size: 14px;
    }

    .common-sec-padding {
        padding: 80px 0;
    }

    .banner-content {
        padding-bottom: 0;
        top: 58%;
        left: 0;
        transform: translateY(-50%);

        .d-flex {
            flex-direction: column;
            align-items: flex-start !important;
            row-gap: 25px;

            .col-md-8,
            .col-md-2 {
                width: 100%;
            }
        }
    }

    .has-mask-fill {
        margin-bottom: 30px;
    }

    .has-mask-fill>span {
        font-size: 30px;
        line-height: 40px;
    }

    .mb-75 {
        margin-bottom: 50px;
    }

    .counterNumber {
        font-size: 50px;
        margin-bottom: 25px;
    }

    .counterText {
        font-size: 18px;
    }

    .offer-card figure {
        height: 320px;
    }

    .custom-tabs .nav-link {
        font-size: 42px;
        line-height: 40px;
        margin-bottom: 18px;
    }

    .tab-content-card {
        padding: 35px 20px;
    }

    .tab-content-card h4 {
        font-size: 36px;
        line-height: 36px;
    }

    .tab-content-head figure {
        width: 70px;
        height: 70px;
    }

    .tabpanel {
        height: 700px;
    }

    .tab-btn-wrap button {
        font-size: 16px;
        padding: 60px 15px 30px 15px;
    }

    .testi-cardWrap {
        margin: 30px;
        padding: 30px 35px;
    }

    .testi-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .figureTs .ts-person {
        width: 100px;
        height: 100px;
    }

    .eachSustaibity .clipTextWrap h2 {
        font-size: 64px;
    }

    .left-content-area {
        padding: 50px 0;
    }

    .deailership-sec .common-btn {
        font-size: 14px;
    }

    .icon-separator {
        padding: 0 10px;
    }

    .projectCardWrap.slick-slider {
        padding: 0 50px;
    }

    .related-events.slick-slider {
        padding: 0 100px;
    }

    /* .prjContent h4 {
        font-size: 22px;
    } */

    .navigation-btn .swiper-button-prev {
        left: 55%;
    }
}

@media (max-width: 1199px) {
    .single-application {
        .tab-csr-sec {
            .csr-content {
                padding-left: 12px;
            }
        }
    }
}

@media (max-width:1024px) {

    .single-application {
        .tab-csr-sec {
            p {
                font-size: 14px !important;
                line-height: 1.2;
            }
        }
    }

    /* Testimonials */
    .testi-cardWrap {
        flex-wrap: wrap;
        margin: 20px;
        padding: 25px;
    }

    .testi-cardWrap .iconT {
        width: 80px;
        padding-right: 15px;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }

    .testi-content {
        width: calc(100% - 80px);
        padding-left: 20px;
    }

    .slider-nav .slick-slide {
        margin: 0 30px;
    }

    .ts-swiper-button-prev {
        left: -30px;
    }

    .ts-swiper-button-next {
        right: -30px;
    }

    .press-release .accCont.tabContinner {
        display: flex;
        flex-direction: column;
    }

    .press-release .prs-nav {
        position: relative !important;
        top: inherit !important;
        bottom: inherit !important;
        transform: none !important;
        margin-top: 30px;
        pointer-events: none;
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 20px;
        height: auto !important;
        order: 2;
    }

    .press-release .accInner {
        order: 1;
    }

    .press-release .prs-nav .prs-swiper-button-prev,
    .press-release .prs-nav .prs-swiper-button-next {
        position: static !important;
        left: auto !important;
        right: auto !important;
        pointer-events: all !important;
        transform: none !important;
    }

    .press-release .prs-nav .prs-swiper-button-next {
        transform: rotate(180deg) !important;
    }

    .pressSec .pressSlick {
        margin-bottom: 0;
        padding: 0;
    }


    .blog-details-wrap img {
        width: 100%;
    }

    .faqArr img {
        width: 18px;
        height: auto;
    }

    .faqTitle {
        padding-right: 60px;

        &::before {
            width: 50px;
        }

        &::after {
            right: 15px;
            font-size: 18px;
        }
    }
}

@media (max-width: 991px) {

    .container {
        max-width: 100%;
        padding: 0 20px;
    }

    /* Header adjustments */


    .custom-padding-80 {
        padding: 0 40px !important;
    }

    .banner-content {
        padding-bottom: 40px;
    }

    .banner-content>div {
        padding: 0 15px;
    }

    .has-mask-fill>span {
        font-size: 26px;
        line-height: 36px;
    }

    /* Typography */
    .secHead {
        font-size: 36px;
        line-height: 45px;
    }

    .smallTitle {
        font-size: 18px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    /* Sections */
    .common-sec-padding {
        padding: 60px 0;
    }

    .mb-75 {
        margin-bottom: 40px;
    }

    .counterNumber {
        font-size: 40px;
        margin-bottom: 18px;
    }

    /* Offer Section */
    /* .what-we-offer-sec::before {
        height: 50%;
    } */

    .offer-card figure {
        height: 280px;
    }

    .offer-card h6 {
        font-size: 20px;
    }

    /* Why Choose Us */


    .custom-tabs .nav-link {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .tab-content-card {
        margin-top: 30px;
    }

    /* Application Section */
    .tabpanel {
        height: 600px;
    }

    .tab-btn-wrap button {
        font-size: 14px;
        padding: 50px 12px 25px 12px;
    }

    .application .content-text p {
        font-size: 16px;
    }

    /* Parallax */
    .parallax-sec {
        background-attachment: scroll;
    }

    /* Sustainability */
    .eachSustaibity::before {
        width: 60%;
    }

    .left-content-area {
        width: 60%;
    }

    .eachSustaibity .clipTextWrap h2 {
        font-size: 70px;
    }

    .left-content-area p {
        width: 90%;
    }

    /* Dealership */
    .deailership-sec .dealership-right-btns {
        justify-content: flex-start;
        flex-direction: row !important;
    }

    .dealership-left {
        margin-bottom: 10px;
    }

    .dealership-right-btns {
        /* flex-direction: column !important; */
        gap: 15px;
    }

    .deailership-sec .common-btn {
        width: 230px;
        height: 50px;
        font-size: 16px;
        padding: 5px;
        padding-left: 15px;
    }

    /* Press Release */
    .pressSec .pressSecBtm .newsTabWrap ul.tabs {
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 30px;
    }

    .pressSec .pressSecBtm .newsTabWrap ul.tabs li {
        font-size: 16px;
        padding: 12px 25px;
    }

    .prs-swiper-button-prev {
        left: -30px;
    }

    .prs-swiper-button-next {
        right: -30px;
    }

    /* FAQ */
    .faqTitle h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .faqArr {
        width: 50px;
        height: 50px;
        padding: 20px 25px;
    }

    .commonFAQWrap {
        .faqWrapInner {
            .secHeadWrap {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
            }
        }

        .getInTouchWrap {
            .secHeadWrap {
                text-align: center;
            }

            .submitBox {
                justify-content: center;

                .wpcf7-spinner {
                    right: 50%;
                    bottom: -25px;
                }
            }
        }
    }

    /* Projects */
    .projectCardWrap.slick-slider {
        padding: 0 30px;
    }

    .eachProject {
        margin: 25px 10px;
    }

    .eachProject figure {
        height: 220px;
    }

    .prjContent h4 {
        font-size: 18px;
    }

    /* Related Events */
    .related-events.slick-slider {
        padding: 0 50px;
    }

    /* Inner Banner */
    .innerBanner {
        height: 500px;
    }

    .innerBanner .innerBannerTitle {
        font-size: 60px;
        line-height: 50px;
    }

    /* About Section */
    .aboutSec-1 .overview-left {
        width: 40%;
        padding: 0;
    }

    .aboutSec-1 .overview-right {
        width: 60%;
        padding: 0 0 0 15px;

    }



    .dealership-right-btns {
        width: 100%;
        /* flex-direction: column !important; */
        gap: 15px;
    }



    .contact-info {
        padding: 30px 0;
    }

    .contact-info .row {
        gap: 25px;
    }

    .dealership-top {
        flex-direction: column;
        justify-content: center;
    }



    .what-we-offer-sec .navigation-btn .swiper-button-prev {
        left: 40%;
    }



    .dealership-left,
    .dealership-right {
        width: 100%;
    }

    /* start overView */
    .dskProdOvr {
        display: none;
    }

    .mobProdOvrImg {
        margin-top: 15px;
        display: block;

        figure {
            margin-bottom: 15px !important;
        }
    }

    .single-application {
        .mobProdOvrImg {
            margin-bottom: 15px;

            figure {
                margin-bottom: 0 !important;
            }
        }
    }

    /* end overView */

    /* single application */
    .tab-csr-sec {
        .csr-content {
            padding-left: 10px;
        }
    }

    /* end single application */

}

@media (max-width: 768px) {

    .single-application {
        .tab-csr-sec {
            .accordion {
                .accordion-item {
                    margin-bottom: 15px;
                    border-radius: 10px;
                    overflow: hidden;

                    .accordion-header {
                        padding: 0;
                        font-family: 'CenturyGothic', sans-serif;
                        position: relative;

                        .accordion-button {
                            background-color: #072E9F;
                            color: #fff;
                            box-shadow: none !important;

                            &::after {
                                filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(185deg) brightness(102%) contrast(105%);
                            }
                        }

                        /* &::after {
                            content: '\f107';
                            position: absolute;
                            font-family: fontawesome;
                            top: 16px;
                            right: 15px;
                            font-size: 16px;
                            color: #fff;
                            transition: all 0.5s;
                        } */
                    }
                }
            }
        }
    }

    /* Banner */
    .home-banner {
        height: 560px;
    }

    .counterSec .col-md-3 {
        width: 100%;

        &:last-child {
            .eachCounter {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
            }
        }

        &:not(:last-child) .eachCounter {
            border-right: none;
            border-bottom: 1px solid #00000040;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
    }

    .deailership-sec .dealership-right-btns {
        flex-direction: column !important;
        gap: 0;

        .common-btn {
            width: 230px;
            margin: 0 auto;
            padding-left: 20px !important;
        }
    }

    /* About Section */
    .aboutSec-1 .overview-left {
        width: 100%;
    }

    .aboutSec-1 .overview-right {
        width: 100%;
        padding: 0;

    }
}


@media (max-width: 767px) {
    /* .container {
        max-width: 540px;
    } */

    .pressSlick .slick-track {
        margin: 0;
    }

    .press-release.pressSec .pressSlide {
        margin: 0 8px;
    }


    .banner-content .col-md-8,
    .banner-content .col-md-2 {
        width: 100%;
    }

    .banner-content .d-flex {
        flex-direction: column;
    }

    .banner-content .common-btn {
        margin-top: 20px;
    }

    /* Marquee */
    .marqueeSec1 .inner {
        font-size: 48px;
        padding-left: 60px;
    }

    .marqueeSec1 .inner:after {
        width: 28px;
        height: 28px;
        right: -45px;
    }

    /* Typography */
    .secHead {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .smallTitle {
        font-size: 16px;
    }

    /* .dealership-right-btns {
        flex-direction: column;
    } */


    /* Common Button */
    .common-btn {
        font-size: 18px;
        padding-left: 18px;
    }

    .common-btn span {
        margin-right: 15px;
    }

    .button-dot {
        width: 42px;
        height: 42px;
        padding: 12px;
    }

    /* Sections */
    .common-sec-padding {
        padding: 50px 0;
    }

    .mb-75 {
        margin-bottom: 30px;
    }

    .mb-64 {
        margin-bottom: 40px;
    }

    /* Counters */
    .counterNumber {
        font-size: 36px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .counterText {
        font-size: 16px;
    }

    /* Offer Cards */
    .offer-card figure {
        height: 250px;
    }

    .offer-card h6 {
        font-size: 18px;
        line-height: 18px;
    }

    .what-we-offer-sec .secHeadWrap {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .navigation-btn {
        margin-top: 20px;
        text-align: left !important;
    }

    .navigation-btn .swiper-button-prev {
        left: 0;
    }

    /* Why Choose Us */
    .custom-tabs .nav-link {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
    }

    .custom-tabs .nav-item:first-child {
        margin-top: 0;
    }

    .custom-tabs .nav-item {
        margin-right: 25px;
    }

    .custom-tabs .nav-link span {
        padding-left: 5px;
    }

    .tab-content-card {
        padding: 30px 20px;
    }

    .tab-content-card h4 {
        font-size: 28px;
        line-height: 28px;
    }

    .tab-content-head {
        margin-bottom: 25px;
    }

    .tab-content-head figure {
        width: 60px;
        height: 60px;
    }

    .tab-para-wrap p {
        margin-bottom: 20px !important;
        font-size: 15px;
        line-height: 22px;
    }

    /* Application Section */
    .tabpanel {
        height: 500px;
    }

    .application [role='tablist'] {
        width: 100%;
        flex-direction: column;
        position: relative;
        margin-top: 30px;
    }

    .tab-btn-wrap {
        width: 100%;
        padding: 0;
    }

    .tab-btn-wrap:not(:last-child)::after {
        display: none;
    }

    .tab-btn-wrap button {
        width: 100%;
        font-size: 16px;
        padding: 20px;
        text-align: center;
        border-radius: 6px;
        margin-bottom: 5px;
    }

    .tab-btn-wrap button::before,
    .tab-btn-wrap button::after {
        display: none;
    }

    .what-we-offer-sec .navigation-btn .swiper-button-prev {
        left: 79%;
    }

    .what-we-offer-sec .navigation-btn {
        height: 45px;
        position: relative;
        right: 0;
        width: 100%;
    }

    /* Testimonials */
    .testi-cardWrap {
        margin: 15px;
        padding: 20px;
    }

    .testi-cardWrap::after {
        width: 70px;
        height: 45px;
    }

    .testi-content p {
        font-size: 15px;
        line-height: 22px;
    }

    .slider-nav .slick-slide {
        margin: 0 15px;
    }

    .figureTs .ts-person {
        width: 80px;
        height: 80px;
    }

    .tsDEtails h4 {
        font-size: 18px;
        line-height: 20px;
    }

    .tsDEtails p {
        font-size: 14px;
    }

    .ts-swiper-button-prev {
        left: -20px;
    }

    .ts-swiper-button-next {
        right: -20px;
    }

    /* Logo Marquee */
    .logo-marquee figure {
        width: 180px;
        height: 60px;
        padding: 0 20px;
    }

    /* Parallax */
    .parallax-sec .secHead {
        font-size: 28px;
        line-height: 36px;
    }

    /* Sustainability */
    .eachSustaibity::before {
        width: 100%;
        backdrop-filter: blur(1px);
    }

    .left-content-area {
        width: 100%;
        padding: 40px 0;
    }

    .eachSustaibity .clipTextWrap h2 {
        font-size: 50px;
    }



    .left-content-area p {
        width: 100%;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 30px !important;
    }

    /* Dealership */
    .dealership-right-btns {
        width: 65%;
        /* flex-direction: column !important; */
        gap: 15px;
    }

    .deailership-sec .common-btn {
        width: 100%;
        /* justify-content: center; */
    }

    /* Press Release */
    .commonFAQWrap {
        padding-bottom: 70px;
    }

    .pressSec .pressSecBtm .secHeadWrap {
        text-align: center;

        .secHead {
            margin-top: 0;
        }

        .smallTitle {
            display: inline-block;
        }
    }

    .pressSec .pressSecBtm .newsTabWrap ul.tabs {
        justify-content: center;
        padding-left: 0;
    }

    .pressSec .pressSecBtm .newsTabWrap ul.tabs li {
        font-size: 14px;
        padding: 10px 20px;
    }

    .pressSlide {
        padding: 10px;
        margin: 0 10px;
    }

    .pressSlide .pressCard .pressImg {
        height: 200px;
    }

    .pressTextInn .press-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .press-btn span {
        font-size: 16px;
    }

    .press-release .accCont.tabContinner {
        display: flex;
        flex-direction: column;
    }

    .press-release .prs-nav {
        position: relative !important;
        top: inherit !important;
        bottom: inherit !important;
        transform: none !important;
        margin-top: 25px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 15px;
        height: auto !important;
        order: 2;
    }

    .press-release .accInner {
        order: 1;
    }

    .press-release .prs-nav .prs-swiper-button-prev,
    .press-release .prs-nav .prs-swiper-button-next {
        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    .press-release .prs-nav .prs-swiper-button-next {
        transform: rotate(180deg) !important;
    }

    /* FAQ */
    .faqTitle h3 {
        font-size: 16px;
        padding: 18px 0 18px 12px;
    }

    .faqArr {
        width: 45px;
        height: 50px;
        padding: 18px 22px;
    }

    .dealership-left {
        margin-bottom: 0 !important;
    }

    .fqContInner p {
        font-size: 15px;
        line-height: 24px;
        padding: 15px 0 20px 12px;
    }

    .deailership-sec .secHeadWrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .deailership-sec .secHead {
        text-align: center;
    }

    /* Get in Touch Form */
    .getInTouchWrap {
        padding: 30px 20px;
    }

    .getInTouchWrap input,
    .getInTouchWrap textarea,
    .inputBox select {
        padding: 14px 20px;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .common-btn input[type="submit"] {
        font-size: 20px;
    }

    .inputBox.submitBox .button-dot {
        width: 45px;
        height: 45px;
    }


    /* Projects */
    .projectCardWrap.slick-slider {
        padding: 0 15px;
    }

    .eachProject {
        margin: 20px 8px;
        padding: 15px 12px 20px;
    }

    .eachProject figure {
        height: 400px;
    }

    .prjContent h4 {
        font-size: 16px;
        line-height: 18px;
    }

    /* Related Events */
    .related-events.slick-slider {
        padding: 0 30px;
    }

    .related-event .pressCard {
        padding: 25px 20px;
    }

    /* Inner Banner */
    .innerBanner {
        height: 400px;
    }

    .innerBanner .innerBannerTitle {
        font-size: 45px;
        line-height: 40px;
    }

    .innerBanner .container-fluid {
        margin: 0 20px !important;
    }

    /* Enquiry Panel */
    .enquiry-panel {
        width: 100%;
        right: -100%;
    }

    .enquiry-content {
        padding: 30px 20px;
    }

    .enquiry-panel-heading {
        font-size: 28px;
    }

    /* Sidebar Buttons */
    .enquire-btn {
        right: -70px;
        width: 180px;
        height: 35px;
        font-size: 16px;
    }

    .enquire-btn span {
        font-size: 16px;
    }

    .wp-icon {
        width: 48px;
        height: 48px;
        bottom: 20px;
        right: 15px;
    }

    /* Go to Top */
    .go2Top {
        width: 45px;
        height: 45px;
    }

    .nav.custom-tabs {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: scroll;
    }

    /* Height of horizontal scrollbar */
    .nav.custom-tabs::-webkit-scrollbar {
        height: 3px;
        /* ↓ instead of width */
    }

    /* Track (background) */
    .nav.custom-tabs::-webkit-scrollbar-track {
        background: #e0e0e0;
    }

    /* Thumb (scroll handle) */
    .nav.custom-tabs::-webkit-scrollbar-thumb {
        background: var(--color-blue);
        border-radius: 10px;
    }

    .tabs {
        display: none;
    }

    .mobile-accordion {
        display: block;
    }

    .accordion-header {
        width: 100%;
        background: #f1f1f1;
        padding: 15px;
        font-weight: bold;
        border: 1px solid #ccc;
        cursor: pointer;
    }

    .accordion-body {
        display: none;
        padding: 15px;
        background: white;
        border: 1px solid #ddd;
    }

    .accordion-body.active {
        display: block;
    }


}

/* ==========================================
   TINY DEVICES (Phones, less than 576px)
   ========================================== */
@media (max-width: 575px) {
    /* .container {
        max-width: 100%;
        padding: 0 15px;
    } */

    /* Banner */
    .home-banner {
        height: 60vh;
    }

    .mobile-menu-toggle {
        width: 50px;
    }

    .banner-content {
        padding-bottom: 30px;
    }

    .banner-content p {
        font-size: 14px;
        line-height: 20px;
    }

    /* Marquee */
    .marqueeSec1 .inner {
        font-size: 38px;
        padding-left: 50px;
    }

    .marqueeSec1 .inner:after {
        width: 24px;
        height: 24px;
        right: -38px;
    }

    /* Typography */
    .secHead {
        font-size: 28px;
        line-height: 34px;
    }

    .has-mask-fill>span {
        font-size: 18px;
        line-height: 25px;
    }

    /* Common Button */
    .common-btn {
        font-size: 16px;
        padding-left: 15px;
    }

    .common-btn span {
        margin-right: 10px;
    }

    .button-dot {
        width: 30px;
        height: 30px;
        padding: 22px;
    }

    /* Sections */
    .common-sec-padding {
        padding: 40px 0;
    }

    .commonFAQWrap {
        padding-bottom: 70px;
    }

    .mb-75 {
        margin-bottom: 25px;
    }

    /* Counters */
    .counterNumber {
        font-size: 32px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .counterText {
        font-size: 14px;
    }

    /* Offer Section */
    .offer-card figure {
        height: 220px;
    }

    .offer-card h6 {
        font-size: 16px;
    }

    .thin-btn .common-btn {
        font-size: 14px;
    }

    .thin-btn .common-btn .button-dot {
        width: 24px;
        height: 24px;
        padding: 6px;
    }

    /* Why Choose Us */
    .custom-tabs .nav-link {
        font-size: 24px;
        line-height: 24px;
    }

    .tab-content-card {
        padding: 25px 15px;
    }

    .tab-content-card h4 {
        font-size: 24px;
        line-height: 24px;
    }

    .tab-content-head figure {
        width: 50px;
        height: 50px;
    }

    /* Application */
    .tabpanel {
        height: 450px;
        padding: 30px 0;
    }

    .application .content-text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px !important;
    }

    .application .secHead {
        font-size: 24px;
        line-height: 30px;
    }

    /* Testimonials */
    .testi-cardWrap {
        margin: 10px;
        padding: 15px;
    }

    .testi-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .figureTs .ts-person {
        width: 60px;
        height: 60px;
    }

    .tsDEtails {
        min-width: 150px;
    }

    .tsDEtails h4 {
        font-size: 16px;
        line-height: 18px;
    }

    .tsDEtails p {
        font-size: 13px;
    }

    /* Logo Marquee */
    .logo-marquee figure {
        width: 150px;
        height: 50px;
        padding: 0 15px;
    }

    /* Parallax */
    .parallax-sec {
        padding: 40px 0;
    }

    .parallax-sec .secHead {
        font-size: 24px;
        line-height: 30px;
    }

    .parallax-sec p {
        font-size: 14px;
        line-height: 20px;
    }

    /* Sustainability */
    .eachSustaibity {
        min-height: 450px;
    }

    .eachSustaibity .clipTextWrap h2 {
        font-size: 20px;
    }

    .left-content-area {
        padding: 30px 0;
    }

    .left-content-area p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 25px !important;
    }

    /* Press Release */
    .pressSec .pressSecBtm .newsTabWrap ul.tabs li {
        font-size: 13px;
        padding: 8px 15px;
    }

    .pressSlide .pressCard .pressImg {
        height: 180px;
    }

    .pressCardSub-wrap {
        flex-wrap: wrap;
        gap: 8px;
    }

    .pressTextInn .press-text {
        font-size: 15px;
        line-height: 22px;
    }

    .press-btn span {
        font-size: 14px;
    }

    .press-release .accCont.tabContinner {
        display: flex;
        flex-direction: column;
    }

    .press-release .prs-nav {
        position: relative !important;
        top: inherit !important;
        bottom: inherit !important;
        transform: none !important;
        margin-top: 20px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 12px;
        height: auto !important;
        order: 2;
    }

    .press-release .accInner {
        order: 1;
    }

    .press-release .prs-nav .btn {
        width: 40px;
        height: 40px;
        padding: 10px;
        z-index: 100;
        position: static !important;
    }

    .press-release .prs-nav .prs-swiper-button-prev,
    .press-release .prs-nav .prs-swiper-button-next {
        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    .press-release .prs-nav .prs-swiper-button-next {
        transform: rotate(180deg) !important;
    }

    .faqTitle h3 {
        font-size: 15px;
        line-height: 18px;
        padding: 12px 0 12px 12px;
    }

    .faqArr {
        width: 40px;
        height: 45px;
        padding: 15px 18px;
    }

    .fqContInner p {
        font-size: 14px;
        line-height: 22px;
        padding: 12px 0 5px 12px;
    }

    .eachFaqInner {
        margin-bottom: 15px;
        margin-bottom: 0;
    }

    /* Get in Touch Form */
    .getInTouchWrap {
        padding: 25px 15px;
        border-radius: 12px;
        margin-top: 25px;
    }

    .getInTouchWrap::after {
        right: -5px;
        bottom: -5px;
    }

    .getInTouchWrap input,
    .getInTouchWrap textarea,
    .inputBox select {
        padding: 12px 18px;
        font-size: 15px;
        margin-bottom: 12px;
    }

    input::placeholder,
    textarea::placeholder {
        font-size: 15px;
    }

    .common-btn input[type="submit"] {
        font-size: 18px;
    }

    .inputBox.submitBox .button-dot {
        width: 32px;
        height: 32px;
        padding: 8px;
    }

    /* Projects */
    .releated-productWrap .slick-track {
        margin: 0;
    }

    .eachProject {
        margin: 15px 0px;
        padding: 12px 10px 15px;
        box-shadow: none !important;
        background-color: rgba(237, 239, 244, 1) !important;
    }

    .eachProject figure {
        height: 180px;
        margin-bottom: 15px;
    }

    .prjContent {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .application-caseStudy .prjContent h4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .prjContent h4 {
        font-size: 15px;
        line-height: 18px;
    }

    /* Inner Banner */
    .innerBanner {
        height: 350px;
    }

    .innerBanner::before,
    .innerBanner::after {
        height: 150px;
    }

    .innerBanner .innerBannerTitle {
        font-size: 38px;
        line-height: 36px;
    }

    .innerBanner .container-fluid {
        margin: 0 15px !important;
    }

    /* Enquiry Panel */
    .enquiry-content {
        padding: 25px 15px;
    }

    .enquiry-panel-heading {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .enquiry-content p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .enquiry-content form {
        gap: 10px;
    }

    .enquiry-content .logo {
        width: 150px;
        margin-bottom: 15px;
    }

    .close-btn {
        font-size: 40px;
        top: 15px;
        right: 20px;
    }

    /* Sidebar Buttons */
    .enquire-btn {
        right: -65px;
        width: 160px;
        height: 32px;
        font-size: 14px;
        padding: 8px 15px;
    }

    .enquire-btn span {
        font-size: 14px;
    }

    .wp-icon {
        width: 45px;
        height: 45px;
        bottom: 15px;
        right: 12px;
        padding: 6px;
    }

    /* Search Overlay */
    .search-overlay-content {
        width: 90%;
    }

    .search-overlay-content input[type="text"] {
        font-size: 16px;
        padding: 14px 18px;
        padding-left: 50px;
    }

    .searchInputBlg {
        left: 18px;
    }

    .searchInputBlg img {
        width: 20px;
    }

    .frmWrap .srchBtn {
        width: 50px;
        height: 50px;
    }

    /* Go to Top */
    .go2Top {
        width: 40px;
        height: 40px;
        right: 15px;
        bottom: 15px;
    }

    /* About Us Section */
    .aboutSec-1 .overview-left,
    .aboutSec-1 .overview-right {
        padding: 0;
    }

    .aboutSec-1 .overview-right {
        margin-top: 20px;
        padding-left: 0;
    }

    /* CSR Tabs */
    .tab-csr-sec .nav-item .nav-link {
        font-size: 16px;
        padding: 20px 0 20px 18px;
    }

    .tab-csr-sec .nav-item .nav-link::before {
        width: 9px;
        height: 9px;
    }

    /* Downloads Section */
    .downloads-sec .press-btn {
        width: 45px;
        height: 45px;
        padding: 10px;
    }

    .downloads-sec .press-text {
        width: calc(100% - 55px);
        font-size: 14px;
    }

    /* Event Details */
    .event-details h4 {
        font-size: 32px;
        line-height: 40px;
    }

    /* Certification Section */
    .certification-sec .prjImg {
        padding: 15px 25px;
    }

    /* Environment Section */
    .enviornment-sec .eachProject figure {
        padding: 20px;
        height: 350px;
    }

    /* Pagination */
    .pagination {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 30px 0px;
    }

    .pagination .page-numbers {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }

    /* Related Event Cards */
    .related-event .pressCard {
        padding: 20px 15px;
    }

    .related-event .pressSlide .pressCard .pressImg {
        height: 180px;
        margin-bottom: 12px;
    }

    /* Blog Sidebar */
    .blogSidebar .srchBtn {
        width: 38px;
        height: 38px;
    }

    /* File Upload */
    .custom-file-upload {
        padding: 12px 18px;
        font-size: 15px;
        margin-bottom: 15px;
    }

    .file-text {
        font-size: 15px;
    }

    .file-upload {
        right: 18px;
        top: 42%;
    }

    /* Video Thumbnail */
    .figureTs .playIcon {
        width: 28px;
        height: 28px;
        bottom: 8px;
        right: 3px;
    }

    /* Press Card Adjustments */
    .pressSlide .pressCard .pressCardSub-wrap {
        margin-bottom: 15px;
    }

    .pressSlide .pressCard .pressCardSub-wrap figure {
        width: 16px;
    }

    .pressDate {
        font-size: 14px;
        padding-left: 5px;
    }

    /* Slick Slider Controls */
    .slick-arrow {
        width: 35px;
        height: 35px;
    }

    .prs-nav .btn,
    .testi-nav .btn {
        width: 32px;
        height: 32px;
        padding: 8px;
    }

    /* Navigation Buttons */
    .navigation-btn .swiper-button-prev,
    .navigation-btn .swiper-button-next {
        width: 38px;
        height: 38px;
    }

    .related-event .navigation-btn .swiper-btn {
        width: 38px;
        height: 38px;
        padding: 8px;
    }

    /* Dealership Buttons */
    .deailership-sec .common-btn {
        font-size: 15px;
        padding: 5px;
        padding-left: 15px;
    }

    .deailership-sec .common-btn span {
        margin-right: 8px;
    }

    .deailership-sec .common-btn .button-dot {
        width: 35px;
        height: 35px;
        padding: 8px;
    }



    .what-we-offer-sec .navigation-btn .swiper-button-prev {
        left: 76%;
    }

}



@media (max-width: 420px) {
    .home-banner {
        height: 60vh;
    }

    .what-we-offer-sec .navigation-btn .swiper-button-prev {
        left: 72%;
    }

    .ts-swiper-button-prev {
        left: -10px;
    }

    .ts-swiper-button-next {
        right: -10px;
    }

    .dealership-right-btns {
        width: 90%
    }

    .dealership-right-btns .common-btn .button-dot img {
        width: 100%;
    }

    .banner-content {
        padding-bottom: 30px;
    }

    .tabpanel {
        height: 600px;
    }

    /* .innerBanner {
        height: 70vh;
    } */
}




/* ==========================================
   EXTRA SMALL PHONES (less than 400px)
   ========================================== */
@media (max-width: 399px) {

    /* Marquee */
    .marqueeSec1 .inner {
        font-size: 32px;
        padding-left: 45px;
    }

    .marqueeSec1 .inner:after {
        width: 20px;
        height: 20px;
        right: -35px;
    }

    /* Typography */
    .secHead {
        font-size: 24px;
        line-height: 30px;
    }

    /* Counters */
    .counterNumber {
        font-size: 28px;
        line-height: 24px;
    }

    /* Why Choose Us */
    .custom-tabs .nav-link {
        font-size: 20px;
        line-height: 22px;
    }

    .tab-content-card h4 {
        font-size: 20px;
        line-height: 20px;
    }

    /* Application */
    .tabpanel {
        height: 400px;
    }

    .tab-btn-wrap button {
        font-size: 14px;
        padding: 18px 15px;
    }

    /* Sustainability */
    .eachSustaibity .clipTextWrap h2 {
        font-size: 8px;
    }



    /* Inner Banner */
    .innerBanner .innerBannerTitle {
        font-size: 32px;
        line-height: 30px;
    }
}

/* ==========================================
   UTILITY CLASSES FOR RESPONSIVE
   ========================================== */

/* Hide on Mobile */
@media (max-width: 767px) {
    .d-none-mobile {
        display: none !important;
    }

    .releated-productSection {
        padding: 40px 0 70px;
    }
}

/* Hide on Desktop */
@media (min-width: 768px) {
    .d-none-desktop {
        display: none !important;
    }
}

/* Text Alignment Responsive */
@media (max-width: 767px) {
    .text-center-mobile {
        text-align: center !important;
    }

    .text-left-mobile {
        text-align: left !important;
    }
}

/* Full Width on Mobile */
@media (max-width: 767px) {
    .w-100-mobile {
        width: 100% !important;
    }
}

/* Spacing Adjustments */
@media (max-width: 767px) {
    .p-mobile-0 {
        padding: 0 !important;
    }

    .px-mobile-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .py-mobile-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .mb-mobile-20 {
        margin-bottom: 20px !important;
    }

    .mt-mobile-20 {
        margin-top: 20px !important;
    }
}






/* FAQ */