/* =========================================
   GLOBAL RESPONSIVE FIX
========================================= */

*{
    box-sizing:border-box;
}

img{
    max-width:100%;
    display:block;
}

/* =========================================
   HERO SLIDER FIX
========================================= */

.tihero-slider-wrap{
    width:100%;
    overflow:hidden;
    border-radius:0;
}

/* DESKTOP */

.tihero-slider{
    height:100vh;
}

/* LAPTOP */

@media(max-width:1400px){

    .tihero-slider{
        height:85vh;
    }

}

/* iPAD PRO / AIR */

@media(max-width:1024px){

    .tihero-slider{
        height:70vh;
    }

    .tihero-slide{
        padding:0;
    }

    .tihero-content{
        width:100%;
        text-align:center;
        padding:20px;
    }

    .tihero-buttons{
        justify-content:center;
        flex-wrap:wrap;
    }

    .tihero-content h1{
        font-size:42px;
        line-height:1.2;
    }

}

/* MOBILE */

@media(max-width:767px){

    .tihero-slider{
        height:42vh;
    }

    .tihero-content{
        padding:15px;
    }

    .tihero-content h1{
        font-size:28px;
    }

    .tihero-content p{
        font-size:14px;
        line-height:1.7;
    }

    .tihero-buttons{
        gap:10px;
    }

    .tibtn-primary,
    .tibtn-outline{
        padding:12px 18px;
        font-size:12px;
    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    .tihero-slider{
        height:34vh;
    }

}

/* =========================================
   HERO IMAGE FIX
========================================= */

.tihero-bg-image,
.tihero-bg-image img{
    width:100%;
    height:100%;
}

.tihero-bg-image img{
    object-fit:cover;
}

/* =========================================
   CATEGORY GRID
========================================= */

@media(max-width:991px){

    .tio-cat-grid{
        grid-template-columns:1fr 1fr;
        gap:16px;
    }

}

@media(max-width:576px){

    .tio-cat-grid{
        grid-template-columns:1fr;
    }

    .tio-cat-card{
        height:260px;
    }

}

/* =========================================
   ABOUT SECTION
========================================= */

@media(max-width:991px){

    .TiOro-about-section{
        padding:50px 0;
    }

    .TiOro-about-content{
        text-align:center;
        margin-top:30px;
    }

    .TiOro-about-content h2{
        font-size:36px;
    }

    .TiOro-about-features{
        grid-template-columns:1fr;
    }

}

/* =========================================
   BRAND SLIDER
========================================= */

@media(max-width:767px){

    .TiOro-brand-heading h2{
        font-size:28px;
    }

    .TiOro-brand-item{
        min-width:140px;
        height:80px;
    }

    .TiOro-brand-back h3{
        font-size:34px;
    }

}

/* =========================================
   NEWSLETTER
========================================= */

@media(max-width:991px){

    .TiOro-newsletter-box{
        flex-direction:column;
        text-align:center;
    }

    .TiOro-news-form-wrap{
        min-width:100%;
    }

}

@media(max-width:576px){

    .TiOro-news-content h2{
        font-size:26px;
    }

    .TiOro-news-form{
        flex-direction:column;
        border-radius:20px;
    }

    .TiOro-news-form input,
    .TiOro-news-form button{
        width:100%;
    }

}

/* =========================================
   PREVENT OVERFLOW
========================================= */

body{
    overflow-x:hidden;
}