



@media (max-width: 991px) {
    .header_wrapper .toggle-nav, .header_wrapper .header-right {
        width: 80px;
    }
    .header_wrapper .logo {
        flex: 1;
        text-align: center;
    }
    .header_wrapper {
        padding: 10px 15px;
    }
    .toggle-nav i {
        font-size: 25px;
    }
    #header-search-fixed .header_wrapper .form-search form, #header-search-fixed .header_wrapper .form-search .search-suggest {
        width: 100%;
    }
    #header-search-fixed .header_wrapper .form-search button {
        width: 40px;
    }
    .home-product-tab .wrap-tab-content, .home-product-new, .home-product-best-seller {
        margin: 0;
    }
    .wrap-footer .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-just-center {
        justify-content: center;
    }
    .banner_collection .item button {
        bottom: 13px;
    }
    .banner_collection .item:nth-child(2) .more, .banner_collection .item:nth-child(3) .more {
        display: none;
    }
    .icon-heart .count-heart, .icon-cart .count-cart {
        right: -12px;
    }
    .banner_collection {
        grid-gap: 10px;
    }
    .wrap-footer > div {
        padding: 0;
        margin-bottom: 15px;
    }
    .ajaxSearchResults {
        width: 90%;
    }
    .home-product-tab .title {
        gap: 0;
        padding: 15px 0;
    }
    .home-product-tab .title li span {
        font-size: 17px;
    }
    .home-product-new .title h3, .home-product-best-seller .title h3, .title_collection {
        font-size: 20px;
        margin: 0 0 15px 0;
    }
}
@media (min-width: 768px) {
    .wrap-footer .title i {
        display: none;
    }
    .wrap-footer .mobile-just-center {
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .list-item:hover {
        -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    }
    .wrap-tab-content .list-item {
        margin: 10px 0;
    }
    .icon-cart:hover .mini-cart {
        z-index: 199;
        visibility: visible;
        opacity: 1;
        box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    }
    .header-right .list-icon {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .header-right .list-icon>li {
        text-align: center;
    }
    .product-loop:hover .icon-quickview, .product-loop-slide:hover .icon-quickview  {
        opacity: 1;
    }
    #modalQuickview .modal-dialog {
        max-width: 840px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }
    .animation-tran {
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -o-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
        -webkit-transition: opacity 300ms linear, transform 300ms linear;
        -moz-transition: opacity 300ms linear, transform 300ms linear;
        -o-transition: opacity 300ms linear, transform 300ms linear;
        transition: opacity 300ms linear, transform 300ms linear;
    }
    .animation-tran.active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width: 1024px) {
    .product-loop:hover a picture:first-child, .product-loop-slide:hover a picture:first-child {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        transform: translate(calc(-100% - 5px));
        -ms-transform: translate(calc(-100% - 5px));
        -webkit-transform: translate(calc(-100% - 5px));
    }
    .product-loop:hover a picture:nth-child(2), .product-loop-slide:hover a picture:nth-child(2) {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(-100%);
        -ms-transform: translate(-100%);
        -webkit-transform: translate(-100%);
    }
}

@media (min-width:1800px) {
    .container {
        max-width: 1650px;
    }
}

@media (min-width: 576px) {
    #popup_cart .modal-dialog {
        max-width: 700px;
    }
    #popupHome .modal-dialog {
        max-width: 900px;
    }
}

@media (max-width: 540px) {
    #popup_cart .content-popup-cart .thead-popup {
        display: none;
    }
    #popup_cart .content-popup-cart .tbody-popup .item-popup > div:nth-child(1) {
        width: 100%;
    }
    #popupHome .modal-dialog .modal-content {
        flex-direction: column;
    }
    #popupHome .modal-dialog .modal-content .image-popup, #popupHome .modal-dialog .modal-content .form_sub {
        width: 100%;
    }
    #popupHome .btn-close {
        bottom: 5px;
        top: unset;
    }
    button-loop quick-view {
        display: none;
    }
}