/* ======================================
   Ouzir Hero Banner Responsive
====================================== */

.tp-slider-area{
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

.tp-slider-active-3,
.owl-stage-outer,
.owl-stage,
.owl-item{
    height:100% !important;
}

.tp-slider-item-3,
.tp-slider-height-3{
    height:clamp(250px,36vw,520px) !important;
    min-height:250px !important;
    margin:0 !important;
    padding:0 !important;
}

.tp-slider-thumb-3{
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

/* Laptop */
@media(max-width:1200px){
    .tp-slider-item-3,
    .tp-slider-height-3{
        height:450px !important;
    }
}

/* Tablet */
@media(max-width:991px){
    .tp-slider-item-3,
    .tp-slider-height-3{
        height:360px !important;
    }
}

/* Mobile */
@media(max-width:767px){
    .tp-slider-item-3,
    .tp-slider-height-3,
    .owl-stage,
    .owl-stage-outer,
    .owl-item{
        height:260px !important;
        min-height:260px !important;
    }

    .tp-slider-thumb-3{
        width:100% !important;
        height:100% !important;
        background-size:cover !important;
        background-repeat:no-repeat !important;

        /* এই মানটা 45%, 50%, 55% করে adjust করতে পারো */
        background-position:50% center !important;
    }
}

/* Small Mobile */
@media(max-width:480px){
    .tp-slider-item-3,
    .tp-slider-height-3,
    .owl-stage,
    .owl-stage-outer,
    .owl-item{
        height:220px !important;
        min-height:220px !important;
    }

    .tp-slider-thumb-3{
        width:100% !important;
        height:100% !important;
        background-size:cover !important;
        background-repeat:no-repeat !important;
        background-position:50% center !important;
    }
}