@media(max-width:768px){
    html,
    body{
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    #hero .box{
        gap: 160px;
    }
    .hero-box{
        height: 650px;
        background-image: url('/assets/img/69d52af318e55_mob-hero.jpg');
    }
    h2,
    .about-text h3{
        font-size: 24px !important;
    }
    /*================================= HERO*/
    .info-hero{
        flex-direction: column;
    }
    .info-hero br{
        display: none;
    }
    h1{
        word-break: break-word;
        overflow-wrap: anywhere;
        hyphens: auto;
        font-size:24px;
    }
    #hero .hero-p-1{
        font-size: 14px;
    }
    /*================================= ABOUT*/
    #about{
        height: auto;
        padding: 80px 0;
    }
    .about-but{
        gap: 15px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .tab-btn.active{
        order: 2;
        grid-column: span 2;
    }
    .tab-btn{
        padding: 10px;
        font-size: 14px;
        width: 100%;
    }
    .tab-content img{
        width: 100%;
        height: auto;
        object-fit: cover;
        order: 2;
    }
    .next-tab{
        bottom: -50px;
    }
    .tab-content.active{
        flex-direction: column;
    }
    .about-media{
        width: 100% !important;
        height: auto !important;
        order: 2;
        min-width: auto;
        aspect-ratio: 16 / 9;
    }
    /*================================= PRODUCTS*/
    #products{
        height: auto;
        padding: 80px 0;
    }
    .products-list{
        grid-template-columns: 1fr;
    }
    .products{
        grid-column: span 2 !important
    }

    /*================================= REVIEWS*/
    #reviews{
        height: auto;
        padding: 80px 0;
    }
    .partner-list{
        grid-template-columns: 1fr 1fr;
        row-gap:20px !important;
    }
    .partners{
        grid-column: span 1 !important
    }
    .reviews-item {
        flex: 0 0 100%;
    }
    .partner-list {
        grid-template-columns: repeat(5, 1fr);
    }
    .partner-list li:nth-child(4n + 1){
        grid-column: 1 / 3 !important;
    }
    .partner-list li:nth-child(4n + 2){
        grid-column: 3 / 5 !important;
    }
    .partner-list li:nth-child(4n + 3){
        grid-column: 2 / 4 !important;
    }
    .partner-list li:nth-child(4n){
        grid-column: 4 / 6 !important;
    }
    .reviews-prev {
        left: -0px;
        height: 36px;
    }
    .reviews-next {
        right: -0px;
        height: 36px;
    }
    .reviews-item {
        padding: 20px 30px;
        flex-direction: column;
    }
    .reviews-prev, .reviews-next{
        top: 20%;
    }

    /*================================= INFO*/
    #info {
        height: auto;
        padding: 80px 0;
        grid-template-columns: 1fr;
    }
    #info p{
        font-size: 16px;
        line-height: 22px;
    }
    #info .box{
        grid-template-columns: 1fr;
    }
    /*================================= AGENTS*/
    #agents{
        height: auto;
        padding: 80px 0;
    }
    

    /*================================= FAQ*/
    #faq{
        height: auto;
        padding: 80px 0;
        grid-template-columns: 1fr;
        margin-top: 0;
    }
    details summary{font-size: 18px;}
}