/* ==========================================
   1400
========================================== */

@media(max-width:1400px){

}

/* ==========================================
   1200
========================================== */

@media(max-width:1200px){
    .hero__right{transform:scale(.9);transform-origin:center right;margin-left:-24px}.hero__container{grid-template-columns:45% 55%}.hero__left>p{max-width:500px}
}

/* ==========================================
   992
========================================== */

@media(max-width:992px){

    section{

        padding:80px 0;

    }

    .hero{padding-top:122px!important}
    .hero__container{grid-template-columns:1fr}
    .hero__left{text-align:center}
    .hero__left>p,.hero__features,.hero__products{margin-left:auto;margin-right:auto}
    .hero__actions{justify-content:center}
    .hero__right{min-width:0;height:700px;transform:none;margin:26px auto 0}
    .hero h1{max-width:760px;margin-left:auto;margin-right:auto}

}

/* ==========================================
   768
========================================== */

@media(max-width:768px){

    h1{

        font-size:2.6rem;

    }

    h2{

        font-size:2rem;

    }

    .hero{padding-top:110px!important}.hero__container{display:block}.hero__left{padding:0}.hero h1{font-size:clamp(2.05rem,7.4vw,2.75rem);letter-spacing:-1.4px}.hero__left>p{font-size:14px;max-width:none}.hero__right{display:none}.hero__features{flex-wrap:wrap;gap:15px}.hero__features li{flex:1 1 40%;padding:0 10px!important;border:0}.hero__products{overflow:auto}.product{font-size:12px;padding:0 9px}

}

/* ==========================================
   576
========================================== */

@media(max-width:576px){

    .container{

        width:94%;

    }

    .hero__actions{flex-direction:column;align-items:stretch}.hero .btn{width:100%}.hero__products{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product:nth-child(2){border-right:0}.product{padding:4px}.hero__left{text-align:left}.hero__features{margin-left:0;margin-right:0}.hero h1{font-size:clamp(1.7rem,6.5vw,2.15rem);line-height:1.04;letter-spacing:-1.2px}

}

@media(max-width:768px){.product img{height:24px}.header__logo img{width:170px;height:48px}}