@media (min-width: 992px) {
    .desktop-middle {
        position: absolute;
        top: 50%;
        inset-inline-start: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .about-eicher {
        .tractor-image {
            position: absolute;
            top: 50%;
            right: -10.8vw;
            transform: translateY(-50%);
            width: 60vw;
            height: 100%;
            padding-block: 60px 15px;
        }
    }

    .testimonial {
        & .testimonial-swiper-wrapper {
            & .testimonial-swiper-inner {

                .testimonial-swiper {
                    max-width: 420px;
                }
            }
        }
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1190px;
    }

    .dropdown:has(.mega-menu):hover {
        .mega-menu {
            display: block;
            top: 100%;
            left: 0;
        }

        &::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 34px;
            left: 0;
            top: 100%;
        }
    }

    .testimonial {
        & .testimonial-swiper-wrapper {
            & .testimonial-swiper-inner {

                .testimonial-swiper {
                    max-width: 516px;
                }
            }
        }
    }
}

@media (min-width: 1400px) {
    .power-gen {
        .swiper-nav-wrapper {
            .swiper-button-prev {
                left: -58px;
            }

            .swiper-button-next {
                right: -58px;
            }
        }
    }
}

@media (min-width: 1500px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1354px;
    }
}

@media (min-width: 1746px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1554px;
    }

    .navbar-collapse {
        padding-right: 40px;
    }

    .product-overview {
        .product-overview-tab-content {
            .spec-grid {
                .spec-item {
                    .value {
                        span {
                            font-size: 16px;
                            line-height: 19px;
                        }
                    }
                }
            }
        }
    }

    .power-gen {
        .swiper-nav-wrapper {

            .swiper-button-prev,
            .swiper-button-next {
                width: auto;
                height: auto;

                svg {
                    width: 48px;
                    height: 48px;
                }
            }

            .swiper-button-prev {
                left: -80px;
            }

            .swiper-button-next {
                right: -80px;
            }
        }
    }

    .testimonial {
        & .testimonial-swiper-wrapper {
            & .testimonial-swiper-inner {

                .testimonial-swiper {
                    max-width: 688px;
                }
            }
        }
    }
}

@media (max-width: 1745.98px) {

    .btn {
        padding: 10.75px 18px;
        gap: 6px;
        font-size: 18px;
    }

    .g-40,
    .gx-40 {
        --bs-gutter-x: 30px;
    }

    .g-40,
    .gy-40 {
        --bs-gutter-y: 30px;
    }

    .g-70,
    .gx-70 {
        --bs-gutter-x: 52px;
    }

    .g-70,
    .gy-70 {
        --bs-gutter-y: 52px;
    }

    .g-92,
    .gy-92 {
        --bs-gutter-y: 70px;
    }

    .g-92,
    .gx-92 {
        --bs-gutter-x: 70px;
    }

    .heading-1 {
        font-size: 56px;
    }

    .display-5 {
        font-size: 36px;
        line-height: 43px;
    }

    .lead {
        font-size: 16px;
        line-height: 19px !important;
    }

    .mega-menu {
        width: 819px;
        padding: 22px;
        border-radius: 18px;
        margin-top: 23px !important;
        transform: translateX(-52%);

        .mega-menu-title {
            font-size: 24px;

            &::after {
                width: 38px;
                height: 2px;
                bottom: -7.5px;
            }
        }

        .item-content {
            margin-right: 0 !important;

            .menu-name {
                font-size: 18px;
                line-height: 22px;
            }

            .menu-name-detail {
                font-size: 12px;
                line-height: 18px;
            }
        }

        .item-image {
            min-width: 103px;
            max-width: 103px;
            margin-right: 0 !important;
        }

        .dropdown-item {
            padding: 5px 30px;
            border-radius: 9px;
            gap: 30px !important;
        }
    }

    .main-header {
        width: calc(100% - 108.76px);
        top: 18px;

        .navbar {
            padding: 12px 18px;

            .logo-main {
                img {
                    width: 100%;
                    max-width: 232px;
                }
            }

            .navbar-nav {
                gap: 65px;

                .nav-item {
                    .nav-link {
                        font-size: 16px;
                        line-height: 19px;
                        letter-spacing: 0.75px;

                        &.active {
                            &::after {
                                bottom: -8px;
                                width: 22.5px;
                            }
                        }
                    }
                }
            }

            .header-right {
                gap: 18.75px;
                margin-right: 0 !important;
                padding-inline-start: 22.5px;
                margin-inline-start: 40.5px;

                .dropdown-btn {
                    font-size: 16px;
                    line-height: 19px;
                    letter-spacing: 0.75px;
                }
            }
        }
    }

    .hero-banner {
        .hero-swiper {
            .content {
                padding-top: 186px;
                max-width: 510px;

                .subtitle {
                    font-size: 18px;
                    line-height: 92.7%;
                    letter-spacing: 0.14em;
                }
            }

            .swiper-pagination {
                bottom: 426px;

                .swiper-pagination-bullet {
                    height: 2px;
                    width: 35px;
                    margin: 0 2.5px;
                }
            }
        }
    }

    .find-tractor {
        margin-top: -314px;
        margin-bottom: 50px;

        .find-title {
            font-size: 24px;
            line-height: 29px;
        }

        .find-info {
            font-size: 18px;
            line-height: 25px;
            padding-bottom: 0 !important;
        }

        .find-card {
            .card-content {
                padding: 10px !important;

                .title {
                    font-size: 26px;
                    line-height: 31px;
                }

                .subtitle {
                    font-size: 16px;
                    line-height: 22px;
                    margin-bottom: 0 !important;
                }

                .btn {
                    margin-bottom: -50px;
                }
            }
        }
    }

    .year-strength {
        padding-block: 50px 0;

        .feature-card {
            padding: 18px 26px;
            border-radius: 9px;

            .feature-number {
                font-size: 22px;
            }

            .divider-line {
                padding-left: 27px;
                margin-left: 27px;
            }

            .title {
                font-size: 20px;
                line-height: 24px;
                margin-bottom: 6px !important;
            }

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

    .power-meets {
        padding-block: 54.4px;

        .title {
            margin-bottom: 17px !important;
        }

        ul {
            margin-bottom: 34px !important;

            .glass-card {
                padding: 16px;
                border-radius: 9px;
                gap: 18px !important;

                .icon-circle {
                    width: 75px;
                    height: 75px;
                    padding: 18px;
                }

                h3 {
                    font-size: 20px;
                    line-height: 24px;
                }

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

    .showcase {
        .container {
            padding-block: 40.5px 20.5px;
        }

        .subtitle {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 12px !important;
        }

        .title {
            line-height: 48px;
            margin-bottom: 18px !important;
        }

        .glass-bar {
            padding: 17.38px 36px;
            border-radius: 9px;

            .glass-bar-col {
                min-width: 122px;

                .value {
                    font-size: 22px;
                    line-height: 26px;
                    letter-spacing: 0.52px;
                    margin-bottom: 0;

                    sub {
                        font-size: 12px;
                        line-height: 14px;
                        letter-spacing: 0.52px;
                    }
                }

                .label {
                    font-size: 14px;
                    line-height: 20.6px;
                    letter-spacing: 0.69px;
                }
            }
        }
    }

    .tractor-hub {
        padding-block: 94.18px;

        .desc {
            font-size: 16px;
            line-height: 24.8px;
        }

        .tractor-hub-swiper {
            margin-top: 36px !important;

            .hub-card {
                border-radius: 9px;
                max-width: 320px;

                .hub-card-img {
                    img {
                        border-radius: 9px;
                    }

                    .label {
                        padding: 5.34px 8.01px;
                        margin: 5.61px 12.04px;
                        font-size: 12px;
                        line-height: 16px;
                    }
                }

                .hub-content {
                    font-size: 16px;
                    line-height: 22px;
                    padding: 9.35px 13px 13px;
                }
            }
        }

        .tractor-hub-action {
            a {
                margin-right: 6px !important;
            }

            .tractor-hub-nav {
                .tractor-hub-prev {
                    margin-right: 0 !important;
                }

                svg {
                    width: 36px;
                    height: 36px;
                }
            }
        }
    }

    .faq-banner {
        padding: 42px 0;

        p {
            font-size: 16px;
            line-height: 21px !important;
            padding-bottom: 0 !important;
        }
    }

    footer {
        padding-bottom: 42px;

        .faq-inner {
            max-width: 711px;

            .accordion-box {
                border-radius: 3px;
                padding: 1.5px;
            }

            .accordion-title {
                padding: 10px 15px;
                border-radius: 3px 3px 0 0 !important;
                font-size: 15px !important;
            }

            .accordion-title::after {
                width: 12px;
                height: 12px;
                min-width: 12px;
            }

            .accordion-content {
                padding: 14px;
                font-size: 12px;
            }
        }

        .footer-logo {
            img {
                width: 100%;
                max-width: 218px;
            }
        }

        .content {
            padding-right: 0 !important;
            padding-bottom: 8px !important;
        }

        .phone {
            padding-bottom: 0 !important;
        }

        .content,
        .phone,
        .email,
        .footer-link {
            font-size: 13px;
            line-height: 18px;
        }

        .link-title,
        .follow-us,
        .contact-info,
        .contact-us,
        .input-box,
        .form-check.mb-4 {
            margin-bottom: 18px !important;
        }

        .footer-link-box {
            gap: 9px;

            &.pb-3 {
                padding-bottom: 8px !important;
            }
        }

        .social-icon {
            gap: 7px;

            a {
                svg {
                    width: 18px;
                    height: 18px;
                }
            }
        }

        .dark-input {
            font-size: 12px;
            line-height: 16px;
            padding: 6.5px 11px !important;
            border-radius: 2px;
        }

        .g-10,
        .gx-10 {
            --bs-gutter-x: 7px;
        }

        .g-10,
        .gy-10 {
            --bs-gutter-y: 7px;
        }

        .form-check {
            gap: 9px !important;

            .form-check-label {
                font-size: 11px;
                line-height: 15px;
            }

            .form-check-input.dark-check {
                width: 10px;
                height: 10px;
                border-radius: 1px;
                border-width: 1px;
                margin-top: 2.5px !important;
            }

            &.pb-1 {
                padding-bottom: 0 !important;
            }
        }

        .footer-copyright {
            font-size: 13px;
            line-height: 18px;
            padding-top: 20px;
            margin-top: 27px;

            .copyright-links {
                gap: 4px !important;
            }
        }
    }

    .product-banner {
        .product-bread {
            gap: 7.5px !important;
            padding-bottom: 0 !important;
        }

        h2 {
            font-size: 24px !important;
            line-height: 98.7% !important;
            margin-bottom: 16px !important;
        }

        p {
            padding-bottom: 4px !important;
            line-height: 25.5px !important;
        }

        .action {
            padding-bottom: 0 !important;
        }

        .info {
            font-size: 12px;
            line-height: 16px;

            svg {
                width: 12px;
                height: 12px;
            }
        }

        .product-nav {
            gap: 11.25px !important;

            svg {
                width: 27px;
                height: 27px;
            }
        }
    }

    .product-overview {
        .product-overview-nav {
            padding-block: 38px 24px;

            .nav {
                column-gap: 60px;
            }
        }

        & .product-overview-tab-content {
            .tab-title {
                padding-bottom: 0 !important;
            }

            .spec-grid {
                row-gap: 33px;

                .spec-item {
                    &:not(:nth-child(5n)) {
                        padding-inline-end: 48px;
                    }

                    &:not(:nth-last-child(-n + 4)) {
                        padding-block-end: 24px;
                    }

                    .icon {
                        svg {
                            width: 42px;
                            height: 42px;
                        }
                    }

                    .value {
                        font-size: 22px !important;
                        line-height: 26px !important;
                    }
                }
            }
        }
    }

    .key-features {
        padding-block: 96px 72px;

        .features-card {
            border-radius: 9px;
            padding: 42px 36px;

            .features-title {
                padding-inline-start: 12px !important;

                .text-muted {
                    font-size: 18px !important;
                    line-height: 98.7%;
                }

                h3 {
                    font-size: 30px !important;
                    line-height: 98.7% !important;
                }
            }

            ul {
                padding-top: 6px !important;
                gap: 38px !important;

                li {
                    gap: 12px !important;

                    .features-image {
                        width: 92px;
                        height: 81px;
                    }

                    h4 {
                        font-size: 22px !important;
                        line-height: 26px;
                    }

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

    .compare-model {
        padding-block: 44px;

        .display-5 {
            padding-bottom: 6px !important;
        }

        .compare-box {
            border-radius: 9px;

            .specification-title {
                font-size: 20px;
                line-height: 24px;
                padding: 20px 25px;
                min-height: 92px;
            }

            .compare-header,
            .compare-select {
                padding: 20px 25px;
                min-height: 92px;
            }

            .compare-header {
                img {
                    width: 56px;
                    height: 52px;
                }

                .tractor-name {
                    font-size: 20px;
                    line-height: 24px;
                    margin-bottom: 2px;
                }

                .tractor-detail {
                    font-size: 16px;
                    line-height: 22px;
                }

                .close-btn {
                    svg {
                        width: 18px;
                        height: 18px;
                    }
                }
            }

            .form-select {
                border-radius: 6px;
                font-size: 16px;
                line-height: 19px;
                min-height: 36px;
            }

            .spec-label {
                padding: 13.5px 22.5px;
                min-height: 51px;
                font-size: 16px;
                line-height: 19px;
            }

            .compare-value {
                min-height: 51px;
                padding: 14.5px 14.5px 14.5px 90px;
                font-size: 16px;
                line-height: 22px;
            }
        }
    }

    .why-eicher-banner {
        .container {
            padding-block: 176px 26px;

            h2 {
                font-size: 18px !important;
                line-height: 25px !important;
                padding-bottom: 6px !important;
            }

            .stats-wrapper {
                padding: 17px 50px;

                .stat-item {
                    gap: 18px !important;

                    .icon {
                        svg {
                            width: 28px;
                            height: 28px;
                        }
                    }

                    .content {
                        h3 {
                            font-size: 24px !important;
                            line-height: 115%;
                        }

                        p {
                            font-size: 18px !important;
                            line-height: 115%;
                        }
                    }
                }

                sub {
                    font-size: 12px;
                    line-height: 14px;
                    letter-spacing: 0.52px;
                }
            }
        }
    }

    .about-eicher {
        .section-desc {
            padding-right: 8px !important;
            padding-bottom: 9px !important;
            line-height: 25px !important;
        }

        .about-counter {
            .counter-item {
                .icon {
                    svg {
                        width: 24px;
                        height: 24px;
                    }
                }

                .counter-title {
                    font-size: 24px !important;
                }

                .counter-desc {
                    font-size: 18px !important;
                }

                &:not(:last-child) {
                    padding-inline-end: 41.25px;
                    margin-inline-end: 41.25px;
                }

                sub {
                    font-size: 12px;
                    line-height: 14px;
                    letter-spacing: 0.52px;
                }
            }
        }
    }

    .about-tmtl {
        padding-block: 78px;

        .about-tmtl-img {
            padding: 2.25px;
            border-radius: 15px;
            max-width: 501px;
        }

        .section-desc {
            line-height: 25px !important
        }
    }

    .power-gen {
        padding-block: 69px;

        .power-gen-head {
            max-width: 526px;
            margin-bottom: 42px;

            .gen-desc {
                font-size: 18px;
                line-height: 24px;
            }
        }

        .swiper-nav-wrapper {
            .power-gen-swiper {
                .gen-box {
                    border-radius: 9px;

                    .gen-box-top {
                        padding: 18px 26px 14px;

                        .icon {
                            svg {
                                width: 22px;
                                height: 22px;
                            }

                            margin-bottom: 12px;
                        }

                        .year {
                            font-size: 28px;
                            line-height: 34px;
                            margin-bottom: 10px;
                        }

                        .content {
                            font-size: 16px;
                            line-height: 18px;
                            min-height: 91px;
                        }
                    }

                    .gen-box-img {
                        height: 172px;
                        border-radius: 7.5px;
                        padding: 2.5px;
                    }
                }

                .power-gen-slide {
                    &:not(:last-child) {
                        &::after {
                            top: 30px;
                        }
                    }

                    .gen-box {
                        &::after {
                            top: 30px;
                        }
                    }
                }
            }
        }
    }

    .legacy-excellence {
        padding-block: 100px;

        .legacy-left {
            padding-inline-end: 80px;

            .legacy-desc {
                font-size: 16px;
                line-height: 24.8px;
            }
        }

        .legacy-box {
            gap: 24px;

            .card-item {
                border-radius: 9px;
                padding: 42px 34.5px;

                svg {
                    width: 60px;
                    height: 60px;
                }

                .value {
                    font-size: 26px !important;
                    line-height: 24.8px;
                }

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

    .global-standards {
        padding-block: 153px;

        .standards-left {
            padding-inline-end: 60px;

            .standards-desc {
                font-size: 16px;
                line-height: 24.8px;
            }
        }

        .iso-wrapper {
            gap: 24px;

            .iso-box {
                img {
                    border-radius: 9px;
                }

                .iso-label {
                    border-radius: 0.95px;
                    padding: 6px 14px;
                    font-size: 16px;
                    line-height: 22px;
                    transform: skewX(-6deg);
                    margin-top: -14px;

                    span {
                        transform: skewX(6deg);
                    }
                }
            }
        }
    }

    .testimonial {
        .container {
            gap: 78px;
        }

        .left-content {
            max-width: 320px;

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

        .testimonial-swiper-wrapper {
            gap: 12px !important;

            .testimonial-swiper-inner {
                .testimonial-swiper {
                    .card-box {
                        padding: 24px;
                        gap: 42px;
                        border-radius: 6px;

                        .quote-icon {
                            width: 45px;
                            height: 45px;
                            margin-bottom: 18px !important;
                        }

                        .content {
                            font-size: 20px !important;
                        }

                        .auther-detail {
                            img {
                                width: 67.5px;
                                height: 67.5px;
                            }

                            .auther-detail-right {
                                h4 {
                                    font-size: 22px;
                                }

                                span {
                                    font-size: 20px;
                                }
                            }
                        }
                    }

                    .testimonial-pagination {
                        margin-top: 44px;

                        .swiper-pagination-bullet {
                            margin: 0 9px;
                            width: 37.5px;
                            height: 3.75px;
                        }
                    }
                }

                &::after {
                    bottom: -37px;
                    width: 290px;
                    height: 74px;
                    filter: blur(153.75px);
                }
            }

            .testimonial-next,
            .testimonial-prev {
                svg {
                    width: 33px;
                    height: 33px;
                }
            }
        }
    }

    .performance-banner {
        .performance-inner {
            .performance-left {
                max-width: 524px;

                .subtitle {
                    font-size: 18px;
                    margin-bottom: 18px !important;
                }
            }

            .performance-right {
                max-width: 450px;

                .form {
                    padding: 30px;
                    border-radius: 6px;
                    margin-top: 90px;

                    h2 {
                        font-size: 24px;
                        line-height: 98.7% !important;
                        padding-bottom: 0 !important;
                    }

                    .g-4,
                    .gy-4 {
                        --bs-gutter-y: 18px;
                    }

                    .g-4,
                    .gx-4 {
                        --bs-gutter-x: 18px;
                    }

                    .form-label {
                        font-size: 16px;
                        line-height: 1;
                    }

                    .form-control,
                    .form-select {
                        font-size: 13px;
                        line-height: 18px;
                        padding: 8px 12px;
                        border-radius: 4.5px;
                    }

                    .form-select {
                        background-size: 12px;
                    }

                    .form-check-input {
                        width: 10px;
                        height: 10px;
                    }

                    .form-check-label {
                        font-size: 10px;
                        line-height: 14px;
                    }

                    .terms-box {
                        gap: 9px !important;
                    }

                    .submit-btn {
                        margin-top: 0 !important;
                    }
                }
            }
        }
    }

    .contact-help {
        padding-block: 169px 109px;

        .subtitle {
            font-size: 16px;
            line-height: 24.8px;
            margin-bottom: 46px;
            max-width: 540px;
        }

        .contact-box {
            padding-block: 18px;

            .icon {
                margin-bottom: 21px;

                svg {
                    width: 40px;
                    height: 40px;
                }
            }

            h5 {
                font-size: 22px;
                line-height: 26px;
            }

            p,
            a {
                font-size: 16px;
                line-height: 22px;
            }
        }
    }

    .listing-wrapper {
        padding-block: 60px;

        .listing-header {
            margin-bottom: 34px;

            .header-right {
                .tractor-type {
                    gap: 12px !important;

                    .form-control-box {
                        padding: 12px;
                        border-radius: 9px;

                        .form-check-input {
                            border: 1px solid var(--black);
                            border-radius: 1.5px;
                            width: 13.5px;
                            height: 13.5px;

                            &:checked {
                                background-size: 7.5px;
                            }
                        }

                        .form-check-label {
                            font-size: 15px;
                            line-height: 19px;
                        }
                    }
                }

                .hp-range {
                    max-width: 280px;
                    padding-inline: 30px;
                    margin-inline: 30px;

                    .range-label {
                        font-size: 16px;
                        line-height: 11px;
                        margin-bottom: 16px;
                    }

                    .range-slider {
                        height: 9px;
                        margin-bottom: 24px;

                        .range-dot {
                            width: 15px;
                            height: 15px;

                            .dot-label {
                                font-size: 12px;
                                line-height: 9px;
                                top: calc(100% + 12px);
                            }
                        }
                    }
                }

                .dropdown {
                    max-width: 240px;

                    .all-models {
                        padding: 10px 12px 8px;
                        border-radius: 9px;
                        font-size: 18px;
                        line-height: 22px;

                        svg {
                            width: 12px;
                            height: auto;
                        }
                    }

                    .dropdown-menu {
                        gap: 4px;
                        font-size: 18px;
                        line-height: 22px;
                        padding: 4px;
                        border-radius: 9px;
                        margin: 4px 0 !important;

                        .dropdown-item {
                            padding: 7px 10px;
                            border-radius: 6px;
                        }
                    }
                }
            }
        }

        .listing-list {
            .listing-card {
                border-radius: 12px;
                padding: 1px;

                .listing-img {
                    border-radius: 9px;
                    aspect-ratio: 362/230;
                }

                .listing-content {
                    padding: 11px;

                    .title {
                        font-size: 22px;
                        line-height: 15px;
                        padding: 11px;
                        border-radius: 12px;
                        margin-bottom: 9px;
                    }

                    .content {
                        font-size: 15px;
                        line-height: 18px;
                        margin-bottom: 22px;
                        min-height: 36px;
                    }

                    .info {
                        font-size: 18px;
                        line-height: 12px;
                        margin-bottom: 22px;
                        gap: 18px !important;

                        >div {
                            gap: 8px !important;

                            svg {
                                width: 18px;
                                height: 18px;
                            }
                        }
                    }
                }
            }

            .load-more {
                margin-top: 42px;
            }
        }
    }
}

@media (max-width: 1399.98px) {

    .g-70,
    .gx-70 {
        --bs-gutter-x: 24px;
    }

    .g-70,
    .gy-70 {
        --bs-gutter-y: 24px;
    }

    .g-92,
    .gx-92 {
        --bs-gutter-x: 48px;
    }

    .g-92,
    .gy-92 {
        --bs-gutter-y: 48px;
    }

    .main-header {
        .navbar {
            .navbar-nav {
                gap: 45px;
            }

            .header-right {
                padding-inline-start: 30px;
                margin-inline-start: 30px;
            }
        }
    }

    .mega-menu {
        transform: translateX(-56.4%);
    }

    .hero-banner {
        .hero-swiper {
            .swiper-pagination {
                bottom: 280px;
            }
        }
    }

    .find-tractor {
        margin-top: -214px;
    }

    .product-overview {
        & .product-overview-tab-content {
            .tab-title {
                margin-bottom: 16px !important;
            }

            & .spec-grid {
                & .spec-item {
                    &:not(:nth-child(5n)) {
                        padding-inline-end: 38px;
                    }

                    &:not(:nth-last-child(-n + 4)) {
                        padding-block-end: 16px;
                    }

                    & .icon {
                        svg {
                            width: 32px;
                            height: 32px;
                        }
                    }

                    .label {
                        margin-bottom: 0 !important;
                    }
                }
            }
        }
    }

    .performance-banner {
        .performance-inner {
            .performance-left {
                max-width: 350px;
            }

            .performance-right {
                max-width: 600px;
            }
        }
    }
}

@media (max-width: 1199.98px) {
    .mega-menu {
        width: auto;
        transform: none;
        margin-top: 14px !important;
        background-color: rgba(255, 255, 255, 0.52) !important;
        backdrop-filter: unset !important;
    }

    .main-header {
        .navbar {

            .navbar-toggler {
                &:focus {
                    box-shadow: none;
                }

                &:focus-visible {
                    outline: auto;
                }
            }

            .navbar-collapse {
                position: fixed;
                left: calc(-100% - 166.14px);
                top: -19px;
                width: calc(100% + 110.76px);
                height: 100svh;
                background-color: rgba(255, 255, 255, 0.52);
                backdrop-filter: blur(45px);
                padding: 24px 16px;
                overflow: auto;
                display: block !important;
                transition: 0.3s all ease-in-out;

                &.show {
                    left: -54.38px;
                }

                &::-webkit-scrollbar {
                    display: none;
                }

                .navbar-nav {
                    gap: 20px;
                    padding: 8px 0 0;
                    margin: 0;
                }

                .header-right {
                    align-self: flex-start;
                    gap: 20px !important;
                    padding-top: 20px;
                    margin-top: 20px;
                    border-top: 1px solid rgba(255, 255, 255, 0.48);
                    border-left: none;
                    padding-inline-start: 0;
                    margin-inline-start: 0;

                    .dropdown {
                        .dropdown-btn {
                            font-weight: 600 !important;
                        }

                        .dropdown-menu {
                            position: static;
                            margin-top: 10px !important;
                            transform: none;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .hero-banner {
        .hero-swiper {
            .content {
                padding-block: 160px;
            }

            .swiper-pagination {
                bottom: 110px;
            }
        }
    }

    .find-tractor {
        margin-block: 50px;

        .find-tractor-head {
            color: var(--bs-body-color);
        }
    }

    .key-features {
        padding-block: 60px;

        .features-card {
            padding: 28px 22px;

            .features-title {
                .text-muted {
                    font-size: 16px !important;
                }

                h3 {
                    font-size: 26px !important;
                }
            }

            ul {
                gap: 24px !important;

                li {
                    .features-image {
                        width: 70px;
                        height: 62px;
                    }
                }
            }
        }
    }

    .compare-model {
        .compare-box {
            overflow-x: auto;
        }

        .compare-table {
            min-width: 1100px;
        }
    }

    .why-eicher-banner {
        .container {
            padding-block: 150px 26px;
        }
    }

    .power-gen {

        .power-gen-head {
            max-width: 100%;
            margin-bottom: 20px;

            .gen-title {
                margin-bottom: 0 !important;
            }
        }

        & .swiper-nav-wrapper {
            & .power-gen-swiper {
                & .gen-box {
                    & .gen-box-top {
                        .content {
                            min-height: 61px;
                        }
                    }

                    .gen-box-img {
                        height: 150px;
                    }
                }
            }
        }
    }

    .legacy-excellence {
        .legacy-left {
            padding-inline-end: 0;
        }
    }

    .global-standards {
        padding-block: 100px;

        .standards-left {
            padding-inline-end: 0;
        }
    }

    .testimonial {
        .container {
            gap: 30px;
        }
    }
}

@media (max-width: 991.98px) {

    .g-92,
    .gx-92 {
        --bs-gutter-x: 24px;
    }

    .g-92,
    .gy-92 {
        --bs-gutter-y: 24px;
    }

    .g-40,
    .gy-40 {
        --bs-gutter-y: 24px;
    }

    .g-40,
    .gx-40 {
        --bs-gutter-x: 24px;
    }

    .aspect-ratio-common,
    .faq-banner {
        aspect-ratio: unset;
    }

    .main-header {
        width: calc(100% - 24px);
        top: 12px;

        .navbar {

            .navbar-collapse {
                left: calc(-100% - 42px);
                top: -13px;
                width: calc(100% + 28px);

                &.show {
                    left: -14px;
                }
            }
        }
    }

    .hero-banner {
        .hero-swiper {
            aspect-ratio: unset;

            .hero-slide {
                height: 640px;

                img {
                    height: 100%;
                    object-position: 60%;
                }
            }
        }
    }

    .find-tractor {
        .find-card {
            .card-content {
                padding: 20px 16px !important;

                .subtitle {
                    margin-bottom: 12px !important;
                }

                .btn {
                    margin-bottom: 0;
                }
            }
        }
    }

    .showcase {
        .container {
            padding-block: 32px 16px;
            gap: 274px;
        }

        .subtitle {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 12px !important;
            letter-spacing: 0.14em;
        }

        .title {
            line-height: 120%;
            margin-bottom: 13px !important;
        }

        .glass-bar {
            padding: 16px;
            border-radius: 7px;
            gap: 16px !important;

            .glass-bar-col {
                min-width: 122px;

                .value {
                    font-size: 16px;
                    line-height: 19px;

                    sub {
                        font-size: 8px;
                        line-height: 10px;
                        letter-spacing: 0.52px;
                    }
                }

                .label {
                    font-size: 12px;
                    line-height: 16px;
                }
            }
        }
    }

    .year-strength {
        padding: 0 0 50px;
    }

    .faq-banner {
        background-position: 75% center !important;
        background-repeat: no-repeat !important;

        .container {
            position: relative;
            z-index: 1;
        }

        &::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.40);
        }
    }

    .listing-banner {
        height: 640px;
        background-position: 65% !important;
    }

    .product-overview {
        & .product-overview-tab-content {
            .tab-title {
                margin-bottom: 36px !important;
            }

            .spec-grid {
                grid-template-columns: repeat(3, 1fr);
                row-gap: 20px;

                & .spec-item {
                    &:not(:nth-child(5n)) {
                        padding-inline-end: 0;
                    }

                    &:not(:nth-child(3n)) {
                        padding-inline-end: 38px;
                    }

                    &:not(:nth-last-child(-n + 2)) {
                        border-bottom: 1px dashed rgba(255, 255, 255, 0.22);
                        padding-block-end: 16px;
                    }

                    .label {
                        margin-bottom: 8px !important;
                    }
                }
            }
        }
    }

    .key-features {
        background-position: 16% !important;
    }

    .why-eicher-banner {
        height: 640px;

        .container {
            .stats-wrapper {
                display: grid !important;
                grid-template-columns: repeat(3, 1fr);

                .divider {
                    text-align: center;

                    &:nth-child(4) {
                        display: none;
                    }
                }

                sub {
                    font-size: 8px;
                    line-height: 10px;
                    letter-spacing: 0.52px;
                }
            }
        }
    }

    .about-eicher {
        .about-counter {
            .counter-item {
                sub {
                    font-size: 8px;
                    line-height: 10px;
                    letter-spacing: 0.52px;
                }
            }
        }
    }

    .about-tmtl {
        padding-block: 50px;
    }

    .power-gen {
        height: 640px;
        padding-block: 50px;

        .container {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
        }

        .power-gen-head {
            margin-bottom: 30px;
        }

        & .swiper-nav-wrapper {
            & .power-gen-swiper {
                & .gen-box {
                    & .gen-box-top {
                        .content {
                            font-size: 12px;
                        }
                    }
                }
            }
        }
    }

    .global-standards {
        padding-block: 60px;
    }

    .testimonial {
        padding-block: 60px;

        .left-content {
            max-width: 100%;

        }

        & .testimonial-swiper-wrapper {

            & .testimonial-next,
            & .testimonial-prev {
                display: none;
            }
        }
    }

    .performance-banner {
        padding-block: 130px 60px;

        & .performance-inner {
            .performance-left {
                max-width: 100%;

                .subtitle {
                    margin-bottom: 10px !important;
                }
            }

            & .performance-right {
                .form {
                    padding: 20px;
                    margin-top: 0;
                }
            }
        }
    }

    .contact-help {
        padding-block: 80px 80px;

        & .row {
            &>div {
                &:nth-child(2) {
                    border-inline-end: none;
                }
            }
        }

        .contact-box {
            padding-block: 18px;
        }
    }
}

@media (max-width: 767.98px) {
    .btn {
        padding: 12px 16px;
        font-size: 16px;
    }

    .heading-1 {
        font-size: 40px;
    }

    .display-5 {
        font-size: 30px;
        line-height: 32px;
    }

    .mega-menu {
        padding: 8px;
        border-radius: 8px !important;

        .dropdown-item {
            padding: 8px 24px 8px 12px;
            gap: 10px !important;

            .item-content {
                .menu-name {
                    font-size: 14px;
                    line-height: 17px;
                    margin-bottom: 0 !important;
                }
            }

            .item-image {
                min-width: 180px;
                max-width: 180px;
            }
        }
    }

    .hero-banner {
        .hero-swiper {
            .content {
                padding-top: 160px;

                .subtitle {
                    font-size: 14px;
                }
            }

            .swiper-pagination {
                bottom: 180px;

                .swiper-pagination-bullet {
                    width: 30px;
                    margin: 0 3.5px;
                }
            }
        }
    }

    .product-banner {
        .product-swiper {
            overflow: unset;
        }

        .product-nav {
            gap: 5px !important;
            bottom: -24px !important;
        }
    }

    .product-overview {
        & .product-overview-nav {
            padding-block: 30px;

            .nav {
                column-gap: 30px;
            }
        }
    }

    .compare-model {
        .compare-box {

            .compare-header,
            .compare-select {
                padding: 14px 10px;
            }

            .compare-header {
                .tractor-name {
                    font-size: 18px;
                }

                .tractor-detail {
                    font-size: 14px;
                    line-height: 20px;
                    gap: 8px !important;
                }
            }

            .compare-value {
                padding: 14px 14px 14px 75px;
                /* justify-content: center; */
            }
        }

        .compare-table {
            min-width: 900px;
        }
    }

    .about-eicher {
        & .about-counter {
            & .counter-item {
                &:not(:last-child) {
                    padding-inline-end: 30px;
                    margin-inline-end: 30px;
                }
            }
        }
    }

    .power-gen {
        & .power-gen-head {
            .gen-title {
                margin-bottom: 6px !important;
            }

            .gen-desc {
                font-size: 16px;
                line-height: 20px;
            }
        }
    }

    .legacy-excellence {
        padding-block: 60px;
    }

    .global-standards {
        background-size: auto 80% !important;
        background-position: center 110% !important;

        & .standards-left {
            .standards-desc {
                font-size: 14px;
                line-height: 140%;
            }
        }

        .iso-wrapper {
            overflow-x: auto;
            gap: 14px;
            margin-block: 40px;
            scrollbar-width: none;
            -ms-overflow-style: none;

            &::-webkit-scrollbar {
                display: none;
            }

            .iso-box {
                min-width: 226px;
            }
        }
    }

    .listing-wrapper {
        padding-block: 40px;

        & .listing-header {
            & .header-right {
                .hp-range {
                    padding-inline: 0;
                    margin-inline: 0;
                    border-inline: none;
                }
            }
        }
    }

    .listing-wrapper {
        & .listing-list {
            & .listing-card {
                & .listing-content {
                    .content {
                        min-height: unset;
                    }
                }
            }
        }
    }
}

@media (max-width: 575.98px) {
    .mega-menu {
        .dropdown-item {
            .item-image {
                margin-inline: 20px !important;
                min-width: 80px;
                max-width: 80px;
            }

            .item-icon {
                display: flex;

                svg {
                    width: 7px;
                }
            }
        }
    }

    .main-header {
        & .navbar {
            & .logo-main {
                img {
                    max-width: 180px;
                }
            }
        }
    }

    .hero-banner {
        & .hero-swiper {
            .hero-slide {
                &::before {
                    content: "";
                    position: absolute;
                    right: 16px;
                    top: 90px;
                    width: 70px;
                    height: 68px;
                    background-image: url(../images/66label.png);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-color: rgba(255, 255, 255, 0.2);
                    box-shadow: 0px 2.23404px 6.32979px rgba(0, 0, 0, 0.08);
                    backdrop-filter: blur(3.53723px);
                    border-radius: 6px;
                    border: 1px solid rgba(255, 255, 255, 0.2);
                }
            }
        }
    }

    .product-overview {
        & .product-overview-tab-content {
            padding-block: 60px;

            .spec-grid {
                grid-template-columns: repeat(2, 1fr);

                & .spec-item {
                    &:not(:nth-child(3n)) {
                        padding-inline-end: 0;
                    }

                    &:not(:nth-child(2n)) {
                        padding-inline-end: 20px;
                    }

                    &:not(:nth-last-child(-n + 2)) {
                        border-bottom: 1px dashed rgba(255, 255, 255, 0.22);
                    }
                }
            }
        }
    }

    .why-eicher-banner {
        .container {
            padding-block: 162px 16px;

            h2 {
                font-size: 14px !important;
                line-height: 19px !important;
            }

            .stats-wrapper {
                padding: 16px;
                grid-template-columns: 1fr 1fr;

                .stat-item {
                    gap: 12px !important;

                    & .icon {
                        display: flex;

                        svg {
                            width: 16px;
                            height: 16px;
                        }
                    }

                    .content {
                        h3 {
                            font-size: 16px !important;
                            line-height: 19px;
                            margin-bottom: 0 !important;
                        }

                        p {
                            font-size: 12px !important;
                            line-height: 16px;
                        }
                    }
                }

                .divider {
                    display: none;
                }
            }
        }
    }

    .about-eicher {
        & .about-counter {
            & .counter-item {
                &:not(:last-child) {
                    padding-inline-end: 0;
                    margin-inline-end: 0;
                    border-inline-end: none;
                }
            }
        }
    }

    .power-gen {
        padding-block: 40px 24px;

        .power-gen-head {
            max-width: 526px;
            margin-bottom: 42px;

            .gen-desc {
                font-size: 14px;
                line-height: 19px;
                max-width: 345px;
            }
        }
    }

    .legacy-excellence {
        .legacy-box {
            gap: 12px;

            .card-item {
                padding: 20px;

                svg {
                    width: 50px;
                    height: 50px;
                }

                .value {
                    font-size: 18px !important;
                    line-height: 22px;
                }

                p {
                    font-size: 13px;
                    line-height: 14px;
                }
            }
        }
    }

    .testimonial {
        & .testimonial-swiper-wrapper {

            & .testimonial-swiper-inner {
                & .testimonial-swiper {
                    & .card-box {
                        padding: 16px;
                        gap: 20px;

                        .quote-icon {
                            width: 30px;
                            height: 30px;
                            margin-bottom: 10px !important;
                        }

                        .content {
                            font-size: 16px !important;
                        }

                        & .auther-detail {
                            img {
                                width: 50px;
                                height: 50px;
                            }

                            & .auther-detail-right {
                                h4 {
                                    font-size: 18px;
                                }

                                span {
                                    font-size: 16px;
                                }
                            }
                        }
                    }

                    .testimonial-pagination {
                        margin-top: 20px;
                    }
                }
            }
        }
    }

    .contact-help {
        padding-block: 60px 34px;

        .subtitle {
            font-size: 14px;
            line-height: 140%;
            margin-bottom: 20px;
        }

        & .contact-box {
            padding-block: 0 24px;

            & .icon {
                margin-bottom: 16px;

                svg {
                    width: 32px;
                    height: 32px;
                }
            }

            h5 {
                font-size: 20px;
            }
        }

        & .row {
            &>div {
                &:not(:last-child) {
                    border-inline-end: none;
                    border-block-end: 1px solid rgba(255, 255, 255, 0.14);
                }
            }
        }
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .main-header {
        .navbar {
            .header-right {
                .select-country {
                    .mobile-show {
                        display: inline-block !important;
                    }

                    .desktop-show {
                        display: none !important;
                    }
                }
            }
        }
    }

    .desktop-middle {
        font-size: clamp(10px, 1.5vw, 13px) !important;
        line-height: 1.5 !important;

        h3 {
            font-size: clamp(10px, 2.5vw, 20px) !important;
            line-height: 1.5 !important;
        }

        p {
            font-size: clamp(10px, 1.5vw, 13px) !important;
            line-height: 1.5 !important;
        }
    }

    .power-meets {
        ul {
            margin-bottom: 10px !important;

            .glass-card {
                padding: 10px;

                .icon-circle {
                    width: 55px;
                    height: 55px;
                    padding: 14px;
                }

                h3 {
                    margin-bottom: 0;
                }
            }
        }
    }

    .faq-banner {
        padding: 30px 0;

        p {
            margin-bottom: 10px !important;
        }
    }

    footer {
        padding-bottom: 26px;

        .content {
            margin-bottom: 6px !important;
        }

        & .footer-link-box {
            &.pb-3 {
                margin-bottom: 0 !important;
            }
        }

        .footer-logo {
            margin-bottom: 12px !important;
        }

        .link-title,
        .follow-us,
        .contact-info,
        .contact-us,
        .input-box,
        .form-check.mb-4 {
            margin-bottom: 12px !important;
        }

        .phone {
            margin-bottom: 0 !important;
        }

        .dark-input {
            font-size: 11px;
            line-height: 1.5;
            padding: 4.5px 11px !important;
        }

        .form-check {
            min-height: unset;

            .form-check-label {
                font-size: 7px;
                line-height: 1.5;
            }

            .form-check-input.dark-check {
                margin-top: 0 !important;
            }
        }

        .footer-copyright {
            padding-top: 12px;
            margin-top: 20px;
        }
    }

    .performance-banner {
        .performance-inner {
            .performance-right {
                .form {
                    padding: 12px;

                    h2 {
                        font-size: 16px;
                        margin-bottom: 8px !important;
                    }

                    .g-4,
                    .gx-4 {
                        --bs-gutter-x: 6px;
                    }

                    .g-4,
                    .gy-4 {
                        --bs-gutter-y: 6px;
                    }

                    .form-label {
                        font-size: 12px;
                        line-height: 12px;
                    }

                    .form-control,
                    .form-select {
                        font-size: 12px;
                        line-height: 16px;
                        padding: 5px 10px;
                    }

                    .terms-box {
                        gap: 5px !important;

                        .form-control-box {
                            gap: 5px !important;

                            .form-check-input {
                                margin-top: 2.5px;
                            }
                        }
                    }

                    .submit-btn {
                        font-size: 12px;
                        padding: 8px 12px;
                    }
                }
            }
        }
    }

    .testimonial {
        & .testimonial-swiper-wrapper {
            & .testimonial-swiper-inner {
                & .testimonial-swiper {
                    & .card-box {
                        gap: 20px;

                        .quote-icon {
                            width: 30px;
                            height: 30px;
                            margin-bottom: 6px !important;
                        }

                        .content {
                            font-size: 14px !important;
                        }
                    }
                }
            }
        }
    }
}