@media screen and (max-width: 768px) and (min-width: 320px) {
.nav-icon-list .shop-cart {
    display: none;
}
.logo-site img {
    height: 36px;
}
.btn-mobile-menu::after, .btn-mobile-menu::before {
    background-color: #ffffff;
}
.btn-mobile-menu span {
    background-color: #ffffff;
}
.tf-topbar {
    padding-top: 4px;
    padding-bottom: 2px;
}
.header-abs-2 {
    margin-bottom: 0px;
}
video.banner-video {
    height: 140px;
}
.tf-slideshow  .tf-swiper .swiper-slide {
    height: 140px;
}
.flat-spacing {
    padding-top: 24px;
    padding-bottom: 30px;
}
.sw-dot-default {
    margin-top: 60px;
}
.box-image_V04 {
    position: relative;
    display: flex;
    margin-top: 12px;
}
.tf-btn-line {
    margin-right: 0px;
    font-size: 14px;
}
    .banner-lookbook {
        height: 139px;
        width: 95%;
    }
.bbox-2 {
    bottom: -84px;
}
.bbox-2 h3 {
    font-size: 15px !important;
    margin: 0px;
}
.bbox-2 span {
    padding: 3px 16px;
    margin-top: 3px;
    font-size: 14px;
}
.banner-product-set .list-ver {
    display: inline-block;
    gap: 12px;
} 
    .footer-body {
        padding-top: 22px;
        padding-bottom: 24px;
    }
.footer-col-block .tf-collapse-content{
    display: inline;
}
.footer-newsletter     .tf-btn {
        padding: 13px 24px;
        border: 1px solid;
    }
 .s-page-title {
    padding: 8px 0px;
    background-color: #e0dcd566;
}
.contact-box {
    margin-bottom: 14px;
} 
.btn-mobile-menu {
    height: 31px;
    width: 100%;
    margin-left: 69px;
}  
.bot-2 {
    margin-top: 19px;
}
.tf-grid-layout.tf-col-4 {
    grid-template-columns: repeat(2, 1fr);
} 
.hero-slider .swiper-slide img {
    height: 200px;
}
.sect-title {
    margin-bottom: 25px;
    font-size: 30px;
}
.policy-multi {
    padding: 28px 0px;
}
}