@media(max-width:991px) {
    .mid-header {
        display: none;
    }
    .site-nav.style--sidebar {
        width: 100%;
    }
    .slide-content {
        top: 10%;
    }
    .box-image {
        top: 15%;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

@media(max-width:767px) {
    .swap-on-hover-front-image img {
        height: 165px;
    }
    .hero-slide .slider-img img {
        height: 280px;
        object-fit: cover;
    }
    .slide-content {
        top: auto;
        bottom: 10px;
    }
    .slide-content h2 {
        font-size: 20px;
    }
    .slide-content div>strong {
        font-size: 24px;
        line-height: 1;
    }
    .slide-content .description {
        font-size: 16px;
        line-height: 1;
    }
    .hero-slide .btn-one {
        background: #fff;
        color: #000;
    }
    .banner_custom .banner-image img {
        height: 400px;
        object-fit: cover;
    }
    .box-image {
        top: 20%;
    }
    .newsletter .input-group input {
        width: 100%;
    }
    .pav-newsletter .newsletter button {
        width: 100%;
        padding: 10px;
        line-height: 20px;
    }
    .pav-newsletter form {
        padding: 1rem;
    }
    .box-image-left {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .banner_custom_1_3 {
        display: block;
    }
    .banner_custom_1_3 .banner,
    .banner_custom_1_3 .banner .banner-title {
        padding: 10px;
    }
    .banner_custom_1_3 .banner .banner-title h3 {
        font-size: 26px;
    }
}

@media (min-width: 576px) {
    .nav-menu>li>a:hover::before {
        transform: scale(1);
    }
    .pav-category {
        margin: 40px 0px 8px;
        display: flex;
        -moz-box-pack: center;
        justify-content: center;
    }
    .col-category {
        min-height: 50px;
        max-width: 250px;
        margin: 10px;
    }
    .title-menu>a>i {
        display: none;
    }
    #footer .collapse {
        display: block;
    }
    .footer .box-infor {
        padding-bottom: 0.6rem;
    }
    .full_width_container .item-news.item-news__second .title-item {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .title-menu>a>i {
        display: none;
    }
    #footer .collapse {
        display: block;
    }
    .footer .box-infor {
        padding-bottom: 0.6rem;
    }
    .full_width_container .item-news.item-news__second .title-item {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    #footer .collapse {
        display: block;
    }
    .mid-header-mobile {
        display: none;
    }
    .full_width_container .item-news.item-news__second .title-item {
        margin-top: 0;
    }
}

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

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

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

@media (min-width: 2000px) {
    body {
        font-size: 18px
    }
    #nav>li>a>span {
        font-size: 18px
    }
    .text a {
        font-size: 18px
    }
    .text p {
        font-size: 18px
    }
}