@media (max-width: 1200px) {
    .hero-carousel::after{
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar{
        box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.2);
    }
    .navbar .navbar-nav:before{
        content: none;
    }
    .navbar .nav-item:hover .nav-link,
    .navbar .nav-item.active .nav-link{
        color: #f4b334;
    }
    .navbar .navbar-nav{
        height: auto;
        align-items: self-start;
    }
    .second-level-menu{
        top: 90px;
    }
    .hero{
        padding-bottom: 0px;
    }
    .hero-dots, .hero-bg{
        display: none;
    }
    .hero-carousel .item{
        padding: 20px;
        height: auto;
    }
    footer h2{
        padding-top: 44px;
    }
    footer .social{
        margin-top: 0px;
    }
    .slider{
        margin-bottom: 44px;   
    }
    .slider.slider-for img{
        height: 100%;
    }
}

@media (max-width: 767.98px) {
    .hero .index{
        display: none;
    }
    .category-carousel img{
        height: 100%!important;
    }
    .big-img{
        height: 100% !important;
    }
}

@media (max-width: 576px) {
    .page-hero .innar h1{
        font-size: 38px;
    }
    .breadcrumb .breadcrumb-item{
        font-size: 18px;
    }
}

@media (min-width: 1200px){
    .container{
        max-width: 1173px;
    }
}

@media (min-width: 1430px) {}