@media screen and (max-width: 1199px) {}

@media screen and (max-width: 991px) {
    
    .main-wrapper {
        padding-top: 120px;
    }
    #header {
        position: fixed;
        top: 0;
        height: auto;
    }
    .top-header .logo-site {
        display: none;
    }
    .opt-mobail {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .hd_menu li {
        margin-right: 10px;
    }
    .main_menu, .ls-search, .ls-sign,
    .ls-cart {
        display: none;
    }
    .opt-mobail .ls-cart {
        display: block
    }
    .hd_menu {
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .dropdown-toggle.show::after {
        content: "\f068";
    }
    .dropdown {
        position: relative;
    }
    .main_menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #F8F8F8;
        box-shadow: 0 6px 7px rgb(0 0 0 / 16%);
        padding-bottom: 20px;
        border-radius: 0;
        z-index: 99;
        overflow: auto;
        padding-top: 100px;
    }
    .main_menu li {
        display: block;
        float: inherit;
        padding: 10px 20px;
    }
    .main_menu li {
        border-bottom: 1px solid #BEBEBE;
    }
    .main_menu li:last-child {
        border-bottom: 0;
    }
    .dropdown-menu li {
        width: 100%;
    }
    .main_menu .ls-sign {
        display: block;
    }
    .main_menu > li > a {
        font-size: 16px;
        padding: 10px 0;
        font-weight: 600
    }
    .dropdown-toggle::after {
        content: "\f067";
        font-size: 26px;
        color: var(--main-color);
    }
    .dropdown-menu.show {
        width: 100%;
        transform: inherit !important;
        position: relative !important;
        background: transparent;
        inset: unset !important;
        margin: 0 !important;
        border: 0;
    }
    .dropdown-menu li {
        padding: 0 10px;
    }
    .dropdown-menu li a {
        color: #231F20 !important
    }
    
    .sec_head {
        width: 100%;
        margin-bottom: 20px;
    }
    .sec_head h2 {
        font-size: 22px;
    }
    .image-web {
        display: none;
    }
    .image-responsive {
        display: block;
    }
    .section_cosmetics {
        padding: 30px 0 0;
    }
    .item-cate figure img {
        max-width: 50px;
        max-height: 50px;
    }
    .item-cate figure {
        width: 60px;
        height: 60px;
    }
    .item-cate figure:before {
        width: 75px;
        height: 75px;
    }
    .item-cate p, .item-other-cate p {
        font-size: 13px;
    }
    .item-other-cate figure {
        height: 80px;
        width: 80px;
    }
    .section_best_sellers {
        padding: 30px 0 60px;
    }
    .item-banner {
        margin-bottom: 20px;
    }
    .top-banner {
         margin-bottom: 0; 
    }
    .item-prod figure {
        height: 155px;
    }
    .top-footer {
        border-bottom: 1px solid #414141;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .bottom-footer {
        flex-direction: column;
        text-align: center;
    }
    .copyRight {
        margin-bottom: 15px;
    }
    .copyRight p {
        font-size: 16px;
    }
    .download-app li, .menu-ft ul li {
        display: block;
        margin: 0 0 10px;
    }
    .section_product_details {
         padding: 0 0 60px; 
    }
    .block-product-slide {
        margin-bottom: 40px;
    }
    .sp-nav, .slider-nav {
        height: 120px;
    }
    .add-cart {
        margin-bottom: 15px;
    }
    .add-cart .btn-site, .btn-wishlist {
        width: 100%;
        height: 50px;
        font-size: 20px;
    }
    .order_success {
        padding: 40px 0;
    }
    .cont-successfully {
        margin-bottom: 20px;
        height: auto;
    }
    .cont-account {
        flex-wrap: wrap;
    }
    .cont-account > div {
        width: 100%;
    }
    .aside-account {
        border-bottom: 1px solid #F0F0F0;
    }
    .cont-filter {
        margin-bottom: 30px;
    }
    .opt-produ {
        flex-wrap: wrap;
    }
    .add-cart, .addWishlist {
        width: 100%;
    }
    .sec-contact {
        margin-bottom: 30px;
    }
    .cont-sign,
    .cont-login {
        padding: 30px 30px;
    }
    
    #slide-home .owl-dots {
    bottom: -25px;
    }
    
    .img-web {
    display:none
    }
    .img-mobile{
    display:block
    }
    
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 500px) {}