@media (max-width:992px) {

    .menubar,
    .hamburger {
        display: none;
    }

    .cd-slider,
    .cd-slider ul li,
    .content-wrapper,
    .desktop-banner {
        height: 84.4vh;
    }

    .home_banner .slide-text blockquote {
        max-width: 100%;
        line-height: 30px;
    }

    .home_banner .container:not(.max-content, .max-content-sm, .max-content-md) {
        --bs-gutter-x: 0rem;
    }

    .product-thumb .wheel-box {
        margin-bottom: 0;
        text-align: center;
        display: ruby;
        position: relative;
        max-width: 240px;
        margin-left: 7rem;
    }

    .product-thumb .wheel-box::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -40px;
        width: 100%;
        left: 0;

    }

    .wheel_icon_img {
        margin-right: 8rem;
    }

    .product-thumb:hover .wheel-box::after {
        width: 80%;
    }

    .home_banner .slide-text {
        padding-bottom: 9em;
        padding-left: 3em;
        width: 100%;
        padding-right: 1rem;
    }

    .home_banner .line-top:after {
        width: .4em;
        height: 67%;
        background: linear-gradient(to bottom, var(--color-prime) 70%, var(--color-sec) 70%);
        top: 32px;

    }

    .slider_line .line-top {
        height: 300px;
    }

    .home_banner .swiper-navs {
        bottom: 9em;
        left: 12rem;
        right: inherit;
    }

    /*product css satart here*/
    .product-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.1em;
    }

    .product-thumb {
        padding: 1.5em 1em 1em;
        flex-direction: row;
        border-radius: 10px;
    }

    .section-title {
        font: var(--text-42);
        line-height: 30px;
    }

    .section-title:where(:not(:last-child)) {
        margin-bottom: .7em;
    }

    .product-thumb figure {
        margin-bottom: 0;
        width: 119px;
        margin-right: 2rem;
    }

    .product-thumb a img {
        width: 44px;
        /* height: 27px; */
        object-fit: contain;
        margin: 0;
        margin-right: 2rem;
    }

    .product-thumb h5 {
        margin-bottom: 0;
        text-align: left;
        row-gap: 1em;
        width: 100%;
        flex-grow: 1;
        justify-content: space-between;
        display: flex;
        align-items: baseline;
    }

    .product-thumb a {
        color: var(--color-sec);
        display: flex;
        align-items: center;
    }

    .product-thumb h5::after {
        content: '';
        width: 127px;
        height: 2px;
        position: absolute;
        bottom: 0;
        margin-left: -5rem;
    }

    .wheel-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wheel_icon_img {
        text-align: center;
        margin-bottom: 0;
        width: 5rem;
        margin-right: 8rem;
    }

    .process .section-heading {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5em;
        margin-bottom: 4rem;
    }

    .process {
        padding-block: 3.7rem 7rem;
    }

    .process .accordion {
        display: none;
    }

    .how_we_mobile {
        display: block;
    }

    .how_we_mobile li a {
        background: #0F1837 0% 0% no-repeat padding-box;
        opacity: 1;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        display: block;
        padding-inline: 2rem;
        padding-block: 1rem;
        color: #fff;
        margin-bottom: 1rem;
        font-size: 18px;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .m-icon {
        margin-block: 3rem 1rem;
    }

    .how_we_mobile img {
        border: 1px solid #fff;
    }

    .home-about .right-content {
        margin-left: 0;
        padding-block: 2em;
    }

    .home-about .container:not(.max-content, .max-content-sm, .max-content-md) {
        --bs-gutter-x: 0;
    }

    .home-about .right-content {
        padding-inline: 0;
        max-width: 100%;
    }



    .links a {
        font-size: 12px;
    }

    .people-inner .left-content {
        max-width: 100%;
        padding-block: 3.2em;
        position: relative;
        background: #fff;
        padding-inline: 2rem;
        margin: 0 2rem;
    }

    .people-inner>.row {
        translate: 0;
    }

    .people-inner {
        padding: 1.4em 0;
        overflow: hidden;
        background: none;
    }

    .our-people .container:not(.max-content, .max-content-sm, .max-content-md) {
        --bs-gutter-x: 0rem;
    }

    .people-inner .separator {
        position: relative;
        width: 120%;
        bottom: 0;
        left: 0;
        display: flex;
        translate: 0% 0%;
        margin-bottom: 1rem;
        margin-top: 2rem;
    }

    .people-inner .row .row>div:nth-last-child(-n + 2) {
        translate: 0;
    }

    .people-inner figure .figcaption::after,
    .people-inner figure .figcaption::before {
        display: none;
    }

    .people-inner figure .figcaption {
        position: static;
        translate: inherit;
        color: #000;
        padding-inline: 1rem 0;
        border-left: 2px solid #F6821F;
        padding-block: 0;
        margin-block: 1rem;
        min-height: 59px;
    }

    .people-inner .col-lg-5 {
        /* margin: 0 3rem; */
        padding-inline: 0rem;
    }

    article.our-people .swiper-wrapper {
        padding-left: 3rem;
        margin-top: 2rem;
    }

    .our-people {
        background: var(--color-light);
        padding-block: 1em 5em;
        overflow: hidden;
    }

    .home-about .separator {
        width: 93%;
    }

    .links {
        margin-inline: 2rem;
    }

    .new_home_link {
        border-bottom: 1px solid #ddd;
        padding-bottom: 4rem;
    }

    .home-about .highlights {
        border: 0px;
    }

    .sustainability .maxwidth {
        display: grid;
        grid-template-columns: auto;
        gap: 4px;
        background: var(--color-light);
        max-width: 900px;
    }

    .sustainability {
        background: var(--color-light);
    }

    article.sustainability .item:nth-child(1) {
        order: 3;
        display: none;
    }

    article.sustainability .item:nth-child(2) {
        order: 4;
        display: none;
    }

    article.sustainability .item:nth-child(3) {
        order: 1
    }

    article.sustainability .item:nth-child(4) {
        order: 5;
        display: none;
    }

    .sustainability .content {
        max-width: 100%;
        height: 100%;
        padding-inline: 3rem;
    }

    .sustainability .links {
        margin-inline: 0;
    }

    .update-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .news-thumb:nth-child(2) {
        display: block;
    }

    .news-thumb {
        display: none;
    }

    .updates .section-heading {
        flex-wrap: wrap;
    }

    .updates .link-icon {
        margin-top: 3rem;
    }

    .link-icon {
        border-radius: 0;
        width: 3.2rem;
        height: 3.2rem;
    }

    .news-thumb time {
        font-size: 36px;
    }

    .updates::before {
        inset: 0;
        top: 38em;
    }

    .mobile-sustain {
        display: flex;
        order: 4;
        margin-top: 6rem;
        gap: .5rem;
        margin-left: 1rem;
    }

    .simg-2 figure {
        height: 390px;
        margin-bottom: .5rem;
    }

    .simg-2 figure:last-child {
        margin: 0;
    }

    .home-about .section-title:after,
    .home-about .section-title:before {
        display: none;
    }

    .people-inner .links {
        margin-inline: 0px;
    }
}

@media (max-width: 991px) {
    .sustainability .maxwidth {
        max-width: 700px;
    }

    .simg-2 figure {
        height: 300px;
    }

    .home_banner .swiper-navs {
        left: 22rem;
    }

    .product-thumb .wheel-box::after {
        right: 16rem;
        width: 100%;
    }

    .wheel_icon_img {
        margin-right: 9rem;
    }



}



@media (max-width:1200px) {
    .process .accordion {
        display: none;
    }

    .how_we_mobile {
        display: block;
    }

    .how_we_mobile li a {
        background: #0F1837 0% 0% no-repeat padding-box;
        opacity: 1;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        display: block;
        padding-inline: 2rem;
        padding-block: 1rem;
        color: #fff;
        margin-bottom: 1rem;
        font-size: 18px;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .how_we_mobile li {
        color: #fff;
    }

    .m-icon {
        margin-block: 3rem 1rem;
    }

    .how_we_mobile img {
        border: 1px solid #fff;
    }

    .process .section-heading {
        margin-bottom: 4em;
    }

}

@media (max-width:1280px) {
    .home_banner .slide-text blockquote::after {
        display: none;
    }

}
@media (max-width:768px){
.home_banner .swiper-navs {
    left: 14%;
}
}
@media (max-width:767px) {

    .home_banner .swiper-navs {
        left: 7rem;
    }

    .slider_line .line-top {
        height: 240px;
    }

    .home-product {
        padding-block: 0 7em;
    }

    .people-inner .separator {
        margin-bottom: 0rem;
        margin-top: 2.3rem;
    }
    .our-people .section-title {
        font-size: 3rem;
        padding-right: 1.9rem;
    }
}

@media (max-width:575px) {

    .wheel_icon_img {
        margin-right: 1.3rem;
    }

    .product-thumb .wheel-box {
        text-align: left;
        margin-left: 1rem;
    }

    .product-thumb figure {
        margin-right: 1.5rem;
    }

    .product-thumb .wheel-box::after {
        bottom: -28px;
    }

    .home-product .section-heading {
        margin-bottom: 2.9rem;
    }

    .m-icon {
        display: block;
        position: relative;
        right: -15.5rem;
    }
    .process>.container {
         overflow-x: hidden;
    }
    .how_we_mobile li a {
        padding-inline: 2.5rem;
        padding-block: 2.7rem;
        margin-bottom: 1.4rem;
    }

    .process {
        padding-bottom: 12rem;
    }

    .home-about .section-title {
        font-size: 3.5rem;
    }

    .home-about .section-title::after,
    .home-about .section-title::before {
        position: absolute;
        content: "";
        height: 1px;
        width: 20px;
        background: #a3a0a0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }

    .home-about .section-title::after {
        right: -2rem;
    }

    .home-about .section-title::before {
        left: -2rem;
    }
    .updates::before {
        
        top: 22em;
    }
    .sustainability .content {
        margin-left: 0;
        margin-right: 0;
    }
       .slider_line .line-top {
    height: 170px;
}
.product-thumb .wheel-box h4 {
    letter-spacing: -0.15px;
}
}

@media (max-width:480px) {
.mobile-sustain { height: 303px;}
.simg-2 figure {height: 167px;}
.m-icon { right: -2.5rem;}
.home-about .section-title {font-size: 3.2rem;}
.home-about .stats-flex {text-align: left;}
.home-about .stats-flex h5 {font-size: 30px;line-height: 1.6;}
.home-about .stats-flex {align-items: flex-start;}
.home-about .stats-flex p {font-size: 16px;line-height: 1;}
.people-inner :is(.links, .section-heading) {margin-bottom: 2em;}
.home-about .stats-flex img {margin-bottom: 0.8rem;}
.im-hvr:hover {transform: scale(1);}
.sustainability p.text-mid {font-size: 16px;}
.sustainability .links {margin-block: 1em 2em;padding-top: 1.8em;}
.sustainability .content {position: relative;}
.sustainability .content:before {content: "";width: 100%;height: 0.9rem;background: url(../images/m-right-icon.svg) no-repeat;background-size: 80%;position: absolute;left: 30%;bottom: 14px;}
.section-title {font-size: 28px;}
.updates .link-icon {margin-top: 0rem;}
.updates::before {top: 28em;}
.news-thumb .thumb-details {padding: 1em 0rem;}

}

@media (max-width:360px) {
    .product-thumb figure {
        width: 80px;
    }

    .links {
        display: flex;
        column-gap: 1.8em;
    }

    .popup-container {
        padding-block: 2rem;
    }
    .product-thumb .wheel-box::after {
        bottom: -14px;
    }
}