@media screen and (min-width: 991px){
    .container-fluid {
        --bs-gutter-x: 100px;
    }
}
@media screen and (max-width: 1440px){
    .owl-carousel .owl-nav button.owl-prev{
        left: 0 !important;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: 0 !important;
    }
}
@media (max-width: 1024px){
    header .menu-main ul li a {
        padding: 12px !important;
        font-size: 13px;
    }
}

@media screen and (max-width: 767px){
    header .logo img{
        width: 100%;
    }

    .hero_carosel .desc h2{
        font-size: 20px;
    }

    .hero_carosel .desc{
        left: 0;
        width: 100%;
        bottom: 0;
        transform: initial;
        top: inherit;
        padding: 0 10px;
    }

    .mt--100{
        margin: 0;
    }

    .hero_carosel .desc p.carsl_cnt, .hero_carosel .desc .carsl_btn {
        display: none;
    }

    .hero-img{
        height: 300px;
    }

    .hero-img:before{
        height: 300px;
        box-shadow: inset 0px 0px 80px 25px rgb(17 19 25 / 51%);
    }

    .hero-img::after{
        display: none;
    }

    .hero_carosel.owl-carousel .owl-item img{
        height: 100%;
        object-fit: cover;
    }

    .hero_carosel.owl-theme .owl-dots{
        bottom: -30px;
    }

    header{
        position: inherit;
    }

    header .form-search-header form button.btn svg{
        width: 18px;
        height: 18px;
    }

    header .form-search-header form input{
        padding-right: 30px;
    }

    .box-film-carousel .owl-nav button.owl-prev{
        left: 10px
    }
    
    .box-film-carousel .owl-nav button.owl-next{
        right: 10px
    }

    .box-film .item .info h3{
        font-size: 14px;
    }

    .box-film .item .thumbnail img{
        height: 250px;
    }

    .video-wrap iframe{
        height: 300px;
    }
}