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

    .list-prd-cate ul li:hover ul.Sub-menu {
        display: block;
    }

    .title-ss-f.container {
        max-width: 1200px;
    }

    .sticker-prd:hover .sticker-wrapper {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
    }

    .list-prd-cate > ul > li.item-menu:hover > ul {
        transform: translateX(0px);
        pointer-events: all;
        opacity: 1;
    }

    .list-prd-cate ul li:hover > div a {
        color: #fff;
    }

    .list-prd-cate ul li:hover > div {
        background: var(--main-color);
    }
}

@media (min-width: 1024px) {
    .grid-footer .item p i {
        display: none;
    }
}

@media only screen and (max-width: 1540px) {
    .item-menu > ul {
        width: calc(1302px - 293px);
    }

    header.show-head .header-bottom .sticker-container .container {
        max-width: 992px;
    }

        header.show-head .header-bottom .sticker-container .container .span-text {
            width: 145px;
        }

        header.show-head .header-bottom .sticker-container .container .text-menu a {
            margin-left: 15px;
        }

        header.show-head
        .header-bottom
        .sticker-container
        .container
        .item-menu > ul {
            width: calc(1200px - 293px);
            padding: 15px;
        }

            header.show-head
            .header-bottom
            .sticker-container
            .container
            .item-menu > ul > li {
                font-size: 14px;
            }

        header.show-head .header-bottom .sticker-container .container .text-menu ul {
            left: 0;
        }
}

@media only screen and (max-width: 1366px) {
    .container {
        max-width: 1300px;
    }

    .item-menu > ul {
        width: calc(1270px - 260px);
    }

    .item_p > .act_add,
    .item_p .click-add {
        padding: 10px;
    }

    .item_p .desc .price {
        display: table;
    }

        .item_p .desc .price .prPrice {
            line-height: 20px;
            float: left;
        }

    header.show-head .header-bottom .sticker-container .container {
        max-width: 955px;
    }

        header.show-head
        .header-bottom
        .sticker-container
        .container
        .item-menu > ul {
            width: calc(1160px - 293px);
            padding: 15px;
        }

    .zoom {
        width: unset;
    }
}

@media only screen and (max-width: 1280px) {
    .container {
        max-width: 1200px;
    }

    .item-menu > ul {
        width: calc(1170px - 260px);
    }

    .search-header input {
        width: 490px;
    }

    .item_p > .act_add,
    .item_p .click-add {
        font-size: 13px;
    }

    .grid_services .item {
        padding: 40px 10px;
    }

    header.show-head .header-bottom .sticker-container .container {
        max-width: 870px;
        padding-right: 0;
    }

        header.show-head
        .header-bottom
        .sticker-container
        .container
        .item-menu > ul {
            width: calc(1060px - 293px);
            padding: 15px;
        }
}

@media only screen and (max-width: 1024px) {
    .item_p .img span.fa {
        opacity: 1;
        pointer-events: all;
    }

    .wrapper_quickview .main_quickview {
        max-width: 90vw;
    }

    header {
        margin-bottom: 60px;
    }

    .container {
        max-width: 960px;
    }

    .item-menu > ul {
        width: calc(930px - 260px);
    }

    .hotline {
        padding-right: 30px;
    }

    .search-header input {
        width: 300px;
    }

    .banner {
        display: block;
        padding: 15px 0;
    }

    .banner-slider {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .hb-right {
        grid-template-columns: repeat(4, 25%);
    }

    .grid_services .item h3 {
        font-size: 15px;
    }

    .section_services {
        background-size: cover;
    }

    .grid_category {
        grid-template-columns: 240px calc(100% - 480px) 240px;
    }

        .grid_category .child_category .item .text h2 {
            font-size: 14px;
        }

    .grid-dexuat {
        grid-template-columns: repeat(4, 1fr);
    }

    .more_d {
        grid-column: 1/5;
        transition: initial;
    }

    .grid_news_index {
        display: block;
        margin: 0;
    }

        .grid_news_index .item {
            display: block;
            margin: 0;
            margin-bottom: 15px;
        }

            .grid_news_index .item:first-child {
                display: flex;
                margin-bottom: 15px;
            }

                .grid_news_index .item:first-child .infor h3 {
                    font-size: 15px;
                    font-weight: 700;
                }

                .grid_news_index .item:first-child > * {
                    width: 50%;
                }

                .grid_news_index .item:first-child .infor {
                    padding: 10px;
                }

    .grid-prd-4,
    .grid_product {
        grid-template-columns: repeat(3, 1fr);
    }

    .area_buy input {
        width: 100px;
    }

    .area_buy div,
    .area_buy a {
        width: calc(100% - 195px);
    }

    .area_buy .add-to-cart,
    .area_buy .buy-installment {
        width: calc(50% - 7.5px);
        font-size: 13px;
    }

    .box_content_product .left_content {
        width: calc(65% - 15px);
    }

    .box_content_product .right_content {
        width: 35%;
    }

    .wrap_gift .head .text-gift {
        width: 50px;
        height: 50px;
        font-size: 14px;
    }

    .wrap_gift .head,
    .main_gift .item {
        padding: 10px;
        grid-gap: 10px;
    }

        .wrap_gift .head h3 {
            font-size: 17px;
        }

        .wrap_gift .head .text {
            width: calc(100% - 70px);
        }

    .news-relate img {
        width: 100px;
    }

    .news-relate h3 {
        width: calc(100% - 100px);
    }

    .Rate-detail_ .box_ {
        grid-template-columns: 55% 45%;
    }

    .box-rated {
        padding-right: 15px;
    }

    .feedback-question {
        padding-left: 15px;
    }

    .feedback {
        display: flex;
    }

    .line-question {
        width: 100px;
    }

    .grid_cart {
        display: block;
    }

        .grid_cart > * {
            margin-bottom: 15px;
        }

    .product-search .grid-prd-5 {
        grid-template-columns: repeat(4, 1fr);
    }

    .text-menu a {
        margin-left: 15px;
    }

    .ppage {
        grid-column: 1/4;
    }

    .logo {
        margin-right: 0;
        margin: auto;
        display: block;
    }

        .touch-onmb,
        .cart_mb,
        .logo img.logo_mb {
            display: block;
        }

    .cart_mb {
        max-height: 35px;
    }

    .touch-onmb {
        top: 17px;
        width: 22px;
        height: 32px;
        background: transparent;
        position: absolute;
        left: 15px;
    }

        .touch-onmb span {
            width: 22px;
            height: 2px;
            background: var(--main-color);
            display: block;
            position: absolute;
            top: calc((100% - 2px) / 2);
            border-radius: 10px;
            transition: transform 0.3s linear;
        }

        .touch-onmb.active span {
            transform: rotate(45deg);
        }

        .touch-onmb span:before {
            width: 22px;
            height: 2px;
            background: var(--main-color);
            display: block;
            position: absolute;
            content: "";
            left: 0;
            top: -8px;
            transition: 0.3s linear;
        }

        .touch-onmb span:after {
            width: 22px;
            height: 2px;
            background: var(--main-color);
            display: block;
            position: absolute;
            content: "";
            left: 0;
            top: 7px;
            transition: 0.3s linear;
        }

        .touch-onmb.active span:before,
        .touch-onmb.active span:after {
            transform: rotate(90deg);
            top: 0;
        }

    .header-right .slide-check,
    .cart_destop,
    .header-bottom,
    .logo img:not(.logo_mb),
    .hotline {
        display: none;
    }

    .flex-header {
        padding: 5px 0;
        flex-wrap: wrap;
    }

    .header {
        box-shadow: 0 0 10px -10px #000;
        background: #fff;
        position: relative;
    }

    .search-header {
        border: 1px solid #ddd;
        position: relative;
        width: 100%;
        margin-top: 5px;
    }

    .header-right .count_shopping_cart {
        background: var(--main-color);
        color: #fff;
    }

    .search-header input {
        border-radius: 0;
        width: 100%;
        transition: initial;
    }

    .header-right {
        position: absolute;
        right: 15px;
        top: 13px;
    }

    header.show-head {
        position: fixed;
        z-index: 999;
        border-bottom: 1px solid #ddd;
        top: 0;
    }

    .menu-mobile {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10000;
        transition: pointer-events 0.5s linear;
        pointer-events: none;
    }

        .menu-mobile.active {
            pointer-events: all;
        }

        .menu-mobile .over {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
            opacity: 0;
            transition: opacity 0.5s linear;
        }

        .menu-mobile.active .over {
            opacity: 1;
        }

        .menu-mobile .list-prd-cate {
            position: absolute;
            z-index: 2;
            background: #fff;
            height: 100%;
            width: 320px;
            left: -320px;
            transition: left 0.5s linear;
            overflow-y: auto;
        }

        .menu-mobile.active .list-prd-cate {
            left: 0;
        }

        .menu-mobile .list-prd-cate > ul {
            margin: 0;
            transition: left 0.5s linear;
        }

            .menu-mobile .list-prd-cate > ul > li > ul {
                margin: 0;
                width: 320px;
                opacity: 1;
                pointer-events: all;
                position: fixed;
                left: -350px;
                display: block;
                transition: left 0.5s linear;
                padding: 45px 15px 0 15px;
                top: 0;
                max-height: 100vh;
                overflow-y: auto;
                height: 100%;
            }

            .menu-mobile .list-prd-cate > ul > li .back_menu {
                width: 320px;
                opacity: 1;
                pointer-events: all;
                position: fixed;
                left: -340px;
                transition: left 0.5s linear;
                padding: 0 15px;
                top: 0;
                height: 41px;
                z-index: 10000;
                display: flex;
                flex-direction: row-reverse;
                align-items: center;
                background: #fff;
                color: var(--main-color);
                box-shadow: 0 0 10px -10px #000 inset;
                flex-direction: row;
                gap: 15px;
                justify-content: start;
            }

                .menu-mobile .list-prd-cate > ul > li .back_menu svg {
                    position: relative;
                    left: 0;
                    top: 0;
                    right: initial;
                }

    .item-menu > ul > li {
        padding: 10px 0 0 0;
    }

        .item-menu > ul > li > ul {
            margin-bottom: 0;
            box-shadow: none;
        }

    .menu-mobile .item-menu.active .back_menu,
    .menu-mobile .item-menu.active > ul {
        left: 0px;
    }

    .menu-mobile .list-prd-cate > ul > li > div {
        padding: 10px 15px;
        border: none;
        transition: initial;
    }

        .menu-mobile .list-prd-cate > ul > li > div > i {
            width: 41px;
            height: 41px;
            display: flex;
            align-items: center;
            justify-content: end;
        }

    .list-prd-cate ul .back_menu i {
        position: relative;
        color: var(--main-color);
    }

    .menu-mobile .list-prd-cate > ul.more {
        padding: 15px;
        border-top: var(--main-boder);
    }

        .menu-mobile .list-prd-cate > ul.more li,
        .menu-mobile .list-prd-cate > ul.more li a {
            color: var(--main-color);
        }

        .menu-mobile .list-prd-cate > ul.more li {
            justify-content: space-between;
        }

            .menu-mobile .list-prd-cate > ul.more li a:last-child {
                text-align: right;
                display: flex;
                align-items: center;
                justify-content: end;
            }

                .menu-mobile .list-prd-cate > ul.more li a:last-child i {
                    position: initial;
                    margin-right: 10px;
                    color: var(--main-color);
                }

            .menu-mobile .list-prd-cate > ul.more li a:first-child {
                text-align: left;
            }

    .item-menu > ul > li > a {
        font-size: 16px;
        font-weight: 700;
        color: var(--black-color);
    }
}

@media only screen and (max-width: 992px) {
    .rowdetail {
        grid-template-columns: 100%;
    }

    .menu-mobile .item-menu.active .back_menu {
        left: 0;
    }

    .menu-mobile .item-menu.active > ul {
        left: 0;
    }

    .text-menu {
        overflow-x: auto;
    }

        .text-menu::-webkit-scrollbar {
            height: 1px;
        }

        .text-menu a {
            margin-left: 17px;
            white-space: nowrap;
            padding: 15px 0;
        }

    .span-text {
        width: 150px;
    }

    .header-right .slide-check {
        left: 0;
        position: absolute;
    }

    .sticker-wrapper {
        width: 100vw;
        left: -15px;
        max-height: calc(100vh - 143px);
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 0;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
        height: 0;
    }

        .sticker-wrapper.active {
            opacity: 1;
            pointer-events: all;
            transform: translateY(0);
            height: auto;
        }

    .list-prd-cate ul li {
        display: block;
    }

    .list-prd-cate > ul > li > div {
        border-top: var(--main-boder);
        padding: 15px;
    }

    .list-prd-cate > ul > li:first-child > div {
        border-top: none;
    }

    .list-prd-cate > ul > li > i {
        width: 39px;
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        right: 0;
    }

    .item-menu > ul {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        transform: initial;
        transition: initial;
        display: grid;
        opacity: 1;
        pointer-events: all;
        padding: 15px;
        border-top: var(--main-boder);
        border-radius: 0;
        box-shadow: none;
        grid-template-columns: repeat(3, 1fr);
    }

        .item-menu > ul > li {
            padding-left: 0;
        }

            .item-menu > ul > li > ul {
                margin-bottom: 10px;
            }

                .item-menu > ul > li > ul li {
                    padding-top: 0;
                    padding-bottom: 10px;
                }

                    .item-menu > ul > li > ul li:last-child {
                        padding-bottom: 0;
                    }

        .item-menu > ul > li {
            padding-right: 0;
        }

    header.show-head .sticker-wrapper {
        max-height: calc(100vh - 52px);
    }

    .hotline {
        display: none;
    }

    ._grid_new_highlight {
        display: block;
        margin: 0;
    }

        ._grid_new_highlight > * {
            margin: 0;
            margin-bottom: 15px;
        }

    .title_v2 {
        margin-bottom: 20px;
    }

    .grid_category {
        grid-template-columns: 240px calc(100% - 240px);
    }

        .grid_category ._banner {
            margin-right: 15px;
        }

        .grid_category .child_category {
            margin-left: 0;
            grid-column: 1/3;
            display: flex;
            margin-top: 15px;
            grid-gap: 15px;
        }

            .grid_category .child_category > * {
                width: 25%;
                grid-gap: 15px;
            }

            .grid_category .child_category .item {
                margin-bottom: 0;
                height: initial;
                padding: 5px;
            }

            .grid_category .child_category .last {
                height: 100%;
            }

        .grid_category ._banner img {
            height: 100%;
            object-fit: cover;
        }

        .grid_category .child_category .item .img {
            max-width: 50px;
            max-height: 50px;
        }

    .banner_bestsale .item .infor {
        padding: 10px;
    }

        .banner_bestsale .item .infor h3 {
            font-size: 14px;
        }

        .banner_bestsale .item .infor .btn_banner {
            display: none;
        }

    .grid-dexuat {
        grid-template-columns: repeat(3, 1fr);
    }

    .more_d {
        grid-column: 1/4;
    }

    .grid_news_index .item:first-child .img {
        width: 130px;
    }

    .grid_news_index .item:first-child .infor {
        width: calc(100% - 130px);
    }

    .grid_services .item {
        padding: 15px 0;
    }

    .grid-footer {
        grid-template-columns: repeat(3, 1fr);
    }

    .contact_footer {
        grid-column: 1/4;
        margin-bottom: 15px;
        text-align: center;
    }

    .grid_infor_footer {
        grid-template-columns: 50% 50%;
    }

    .faqs h2 {
        font-size: 19px;
    }

    .maincate {
        width: 100%;
        float: initial;
    }

    .faqs {
        width: 100%;
        padding-left: 0;
        float: initial;
    }

    .box-featured .item .title .time {
        top: -80px;
    }

    .box-featured .item .title .boxlb {
        padding-left: 15px;
    }

    .box-featured .item {
        margin-bottom: 15px;
    }

    .list_hightlight .item_p {
        padding: 15px 0;
    }

    .list_hightlight {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 0 -7.5px;
    }

        .list_hightlight .item_p {
            margin: 0 7.5px;
        }

    .wrapper-prd {
        display: flex;
        flex-direction: column-reverse;
    }

    .product_right {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 15px;
    }

    .product-left {
        width: 100%;
    }

    .filter-right {
        overflow-x: auto;
        flex-wrap: initial;
    }

    .main-filter {
        display: flex;
        gap: 10px;
        padding: 15px 0 5px 0;
    }

    .filter-right {
        margin-bottom: 0;
    }

    .policy_intuitive {
        display: none;
    }

    .right_content .infor_product .changePara {
        margin-left: 0;
        width: 100%;
    }

    .box_content_product .right_content,
    .box_content_product .left_content {
        width: 100%;
        margin-right: 0;
    }

    .product-search .grid-prd-5 {
        grid-template-columns: repeat(3, 1fr);
    }

    .ppage {
        grid-column: 1/4;
    }

    .wrapper_quickview .main_quickview {
        padding: 20px;
        grid-gap: 10px;
        max-width: calc(100vw - 30px);
    }

    .category-wrap .item {
        width: calc((100% - 90px)/7);
    }
}

@media only screen and (max-width: 767px) {
    ::-webkit-scrollbar {
        height: 0;
    }

    header {
        margin-bottom: 15px;
    }

    .header .flex-top {
        border-bottom: 1px solid #dddddd;
        padding: 0 15px 5px 15px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 5px;
    }

    .header.show-head .flex-top {
        display: none;
    }

    .header .flex-top .item {
        color: var(--black-color);
        display: flex;
        gap: 5px;
        border: 1px solid #ddd;
        padding: 3px 5px;
        width: calc(50% - 5px);
        border-radius: 5px;
        justify-content: center;
        background: #f7f7f7;
    }

    .flex-top .item:before {
        display: none;
    }

    .header .container {
        position: relative;
    }

    .search-header {
        display: none;
        border-radius: 5px;
    }

    .hb-right {
        grid-template-columns: repeat(1, 100%);
        aspect-ratio: 400/207.5;
        overflow: hidden;
    }

    .form-footer button {
        transition: initial;
    }

    .banner-slider {
        position: relative;
    }

        .banner-slider .sld-banner {
            position: initial;
        }

        .banner-slider .owl-carousel .owl-item img {
            height: initial;
        }

    .sld-banner {
        position: absolute;
        top: 0;
    }

    .banner-slider .owl-dots button {
        width: 48px;
        height: 48px;
        margin: 0 -13px -25px -13px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .banner-slider .owl-dots button span {
            margin: 0;
        }

    ._slide_brand a img {
        height: initial;
        max-width: 100%;
        max-height: 100%;
    }

    .category-wrap {
        padding: 15px;
        display: flex;
        gap: 0;
        align-items: center;
        justify-content: center;
        border-radius: 0;
    }

        .category-wrap .swiper-pagination {
            gap: 0;
            width: initial;
            background: #eae9ee;
            border-radius: 5px;
        }

            .category-wrap .swiper-pagination .swiper-pagination-bullet {
                height: 9px;
                background: #eae9ee;
            }

                .category-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    background: var(--main-color);
                    width: 34px;
                }

        .category-wrap .item {
            width: initial;
            min-width: 80px;
        }

            .category-wrap .item .img {
                align-items: end;
            }

    .special-product {
        border-radius: 0;
        margin-bottom: 20px;
    }

    .category-product {
        margin-bottom: 15px;
    }

    .tab-special, .tab-category {
        overflow-x: auto;
    }

        .tab-special .item-tab {
            padding: 10px 15px;
        }

        .tab-category .item-tab {
            padding: 10px 30px;
        }

            .tab-special .item-tab.active:before, .tab-category .item-tab.active:before {
                bottom: 0;
            }

            .tab-special .item-tab p, .tab-category .item-tab p, .tab-category .item-tab h2 {
                white-space: nowrap;
            }

    .banner-suggest {
        aspect-ratio: 400/132;
        margin-bottom: 15px;
    }

    .container-suggest {
        border-radius: 0;
        padding: 15px;
    }

    .slider-discount_v2.owl-carousel .owl-nav button {
        width: 32px;
        height: 32px;
        right: 15px;
        top: 60%;
    }

    .load-special-index, .load-category-index {
        padding: 15px 0;
    }

    .grid-penitem .item_p, .grid-penitem .item-p {
        width: calc(calc(100% - 15px) / 2);
        aspect-ratio: 192/369;
    }

    ._slide_brand {
        display: flex;
        overflow-x: auto;
        gap: 15px;
        border-radius: 0;
    }

        ._slide_brand a {
            white-space: nowrap;
            min-width: 40%;
            aspect-ratio: 192/62;
        }

    .viewed-product-index {
        aspect-ratio: 430/147;
        padding: 15px;
        border-radius: 0;
        margin-bottom: 20px;
    }

    .slide-viewed {
        display: flex;
        gap: 15px;
        overflow-x: auto;
    }

        .slide-viewed .item {
            min-width: 292px;
            max-width: 292px;
            white-space: nowrap;
        }

    .viewed-product-index .item .img {
        width: 60px;
    }

    .viewed-product-index .item .info {
        width: calc(100% - 60px);
    }

    .slider-category h3 {
        font-size: 14px;
    }

    .slider-category a img {
        width: initial !important;
    }

    .header-right {
        top: 4px;
    }

    .wrapper-login {
        width: 100%;
        padding: 15px;
    }

    .close-login {
        top: 15px;
        right: 15px;
    }

    .from-login .form-group label:not(.error) {
        margin-bottom: 5px;
    }

    .from-login .form-group {
        margin-bottom: 10px;
    }

    .from-login button, .from-login > span {
        margin-bottom: 10px;
    }

    .other-login {
        margin-top: 15px;
        padding-bottom: 10px;
        padding-top: 15px;
    }

    .login-taget {
        padding-top: 10px;
    }

    .ui-widget.ui-widget-content {
        max-height: calc(100vh - 82px);
        width: 100vw !important;
        left: 0 !important;
        overflow-x: auto;
    }

    .logo img.logo_mb {
        max-height: 35px;
    }

    .touch-onmb {
        top: 0;
        height: 35px !important;
        width: 22px !important;
        left: 0;
        display: block !important;
        position: relative;
    }

    .header-right .slide-check {
        top: 22px;
    }

        .header-right .slide-check span {
            font-size: 0;
        }

    .header-right > a img {
        max-height: 30px;
        width: initial;
    }

    .text-menu a {
        white-space: nowrap;
        padding: 15px 0;
    }

    .span-text {
        font-size: 0;
        width: 60px;
        padding: 0;
    }

        .span-text i {
            margin-left: 0;
        }

    .text-menu {
        overflow-x: auto;
    }

        .text-menu::-webkit-scrollbar {
            height: 1px;
        }

    .search-header input {
        font-size: 14px;
        color: #000;
        height: 30px;
    }

    .search-header button {
        height: 30px;
        width: 30px;
    }

        .search-header button img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    .search-header input::placeholder {
        font-size: 13px;
        color: #333;
    }

    .form-footer input {
        color: #000;
        transition: initial;
    }

        .form-footer input::placeholder {
            font-size: 13px;
            color: #333;
        }

    .item-menu > ul {
        grid-template-columns: repeat(2, 1fr);
        border-top: none;
        padding-top: 0;
    }

    .list-prd-cate > ul > li > div {
        border-top: none;
    }

    .item-menu > ul > li > ul {
        margin-bottom: 0;
    }

    .sticker-wrapper {
        max-height: calc(100vh - 117px);
        left: 0;
    }

    header.show-head .sticker-wrapper {
        max-height: calc(100vh - 46px);
    }

    .sticker-prd {
        position: initial;
    }

    .header-bottom {
        position: relative;
    }

    .list-prd-cate > ul {
        margin: 0;
    }

    .hb-right {
        margin: 0;
    }

        .hb-right a {
            margin: 0 0 15px 0;
        }

            .hb-right a img {
                height: initial;
            }

    .home-banner {
        padding-bottom: 0;
    }

    .banner {
        padding-bottom: 0;
    }

    .background_bottom {
        margin-bottom: 15px;
        display: block;
        text-align: center;
    }

    .slide-flash-sale {
        background-position: top right;
        background-size: cover;
    }

        .slide-flash-sale.no-bg {
            padding: 0;
        }

    .title-flash-sale {
        font-size: 18px;
        margin-top: 0;
        width: inherit;
        text-align: left;
        justify-content: space-between;
        padding: 10px 30px;
        gap: 5px;
    }

        .title-flash-sale > * {
            width: initial;
        }

        .title-flash-sale > span:first-child {
            display: flex;
            gap: 5px;
            align-items: center;
        }

        .title-flash-sale .timecd {
            margin-left: 0;
            width: auto;
            display: flex;
            gap: 2.5px;
            text-align: left;
            align-items: center;
            justify-content: center;
        }

            .title-flash-sale .timecd span {
                font-size: 12px;
                margin-left: 0;
                display: flex;
                align-items: center;
                gap: 5px;
                justify-content: center;
            }

        .title-flash-sale ._more {
            text-align: right;
            font-size: 12px;
            margin-left: 0;
        }

    .slider-category {
        margin-bottom: 15px;
    }

        .slider-category .owl-dots,
        ._slide_brand .owl-dots {
            margin-top: 15px;
        }

    .discount {
        padding: 15px 0;
    }

    ._slide_new_highlight .owl-dots {
        margin-top: 15px;
    }

    .slider-discount_v1 .owl-dots {
        margin-top: 5px;
    }

    .more_d {
        width: 145px;
        height: 30px;
    }

    .item_p .desc h3,
    .item_p .desc h3 a {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .lightning span {
        font-size: 10px;
        padding: 0 10px 0 25px;
    }

    .lightning:before {
        top: 1px;
    }

    .item_p .desc .price .prPrice {
        font-size: 12px;
        margin: 3px 0;
        line-height: 1;
    }

    .item_p .desc .price-sale .price {
        gap: 2px;
    }

        .item_p .desc .price-sale .price .prOldPrice {
            font-size: 16px;
            font-weight: 900;
        }

    .item_p .desc .price-sale .sale-val {
        font-size: 13px;
    }

    .item_p .desc .price .prOldPrice {
        font-size: 13px;
    }

    .item_p .img span.sale,
    .item_p .img span.sale-val {
        font-size: 12px;
        width: 50px;
        height: 20px;
        border: 1px solid var(--main-color);
        background: #fff;
    }

    .item_p .desc .price {
        margin-bottom: 5px;
        display: flex;
        align-items: end;
        min-height: 39.5px;
    }

    .grid_category {
        display: block;
    }

    .section_new_highlight {
        padding: 15px 0;
    }

    .item_p {
        padding: 10px;
    }

    .section_brand {
        padding: 15px 0;
        border-radius: 0;
    }

    ._grid_new_highlight > .new_highlight:last-child {
        margin-bottom: 0;
    }

    .banner_bestsale {
        display: block;
        margin-bottom: 15px;
    }

        .banner_bestsale .item {
            display: block;
            margin-bottom: 15px;
            width: 100%;
        }

            .banner_bestsale .item:last-child {
                margin-bottom: 0;
            }

    .grid_category .child_category {
        display: block;
    }

        .grid_category .child_category .owl-carousel {
            margin-bottom: 15px;
        }

        .grid_category .child_category > * {
            width: 100%;
        }

        .grid_category .child_category .item {
            width: 100%;
            min-height: 90px;
            margin-bottom: 0;
        }

        .grid_category .child_category .last {
            height: initial;
            width: 100%;
            padding: 20px 0;
        }

    .grid-dexuat {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 -7.5px;
    }

        .grid-dexuat .item_p {
            margin: 0 7.5px 15px 7.5px;
        }

    .more_d {
        grid-column: 1/3;
    }

    .grid_news {
        display: block;
        margin: 0;
    }

        .grid_news > * {
            margin: 0;
        }

    .news_index {
        padding: 15px;
        margin-bottom: 20px;
        border-radius: 0;
    }

    .tips_index {
        padding: 15px;
        margin-bottom: 20px;
        border-radius: 0;
    }

    .section_services {
        padding: 15px 0;
        background-position: center;
        background: #da2a1d;
    }

        .section_services .title_v4 {
            margin-bottom: 15px;
            font-size: 20px;
        }

    .grid_services .item h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .grid_services .item .icon {
        margin-bottom: 10px;
    }

    .email_letter {
        margin-bottom: 15px;
        padding: 15px 15px 0 15px;
    }

    .grid-footer {
        display: block;
        padding-bottom: 0;
        margin-bottom: 15px;
    }

        .grid-footer .item {
            margin-bottom: 0;
        }

    .footer_bottom {
        background: #fff;
    }

        .footer_bottom .grid_infor_footer {
            padding: 0 0 15px 0;
            display: block;
            border-top: none;
        }

    .title-about-footer {
        background: #000;
        color: #fff;
        padding: 7.5px 15px;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 14px;
        margin-bottom: 0;
        text-align: center;
        border-radius: 5px;
    }

    footer {
        padding: 15px 0;
    }

    .grid-footer {
        display: none;
    }

    .title-about-footer p {
        margin-bottom: 0;
    }

    .grid_infor_footer .item {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .ageny_footer > p {
        text-align: center;
    }

    .ageny_footer {
        background: #fff;
        border-radius: 5px;
    }

    .area-agency {
        padding: 15px 0 0 0;
        background: #fff;
    }

        .area-agency .item {
            position: relative;
        }

        .area-agency .area {
            margin-bottom: 15px;
        }

        .area-agency .item:nth-child(2) .area-detail {
            display: block;
        }

        .area-agency .item .agen {
            padding: 13.5px 15px;
            margin-bottom: 15px;
        }

        .area-agency .item > p {
            border: var(--main-boder);
            border-radius: 4px;
        }

        .area-agency .item.active > p {
            color: var(--main-color);
        }

        .area-agency .item:last-child {
            margin-bottom: 0;
        }

    .area-detail .desc {
        margin-bottom: 0;
    }

    .area-agency .item svg:last-child {
        position: absolute;
        top: 14px;
        right: 15px;
    }

    .area-agency .item.active svg:last-child {
        transform: rotate(180deg);
    }

    .area-detail {
        display: none;
    }

        .area-detail .flex-area {
            display: flex;
            flex-direction: column-reverse;
            gap: 15px;
        }

    .hotline-contact {
        padding-top: 15px;
    }

        .hotline-contact .phone_p p {
            text-align: left;
        }

        .hotline-contact > p {
            text-align: left !important;
        }

        .hotline-contact p span {
            margin-left: 10px;
        }

    .ageny_footer,
    .item contact_footer {
        width: 100%;
    }

    .area-agency .item .area-detail .desc p {
        font-weight: 400;
        font-size: 14px;
    }

    .grid_infor_footer .item .color-white {
        display: none;
    }

    .grid-footer .item p {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #d9d9d9;
        padding: 10px 0;
        margin-bottom: 0;
    }

    .grid-footer .item ._list {
        padding-top: 5px;
        display: none;
    }

    .grid-prd-4,
    .grid-prd-5,
    .grid_product {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner_category h1 {
        font-size: 21px;
    }

    .box_desc-content {
        padding: 0;
    }

    .function_product p {
        display: none;
    }

    .function_product .item {
        width: 50%;
    }

    .function_product select {
        min-width: 75px;
        font-size: 14px;
        background-color: #fff;
        height: 35px;
        width: 100%;
    }

    .sort-prd {
        position: relative;
    }

    .filter-mb {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--main-color);
        border-radius: 20px;
        color: #fff;
        font-size: 10px;
    }

    .function_product {
        grid-gap: 7px;
    }

    .wrapper-prd {
        padding-top: 0;
        flex-direction: column;
    }

    .title-count {
        border: none;
    }

    .overlay {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.5s ease;
        background: rgba(0, 0, 0, 0.5);
        z-index: 98;
    }

        .overlay.active {
            opacity: 1;
            pointer-events: all;
            z-index: 1000;
        }

    .filter_price {
        background: var(--main-color);
        border: 1px solid var(--main-color);
        color: #fff;
        font-size: 13px;
        height: 30px;
    }

    .close-filter {
        width: 70px;
        height: 30px;
        position: absolute;
        top: 5px;
        background: var(--main-color);
        border-radius: 4px;
        left: 0;
        right: 0;
        margin: auto;
    }

        .close-filter:before {
            content: "";
            width: 20px;
            height: 1px;
            background: #fff;
            position: absolute;
            top: 16px;
            left: 34px;
            transform: rotate(-30deg);
        }

        .close-filter:after {
            content: "";
            width: 20px;
            height: 1px;
            background: #fff;
            position: absolute;
            top: 16px;
            right: 34px;
            transform: rotate(30deg);
        }

    .attr-price .theme-green .back-bar .pointer {
        width: 15px;
        height: 15px;
        top: -6px;
    }

    .product_right {
        margin-bottom: 0;
    }

    .module_child {
        padding-bottom: 0;
        padding-top: 15px;
        border-bottom: none;
        display: flex;
        overflow-x: auto;
        gap: 10px;
    }

        .module_child::-webkit-scrollbar {
            height: 0;
        }

        .module_child > p {
            display: none;
        }

        .module_child a {
            margin: 0;
            border: var(--main-boder);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px 15px;
            white-space: nowrap;
            border-radius: 25px;
            font-size: 14px;
        }

            .module_child a.active {
                border-color: var(--main-color);
            }

    .box_desc-content ._detail.short {
        max-height: 120px;
        overflow: hidden;
        position: relative;
    }

    .list_product .item_p .img {
        width: 130px;
    }

    .list_product .item_p .desc {
        width: calc(100% - 130px);
    }

    .list_product .item_p {
        grid-gap: 10px;
    }

    .toll-right {
        display: table;
        width: 100%;
    }

        .toll-right a,
        .toll-right span {
            display: block;
            float: left;
            padding: 0;
        }

    .toll-right {
        padding: 10px 0;
    }

        .toll-right h1 {
            padding: 0 0 0 5px;
        }

    .rowdetail {
        padding: 15px 0 0 0;
    }

    .price_sale,
    .picture {
        width: 100%;
    }

    .price_sale {
        padding: 0;
    }

    .colorandpic {
        margin-top: 0;
    }

        .colorandpic li {
            max-width: 55px;
        }

            .colorandpic li p {
                margin-bottom: 0;
            }

            .colorandpic li > div {
                width: 55px !important;
                height: initial !important;
                aspect-ratio: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                border: var(--main-boder);
                margin-bottom: 10px;
            }

            .colorandpic li img {
                width: initial;
                height: initial;
                max-width: 100%;
                max-height: 100%;
                border: none;
                margin-bottom: 0;
            }

            .colorandpic li.active > div {
                border: 1px solid var(--main-color);
            }

            .colorandpic li.active img {
                border: none;
            }

    .header-detail h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .wrap_gift {
        display: block;
        padding: 15px;
        background: #fff;
        margin-bottom: 15px;
    }

        .wrap_gift .head,
        .main_gift .item {
            padding: 0;
            justify-content: space-between;
            margin-bottom: 15px;
        }

        .wrap_gift .end {
            border-top: var(--main-boder);
            padding: 10px 0;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 0;
        }

            .wrap_gift .end span {
                line-height: 1;
            }

            .wrap_gift .end p {
                margin-bottom: 0;
                font-size: 14px;
            }

    .main_gift::-webkit-scrollbar {
        height: 2px;
    }

    .main_gift .item {
        min-width: 50%;
    }

        .main_gift .item:first-child {
            border-left: 0;
        }

        .main_gift .item:last-child {
            border-right: 0;
        }

    .Rate-detail_ .box_ {
        display: block;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .box-rated {
        padding-right: 0;
        border-right: none;
        margin-bottom: 15px;
    }

    .feedback-question {
        padding-left: 0;
    }

    .list-c-d-detail .item .info,
    .list-c-d-detail-rate .item .info {
        width: 100%;
    }

    .list-c-d-detail-rate .lst-repply-rate .item {
        margin-right: 0;
    }

    .btn-ratenow {
        font-size: 13px;
        padding: 0 5px;
    }

    .fullparameter .scroll {
        width: 100%;
        padding: 0 15px;
    }

    .box_content_product .left_content {
        margin-bottom: 15px;
    }

    .slider_same .item_p {
        padding: 0;
    }

    .info-right {
        width: 100%;
        float: initial;
    }

        .info-right h1 {
            margin-bottom: 15px;
        }

    .search_news {
        display: none;
    }

    .category_child {
        margin-bottom: 0;
        position: relative;
    }

        .category_child .seaech-news-mobile {
            position: absolute;
            right: 0;
            top: 3px;
            font-size: 18px;
            cursor: pointer;
        }

    .faqs h2 {
        margin-bottom: 15px;
    }

    .faqs ul {
        margin-bottom: 15px;
        margin-top: 15px;
        display: flex;
        gap: 10px;
        overflow-x: auto;
    }

        .faqs ul li {
            border-bottom: none;
            padding: 0;
        }

            .faqs ul li a {
                margin: 0;
                border: var(--main-boder);
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 5px 15px;
                white-space: nowrap;
                border-radius: 25px;
                font-size: 14px;
                color: #000;
                font-weight: 400;
            }

            .faqs ul li i {
                display: none;
            }

            .faqs ul li.active a {
                border-color: var(--main-color);
            }

    .bigpost .box-featured {
        width: 100%;
    }

        .bigpost .box-featured li.featured .title .time,
        .box-featured .item .title .time {
            width: 55px;
            height: 55px;
        }

        .bigpost .box-featured li.featured .title {
            padding-left: 65px;
        }

    .box-featured li.featured .title h3 {
        font-size: 14px;
    }

    .box-featured .item .title h3 {
        font-size: 14px;
    }

    .boxlb {
        margin-top: 10px;
    }

    .box-featured.grid-load-news {
        display: block;
        margin: 0;
        margin-bottom: 15px;
        padding: 15px 0;
    }

    .box-featured .item {
        margin: 0 0 15px 0;
    }

        .box-featured .item a {
            display: flex;
        }

        .box-featured .item .img {
            width: 130px;
        }

        .box-featured .item .title {
            position: initial;
            width: calc(100% - 130px);
        }

    .boxlb > span:first-child {
        display: none;
    }

    .box-featured.grid-load-news {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .grid-prd-5 .ppage,
    .ppage {
        margin-bottom: 15px;
        grid-column: 1/3;
    }

    .bxcontentnewsct p,
    .bxcontentnewsct h2 {
        margin-top: 0;
    }

    .list_hightlight {
        grid-template-columns: repeat(2, 1fr);
    }

    ._detail_content h2 {
        font-size: 21px;
    }

    .generate-gallery {
        clear: both;
        margin-bottom: 15px;
    }

    .leftGallery {
        width: 100%;
        float: initial;
    }

    .rightGallery {
        width: 100%;
        float: initial;
        margin-left: 0;
    }

        .rightGallery ul {
            display: flex;
            grid-gap: 10px;
        }

            .rightGallery ul li {
                max-width: 80px;
                margin-bottom: 0;
            }

    .generate-productbox-product {
        margin-bottom: 15px;
        padding: 15px;
    }

        .generate-productbox-product .prSpec,
        .generate-productbox-product .img {
            width: 100%;
            float: initial;
            margin-bottom: 15px;
        }

        .generate-productbox-product .prSpec {
            padding-left: 0;
            margin-bottom: 0;
        }

            .generate-productbox-product .prSpec .area_buy {
                margin-bottom: 0;
            }

    .product-search .grid-prd-5 {
        grid-template-columns: repeat(2, 1fr);
    }

    .infaccc-ct .infac-lft,
    .infaccc-ct .infac-rght {
        width: 100%;
        padding: 0;
    }

        .infaccc-ct .infac-lft .user-info {
            display: flex;
            gap: 10px;
            margin-top: 15px;
            overflow-x: auto;
        }

            .infaccc-ct .infac-lft .user-info::-webkit-scrollbar {
                height: 0;
            }

            .infaccc-ct .infac-lft .user-info .iteminacc {
                padding: 0;
                border: none;
                width: initial;
                position: initial;
                overflow: initial;
            }

                .infaccc-ct .infac-lft .user-info .iteminacc a {
                    white-space: nowrap;
                    padding: 5px 15px;
                    border-radius: 30px;
                    overflow: hidden;
                    border: var(--main-boder);
                    display: flex;
                    width: initial;
                }

    .infac-lft ._tk2 .iteminacc.active a {
        border-color: var(--main-color);
    }

    .purg-lft .form-group {
        flex-wrap: wrap;
    }

    .from-login.frm-edit .form-group > ._input,
    .from-login.frm-edit .form-group label:not(.error) {
        width: 100%;
    }

    .from-login.frm-edit .form-group label.checkbox_acc {
        margin-left: 0;
        width: 100%;
    }

    .purg-lft .form-group label {
        float: initial;
    }

    .gt-norn .radio-inline {
        margin-right: 10px !important;
    }

    .purg-lft.infacr-lft .action {
        width: 100%;
        margin-left: 0;
    }

    .purg-lft button {
        width: 100%;
    }

    .infaccc-ct {
        margin-bottom: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .box-sale {
        display: block;
        margin-bottom: 15px;
    }

    .my_order table td a {
        display: block;
        font-size: 14px;
        font-weight: 700;
    }

    .my_order table th,
    .my_order table td {
        padding: 10px 5px;
    }

        .my_order table td.info span {
            display: block;
        }

            .my_order table td.info span.time i {
                color: green;
                margin-right: 10px;
            }

            .my_order table td.info span.total_money span {
                float: right;
                font-weight: 700;
                color: red;
                margin-left: 10px;
            }

        .my_order table td a.detail-order {
            display: block;
            margin-bottom: 10px;
        }

    .left_content .infor_product {
        display: block;
    }

    .right_content .infor_product {
        display: none;
    }

    .right_content .news-relate {
        display: none;
    }

    .title-discount,
    .title_v2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

        .title-discount span.timecd {
            margin-left: 5px;
        }

            .title-discount span.timecd span {
                width: 30px;
                height: 30px;
                font-size: 12px;
            }

    .group-5 {
        width: 100%;
    }

    .typereceive {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .anotheroption {
        padding-bottom: 0;
    }

    .infor-customer .form-group.group-5:nth-of-type(2),
    .infor-customer .form-group.group-5:nth-of-type(5) {
        margin-right: 0;
    }

    .grid_cart .left .thead .th:nth-of-type(3),
    .grid_cart .left .thead .th:nth-of-type(2) {
        display: none;
    }

    .grid_cart .left .thead .th:nth-of-type(1),
    .product-item .imgsp {
        width: 100%;
        align-items: start;
    }

    .product-item {
        align-items: start;
    }

        .grid_cart .left .thead .th:nth-of-type(4),
        .product-item .total_cart {
            justify-content: end;
            width: 28%;
        }

        .grid_cart .left .thead .th,
        .product-item > * {
            font-size: 13px;
        }

            .grid_cart .left .thead .th:nth-of-type(2),
            .product-item .price_cart,
            .grid_cart .left .thead .th:nth-of-type(3),
            .product-item .quality_cart {
                width: initial;
            }

    .box-tab-sl li input {
        height: 30px;
        width: 80px;
    }

    .quality_cart {
        margin-top: 5px;
    }

    .product-item .total_cart {
        flex-direction: column;
        padding: 5px;
    }

    .delete_cart {
        margin-right: 0;
        margin-top: 10px;
    }

    .wrapper_quickview {
        height: 0;
        transition: opacity 0.5s linear, pointer-events 0.5s linear;
    }

        .wrapper_quickview.active {
            height: 100vh;
        }

        .wrapper_quickview .main_quickview {
            max-height: 100vh;
            flex-direction: column;
            transition: opacity 0.5s linear;
            max-width: 100vw;
        }

            .wrapper_quickview .main_quickview > * {
                width: 100%;
            }

            .wrapper_quickview .main_quickview .close_quick {
                z-index: 100;
                top: 5px;
                right: 10px;
                position: fixed;
            }

    .related_articles .grid-3 {
        display: block;
    }

    .boxlb > span:nth-child(2) {
        padding-left: 0;
    }

    .hide-hide,
    .more-hide {
        grid-column: 1/3;
    }

    .article h1 {
        font-size: 21px;
    }

    .banner_detail {
        margin-bottom: 15px;
    }

    .authorBox {
        padding-bottom: 15px;
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
    }

        .authorBox span {
            margin-right: 0;
        }

            .authorBox span:nth-child(1) {
                width: 100%;
            }

            .authorBox span:nth-child(n + 2) {
                width: auto;
                margin-right: 15px;
            }

    .grid-product-detail-news .item_p {
        border: var(--main-boder);
    }

    .generate-promotion-products {
        margin-bottom: 15px;
    }

    .related_articles .item h3 {
        margin-top: 0;
        font-size: 14px !important;
        padding-right: 0 !important;
    }

    .detailbil {
        display: block;
    }

        .detailbil h1 {
            font-size: 18px;
        }

            .detailbil h1 span {
                font-size: 14px !important;
            }

        .detailbil .timebil {
            margin: 5px 0;
        }

    .lst-inftran {
        display: block;
    }

    .infaccc-ct .infac-rght {
        margin-bottom: 15px;
        padding-top: 15px;
    }

    .tabitem table td:last-child {
        padding-right: 0;
    }

    .grid-contact {
        display: block;
    }

        .grid-contact .desc img {
            max-width: 100%;
        }

    .icon_fix {
        width: 100%;
        background: var(--black-color);
        display: flex;
        justify-content: space-around;
        top: initial;
        bottom: 0;
        position: fixed;
        z-index: 1002;
    }

        .icon_fix.gray {
            background: #fafbfd;
            border-top: 1px solid #e5e5e5;
        }

        .icon_fix > div,
        .icon_fix > a {
            height: 45px;
            width: initial;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            color: #fff;
            flex-direction: column;
            font-size: 12px;
            border-radius: 0;
            border-top: 2px solid transparent;
            position: relative;
            border: none;
            padding-right: 0;
            padding: 0;
            gap: 0;
            margin-bottom: 0;
            padding: 4px 0;
            justify-content: space-between;
        }

        .icon_fix div:before,
        .icon_fix a:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            background-image: radial-gradient(circle, #db291d 10%, transparent 10.01%);
            background-repeat: no-repeat;
            background-position: 50%;
            transform: scale(10, 10);
            opacity: 0;
            transition: transform 0.5s, opacity 1s;
            display: none;
        }

        .icon_fix div:active:before,
        .icon_fix a:active:before {
            transform: scale(0, 0);
            opacity: 0.3;
            transition: 0s;
        }

        .icon_fix.gray div,
        .icon_fix.gray a {
            color: #000;
        }

        .icon_fix > div.active,
        .icon_fix a.active {
            border-top: 2px solid var(--main-color);
            color: var(--main-color);
        }

        .icon_fix img {
            width: 35px;
            height: initial;
            margin-bottom: -8px;
        }

        .icon_fix svg.active {
            display: none;
        }

        .icon_fix a.active svg:not(.active),
        .icon_fix div.active svg:not(.active) {
            display: block;
        }

        .icon_fix a.active svg,
        .icon_fix div.active svg {
        }

            .icon_fix a.active svg path,
            .icon_fix div.active svg path {
                fill: var(--main-color);
            }

        .icon_fix .account {
            position: initial;
        }

            .icon_fix .account .menu-user {
                position: fixed;
                bottom: 46px;
                background: #fff;
                flex-direction: column;
                padding: 0;
                display: none;
                width: 100vw;
                right: initial;
                left: 0;
            }

                .icon_fix .account .menu-user.active {
                    display: block;
                }

                    .icon_fix .account .menu-user.active .caret {
                        border: 10px solid transparent;
                        border-top: 10px solid #fff;
                        position: absolute;
                        top: 100%;
                        left: calc((100% - 20px) / 2);
                        padding: 0 !important;
                        width: 0;
                    }

                    .icon_fix .account .menu-user.active .overclose {
                        content: "";
                        width: 100vw;
                        height: 100vh;
                        background: rgba(0, 0, 0, 0.5);
                        position: fixed;
                        top: 0;
                        left: 0;
                        opacity: 1;
                        display: block !important;
                    }

                .icon_fix .account .menu-user a,
                .icon_fix .account .menu-user div {
                    text-align: left;
                    padding: 5px 10px !important;
                    border: none;
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    position: initial;
                    width: 100%;
                    font-weight: 700;
                    font-size: 15px;
                }

                .icon_fix .account .menu-user .first {
                    font-weight: 700;
                    background: #e5e5e5;
                    border-bottom: 2px #d8d8d8 solid;
                    font-size: 16px;
                }

                    .icon_fix .account .menu-user .first i {
                        color: var(--main-color);
                        font-size: 20px;
                        margin-left: 5px;
                    }

                .icon_fix .account .menu-user .ic {
                    width: 21px;
                    padding: 0 !important;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .icon_fix .account .menu-user a img,
                .icon_fix .account .menu-user div img {
                    display: block;
                    width: initial;
                    max-width: 100%;
                    margin-bottom: 0;
                }

    .slider-category.owl-carousel .owl-nav button,
    .slider-discount_v1.owl-carousel .owl-nav button,
    ._slide_new_highlight.owl-carousel .owl-nav button,
    ._slide_brand.owl-carousel .owl-nav button,
    .slide_category.owl-carousel .owl-nav button,
    .slider_same.owl-carousel .owl-nav button,
    .slider_seen.owl-carousel .owl-nav button {
        width: 32px;
        height: 32px;
        top: -4px;
        right: 15px;
    }

    .item_p > .act_add,
    .item_p .click-add {
        font-size: 12px;
        padding: 7.5px 5px;
        transition: initial;
        margin-right: 0;
    }

    .grid_tip .item .img img {
        transition: initial;
    }

    .banner_bestsale .item img {
        height: initial;
    }

    .grid_category .child_category .item .img {
        max-width: 80px;
        max-height: 80px;
    }

    .grid_news_index .item .img img {
        height: initial;
        transition: initial;
    }

    .grid_news_index .item:first-child .infor h3 {
        font-weight: 400;
        font-size: 14px;
    }

    .grid_tip .item:nth-of-type(1) {
        display: flex;
    }

        .grid_tip .item:nth-of-type(1) .img {
            width: 80px;
        }

        .grid_tip .item:nth-of-type(1) h3 {
            padding-left: 10px;
            font-size: 15px;
            padding-top: 0;
            width: calc(100% - 80px);
        }

    .slider-discount_v1,
    .slide_category {
        position: relative;
        overflow: hidden;
        aspect-ratio: 400/370;
    }

        .slider-discount_v1.owl-carousel .owl-nav button,
        ._slide_new_highlight.owl-carousel .owl-nav button,
        .slide_category.owl-carousel .owl-nav button {
            top: 24%;
            right: 15px;
            transform: initial;
        }

    .bct a {
        display: block;
        width: calc(100% / 3);
        padding: 0 7.5px;
        margin: 0 !important;
    }

    .bct div {
        display: flex;
        align-items: start;
    }

    .bct a img {
        height: initial;
        width: 100%;
        margin: 0 !important;
    }

    ._detail_content .image-center .image-captioned {
        width: 100%;
        margin: 0 0 15px 0;
    }

    #infor_pro .zone-prodcut .button-prodcut div {
        white-space: nowrap;
    }

    .pop_up .pswp__top__tabWrap {
        top: 84px;
    }

    .pop_up {
        top: 134px;
        height: calc(100vh - 110px);
    }

        .pop_up .lSSlideWrapper {
            height: unset;
        }

    #infor_pro {
        height: 84px;
    }

    .btn-out img,
    .btn-in img {
        width: 25px;
        height: 25px;
    }

    .zoomInOn,
    .zoomInOff,
    .zoomOutOn,
    .zoomOutOff {
        width: 34px;
        height: 34px;
        display: block;
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .zoomInOn,
    .zoomInOff {
        background-image: url(../image/zoom_in.png);
        top: 10px;
        right: 10px;
    }

    .zoomOutOn,
    .zoomOutOff {
        background-image: url(../image/zoom_out.png);
        top: 52px;
        right: 10px;
    }

    .zoomInOn,
    .zoomOutOn {
        opacity: 1;
        cursor: pointer;
    }

    .zoomInOff,
    .zoomOutOff {
        opacity: 0.3;
        cursor: auto;
    }

    #GalleryPopup {
        padding-left: 0;
    }

        #GalleryPopup li {
            list-style: none;
        }

            #GalleryPopup li img {
                width: 100%;
            }

    #Gallery img {
        width: 100%;
    }

    .zoom-over {
        width: calc(100vw - 30px);
    }

    .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

        .embed-responsive::before {
            display: block;
            content: "";
            padding-top: 100%;
        }

    .image-gallery {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        cursor: grab;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .html-image-gallery {
        position: relative;
        display: flex;
        align-items: center;
        vertical-align: middle;
        border-style: none;
    }

    .form-control-range {
        width: calc(100vw - 20px);
        margin-left: 10px;
    }

    input[type="range"] {
        height: 21px;
        appearance: none;
        -webkit-appearance: none;
        margin: 10px 0;
        width: 100%;
    }

        input[type="range"]:focus {
            outline: none;
        }

        input[type="range"]::-webkit-slider-runnable-track {
            width: 100%;
            height: 10px;
            cursor: pointer;
            animation-duration: 0.2s;
            box-shadow: 0px 0px 0px #000000;
            background: #db291d;
            border-radius: 10px;
            border: 0px solid #000000;
        }

        input[type="range"]::-webkit-slider-thumb {
            box-shadow: 0px 0px 0px #000000;
            border: 0px solid #ff2929;
            height: 15px;
            width: 15px;
            border-radius: 50px;
            background: #9e1e15;
            cursor: pointer;
            -webkit-appearance: none;
            margin-top: -2.5px;
        }

        input[type="range"]:focus::-webkit-slider-runnable-track {
            background: #db291d;
        }

        input[type="range"]::-moz-range-track {
            width: 100%;
            height: 10px;
            cursor: pointer;
            animation-duration: 0.2s;
            box-shadow: 0px 0px 0px #000000;
            background: #db291d;
            border-radius: 10px;
            border: 0px solid #000000;
        }

        input[type="range"]::-moz-range-thumb {
            box-shadow: 0px 0px 0px #000000;
            border: 0px solid #ff2929;
            height: 15px;
            width: 15px;
            border-radius: 50px;
            background: #9e1e15;
            cursor: pointer;
        }

        input[type="range"]::-ms-track {
            width: 100%;
            height: 10px;
            cursor: pointer;
            animation-duration: 0.2s;
            background: transparent;
            border-color: transparent;
            color: transparent;
        }

        input[type="range"]::-ms-fill-lower {
            background: #db291d;
            border: 0px solid #000000;
            border-radius: 20px;
            box-shadow: 0px 0px 0px #000000;
        }

        input[type="range"]::-ms-fill-upper {
            background: #db291d;
            border: 0px solid #000000;
            border-radius: 20px;
            box-shadow: 0px 0px 0px #000000;
        }

        input[type="range"]::-ms-thumb {
            margin-top: 1px;
            box-shadow: 0px 0px 0px #000000;
            border: 0px solid #ff2929;
            height: 15px;
            width: 15px;
            border-radius: 50px;
            background: #9e1e15;
            cursor: pointer;
        }

        input[type="range"]:focus::-ms-fill-lower {
            background: #db291d;
        }

        input[type="range"]:focus::-ms-fill-upper {
            background: #db291d;
        }

    .infor-product .pName {
        font-size: 13px;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    #infor_pro .zone-prodcut .button-prodcut .buy_now {
        margin-right: 0;
    }

    .choose-color,
    .choose-color-quick {
        flex-wrap: wrap;
    }

        .choose-color strong,
        .choose-color-quick strong {
            width: 100%;
        }

        .choose-color span,
        .choose-color-quick span {
            margin-left: 0;
        }

    .price_sale .detail img {
        max-width: 100%;
    }

    .price_sale .price {
        padding-bottom: 15px;
    }

        .price_sale .price .change-pr {
            line-height: 1;
        }

    .title-order,
    .customer-infor,
    .product-information,
    .order-date,
    .payment-type,
    .total-order-price {
        width: 100%;
    }

    .grid-product-order .card-order {
        flex-wrap: wrap;
    }

        .grid-product-order .card-order .order-infor {
            width: calc(100% - 95px);
        }

    .grid-product-order .card-order {
        margin-bottom: 10px;
        row-gap: 0;
    }

        .grid-product-order .card-order:last-child {
            margin-bottom: 0;
        }

        .grid-product-order .card-order .order-price {
            width: calc(100% - 95px);
            margin-left: 95px;
            display: flex;
            column-gap: 10px;
            align-items: end;
            flex-wrap: wrap;
        }

            .grid-product-order .card-order .order-price p {
                text-align: left;
            }

                .grid-product-order .card-order .order-price p:first-child {
                    color: var(--main-color);
                }

    .icon_fix .gio-hang span {
        position: absolute;
        right: 0;
        top: 3px;
        background: var(--main-color);
        color: #fff;
        font-weight: 500;
        font-size: 12px;
        padding: 5px;
        border-radius: 10px;
        width: initial;
        height: initial;
    }

    .logo {
        margin: initial;
    }

    .slide-flash-sale .slider-discount_v1 {
        position: relative;
    }

        .slide-flash-sale .slider-discount_v1.owl-carousel .owl-nav button {
            top: 50%;
            transform: translateY(calc(-50% - 80px));
        }

    .flex-top-mb > * {
        text-align: right;
        font-size: 13px;
    }

    .check-order {
        padding: 15px 0;
    }

        .check-order .sr {
            padding: 15px;
        }

            .check-order .sr h2 {
                font-size: 20px;
                margin-bottom: 15px;
            }

            .check-order .sr .input {
                width: 100%;
            }

    .seemore-sale {
        grid-column: 1/3;
    }

    .advisor_product .form-group .input {
        width: 100%;
    }

    .product-left {
        padding-top: 15px;
    }

    .notification_cart {
        top: 80px;
    }

    .prRating {
        margin-bottom: 5px;
        font-size: 11px;
        line-height: 1;
    }

    .item_p .desc .sold-text {
        position: initial;
        margin-bottom: 5px;
    }

    .infac-rght .infacr-lft {
        width: 100%;
    }

    .my_order .item_cart .infor_cart .price_cart {
        width: 95px;
    }

    .my_order .item_cart .infor_cart .name_cart {
        width: calc(100% - 175px);
    }

    .tabitem table td .flex {
        display: flex;
    }

    .gtittb {
        padding: 15px 0;
    }

        .gtittb p {
            color: #333;
            text-align: left;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .gtittb p span {
                text-align: right;
            }

            .gtittb p .cancel-order {
                width: 100%;
            }

    .order-infor-customer span,
    .order-infor-customer p {
        width: 100%;
    }

    .order-infor-customer span {
        color: #333;
    }

    .order-infor-customer p {
        font-size: 14px;
        line-height: 1.5;
    }

        .order-infor-customer p label {
            margin-bottom: 0;
        }

    .title-order .status {
        display: block;
    }

    .result-check {
        gap: 15px;
    }

    .order-promotion .detail-promotion ul {
        padding-left: 30px;
    }

        .order-promotion .detail-promotion ul li::marker {
            color: var(--main-color);
        }

    .order-infor-customer:last-child {
        margin-bottom: 0;
    }

    .order-infor-customer .clear-float {
        overflow: hidden;
        width: 100%;
        display: block;
    }

    .order-infor-customer .order-info__label {
        float: left;
        width: initial;
        line-height: 1.3;
        margin-right: 10px;
    }

    .payment-type .detail p:last-child {
        margin-bottom: 0;
    }

    .order-gift .gift-promotion a {
        padding-top: 5px;
        align-items: start;
    }

    .total-order-price p {
        margin-bottom: 10px;
    }

    .cancel-order {
        margin-bottom: 0;
    }

    .my_order.find_order .item_cart .infor_cart .name_cart {
        width: calc(100% - 80px);
    }

    .my_order.find_order .item_cart .infor_cart .price_cart {
        text-align: left;
        width: 100%;
    }

    .choose-order .item {
        font-size: 14px;
        padding: 8px 21px;
    }

    .promotion-event .left {
        flex-direction: column;
        flex-wrap: initial;
        padding-top: 11px;
    }

    .promotion-event .right {
        flex-direction: column;
        align-items: end;
        padding-top: 0;
    }

    .promotion-event .left .sale-val {
        margin-bottom: 0;
    }

    .attact_products .attact_card .attact_info {
        justify-content: space-between;
    }

        .attact_products .attact_card .attact_info .attact_price {
            width: 50%;
            display: flex;
            flex-wrap: wrap;
            justify-content: start;
            gap: 5px;
            line-height: 1;
        }

            .attact_products .attact_card .attact_info .attact_price span {
                margin-left: 0;
            }

        .attact_products .attact_card .attact_info .act_add {
            width: 45%;
        }

    slider_seen.owl-carousel .owl-nav button {
        top: 0;
        right: 0;
    }

    .slider_same.owl-carousel .owl-nav button {
        right: 0;
    }

        .slider_same.owl-carousel .owl-nav button.owl-prev {
            right: 35px;
        }

    .list-c-d-detail-rate {
        margin-bottom: 15px;
    }

    .call-fixed {
        bottom: 85px;
        left: 15px;
    }

    .box-order .text-order {
        margin-bottom: 15px;
    }

    .flex-div {
        clear: both;
    }

    .order-infor-customer .flex-item span {
        width: auto;
    }

    .order-infor-customer .flex-item p {
        width: initial;
    }

    .area_buy {
        gap: 10px;
        padding-top: 15px;
        margin-bottom: 15px;
    }

        .area_buy .add-to-cart,
        .area_buy .buy-installment,
        .area_buy div,
        .area_buy a {
            font-size: 11px;
            width: calc(50% - 5px);
        }

        .area_buy input {
            width: calc(50% - 85.5px);
        }

        .area_buy .buy_now {
            width: calc(50% - 5px);
        }

    .area_article > p {
        font-size: 18px;
    }

    .infor_product > p {
        font-size: 18px;
    }

    .head-rate .titH2b,
    .bar h2 {
        font-size: 18px;
    }

    .iteminacc_user {
        display: flex;
        align-items: center;
    }

    .infac-lft ._tk2 .iteminacc_user .txt-itemacc {
        font-size: 16px;
    }

        .infac-lft ._tk2 .iteminacc_user .txt-itemacc p {
            font-size: 12px;
        }

    .iteminacc_user .logout-account a {
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border: 1px solid var(--main-color);
        background: var(--main-color);
        color: #fff;
        border-radius: 25px;
        padding: 5px 25px;
        font-size: 14px;
        overflow: hidden;
    }

    .wrapper_quickbuy {
        align-items: end;
    }

        .wrapper_quickbuy .main_quickbuy {
            border-radius: 0;
            max-height: 100vh;
        }

            .wrapper_quickbuy .main_quickbuy .left .image-quick-buy {
                width: 70px;
            }

            .wrapper_quickbuy .main_quickbuy .left .header-detail {
                width: calc(100% - 70px);
            }

                .wrapper_quickbuy .main_quickbuy .left .header-detail h1 {
                    font-weight: 500;
                }

                .wrapper_quickbuy
                .main_quickbuy
                .left
                .header-detail
                .flex-price
                .prOldPrice {
                    font-size: 14px;
                }

                .wrapper_quickbuy .main_quickbuy .left .header-detail .flex-price .prPrice {
                    font-size: 14px;
                }

            .wrapper_quickbuy .main_quickbuy .close_quickbuy {
                width: 35px;
                height: 35px;
            }

            .wrapper_quickbuy .main_quickbuy .close_quickbuy {
                top: 0;
                right: 0;
            }

    .close_quickbuy:before,
    .close_quickbuy:after {
        width: 25px;
        height: 1px;
    }

    .wrapper_quickbuy .main_quickbuy > .left {
        align-items: center;
    }

    .deliverytime {
        position: relative;
    }

        .deliverytime p {
            line-height: 1;
        }

    .note-sapvehang .content-tooltip {
        min-width: 100%;
    }

    .list-module {
        padding: 15px 0;
    }

        .list-module .module-item {
            padding: 5px;
        }

            .list-module .module-item h2 {
                padding: 10px 0;
                min-height: initial;
            }

                .list-module .module-item h2,
                .list-module .module-item h2 a {
                    font-size: 13px;
                }

            .list-module .module-item .img {
                padding: 0 5px;
            }

    .item_p .img span.sold-out {
        height: 20px;
        font-size: 13px;
        top: 0;
        color: #333;
        background: transparent;
        right: 0;
        left: initial;
        border-radius: 4px;
        transform: initial;
    }

    .filter-attrquick .sub-filterquick ul {
        flex-wrap: initial;
        overflow-x: auto;
    }

        .filter-attrquick .sub-filterquick ul li {
            white-space: nowrap;
        }

    .filter-mostsearch {
        flex-wrap: wrap;
    }

        .filter-mostsearch .left > p {
            width: 105px;
        }

        .function_product,
        .filter-mostsearch .left {
            width: 100%;
            justify-content: space-between;
        }

    .sub-filtermostsearch {
        width: calc(100% - 115px);
        overflow-x: auto;
    }

    .filter-right .item {
        padding-bottom: 10px;
    }

        .filter-right .item h3 .arrow-filter {
            left: 13px;
        }

    .main-filter {
        width: 100vw;
        flex-wrap: wrap;
        row-gap: 0;
        position: relative;
        background: #fff;
        width: 100vw;
        margin-left: -15px;
        padding: 15px 15px 5px 15px;
    }

        .main-filter.active {
            z-index: 1001;
        }

    .product_right .title-filter {
        width: 85px;
    }

    .filter-right {
        width: calc(100% - 95px);
    }

    .main-subfilter {
        position: relative;
        width: 100%;
    }

    .sub-filter {
        width: 100vw;
        top: 0;
        left: -15px;
    }

    .main-subfilter .sub-filter.active {
        display: block;
    }

    .hotline-agency .item {
        padding: 5px;
        border-width: 1px;
        width: calc((100% - 10px) / 2);
        border: 1px dashed #cacaca;
        background: #f0f1f3;
    }

        .hotline-agency .item:first-child {
            width: 100%;
        }

        .hotline-agency .item a {
            font-size: 18px;
        }

        .hotline-agency .item:nth-of-type(2) a {
            color: #2067b7;
        }

        .hotline-agency .item:nth-of-type(3) a {
            color: #fe6500;
        }

    .hotline-agency-area table tr td:first-child {
        padding-left: 10px;
        font-size: 11px;
        vertical-align: top;
    }

    .hotline-agency-area table tr td:last-child {
        text-align: right;
        padding-left: 15px;
        font-size: 11px;
        white-space: nowrap;
    }

    .hotline-agency-area table tr td:first-child:before {
        top: 7px;
    }

    .hotline-agency-area {
        padding: 15px 5px 10px;
        margin-bottom: 15px;
    }

        .hotline-agency-area > span {
            left: 5px;
            padding: 0 5px;
        }

    .wrap_gift .attact_products {
        margin-bottom: 0;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .attact_products .attact_card .attact_amount {
        width: 50%;
        line-height: 1;
        padding-top: 0;
    }

    .more-voucher .item .img svg {
        height: 30px;
        width: 30px;
    }

    .more-voucher .item .img {
        width: 20%;
        padding: 5px;
    }

        .more-voucher .item .img p {
            font-size: 13px;
        }

    .more-voucher {
        margin-bottom: 15px;
    }

        .more-voucher .item .infor {
            padding: 5px;
            width: 60%;
        }

            .more-voucher .item .infor p:first-child {
                font-size: 13px;
            }

            .more-voucher .item .infor p:last-child {
                font-size: 13px;
            }

        .more-voucher .item .save-action {
            gap: 5px;
        }

            .more-voucher .item .save-action .save {
                font-size: 13px;
            }

            .more-voucher .item .save-action .infor-voucher {
                font-size: 13px;
                padding: 2.5px 3px;
            }

    .default-order .attr-group {
        flex-direction: column;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

        .default-order .attr-group .item p {
            line-height: 1;
            padding-bottom: 5px;
        }

        .default-order .attr-group .item {
            width: 100%;
        }

    .price_sale .default-order .detail {
        padding-bottom: 0;
    }

    ._detail ul,
    ._detail ol {
        padding-left: 20px;
    }

    footer {
        background: #fff;
    }

        footer .grid-footer {
            margin-bottom: 0;
            padding-bottom: 15px;
        }

    .grid-group-product {
        gap: 15px;
    }

        .grid-group-product .item_group {
            width: calc((100% - 15px) / 2);
        }

    .attr-group .item span {
        padding: 1.5px 8px;
        font-size: 12px;
    }

    .attr-group {
        gap: 10px;
    }

        .attr-group .item {
            gap: 5px;
        }

    .grid-group-product .item_group .desc .click-add {
        padding: 8px 11px;
    }

    .popup_agent .main-agent {
        padding: 15px;
        max-height: 95vh;
    }

        .popup_agent .main-agent button {
            border-radius: 5px;
        }

        .popup_agent .main-agent .title-agent {
            font-size: 16px;
        }

        .popup_agent .main-agent .close_quick {
            top: 2px;
            right: 0px;
        }

    .sub-filtermostsearch .item .logo {
        width: 80px;
    }

    .all-attributefilter.active {
        width: 100vw;
        transform: translateX(-15px);
        max-width: 100vw;
        min-width: 100vw;
    }

    .main-attrfilter .flex-attrfilter .item-attrfilter:first-child {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
    }

    .sub-filter-all ul {
        overflow-x: auto;
        width: 100%;
        flex-wrap: initial;
    }

        .sub-filter-all ul li {
            white-space: nowrap;
        }

    .main-attrfilter .flex-attrfilter .item-attrfilter {
        width: 100%;
        padding: 5px 15px;
    }

    .all-attributefilter.active .main-attrfilter {
        display: block;
        max-height: 54vh;
    }

    .attr-selected .chooosed .wrbl-txt {
        padding: 3px 6px;
        font-size: 13px;
    }

    .close-attributefilter {
        padding: 3px 5px;
        right: 15px;
        top: -40px;
    }

    .attr-selected {
        padding: 15px 15px 0 15px;
    }

    .result-filter {
        font-size: 13px;
        padding: 7px 0;
    }

    .clear-filter {
        font-size: 13px;
        padding: 7px 0;
    }

    .infor-filterquick .desc-filterquick {
        max-height: 300px;
        overflow-y: auto;
    }

    .toll-right .total-result {
        float: initial;
        display: inline;
    }

    .filter-right .item.active:before {
        display: none;
    }

    .chat_zalo {
        bottom: 60px;
    }

    .from-login .form-group input, .from-login button,
    .other-login .logfb, .other-login .loggg, .other-login .zl {
        height: 40px;
    }

    .login-taget .btn_register, .login-taget .btn_login {
        height: 40px;
    }

    .grid-group-product .item_group .desc .price {
        flex-direction: column;
    }

    ._slide_new_highlight {
        aspect-ratio: 400/360;
        overflow: hidden;
    }

        ._slide_new_highlight .swiper-button-prev {
            left: 15px;
        }

        ._slide_new_highlight .swiper-button-next {
            right: 15px;
        }

    .item_p .img a {
        align-items: center;
        justify-content: center;
    }

        .item_p .img a img {
            max-width: 100%;
            height: initial;
            width: initial;
            object-fit: contain;
        }

    .sliderdetail .owl-detail {
        position: relative;
    }

    .swiper-detail-prev, .swiper-detail-next {
        height: 63px;
        width: 30px;
        top: 50%;
        position: absolute;
        opacity: .5;
        transition: opacity 0.3s linear;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 10px -5px #333;
    }

        .swiper-detail-prev svg, .swiper-detail-next svg {
        }

    .sliderdetail .owl-detail:hover .swiper-detail-prev,
    .sliderdetail .owl-detail:hover .swiper-detail-next {
        opacity: 1;
    }

    .swiper-detail-prev.swiper-button-disabled, .swiper-detail-next.swiper-button-disabled {
        opacity: 0 !important;
    }

    .swiper-detail-prev {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        left: 0;
    }

    .swiper-detail-next {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        right: 0;
        transform: rotate(180deg);
    }

    .policy_intuitive {
        display: block;
        margin-bottom: 15px;
    }

        .policy_intuitive p {
            font-size: 16px;
        }

        .policy_intuitive ul li {
            width: 100%;
        }

            .policy_intuitive ul li:nth-of-type(2) {
                border-top: 1px solid #e9e9e9;
            }

    .banner-special .item, .banner-category .item {
        display: flex;
        align-items: center;
    }

        .banner-special .item img, .banner-category .item img {
            width: initial;
            height: initial;
            object-fit: contain;
        }
}

@media only screen and (max-width: 414px) {
    .promotion-event .right .date-end {
        font-size: 12px;
        padding-top: 0;
    }

    .promotion-event .left .promotion-price {
        height: 42.25px;
    }

    .promotion-event .left .price-sale {
        font-size: 18px;
    }

    .promotion-event .left .price-old {
        font-size: 14px;
    }

    .promotion-event .left .sale-val {
        font-size: 10px;
        width: 40px;
        margin-left: 5px;
    }

    .promotion-event .right .promotion-countdown span {
        font-size: 12px;
    }

    .promotion-event .left {
        width: calc(50% - 5px);
        margin-right: 5px;
    }

    .promotion-event .right {
        width: 50%;
    }
}

@media only screen and (max-width: 390px) {
    .promotion-event .left .title-promo {
        font-size: 18px;
    }

    .promotion-event .promotion-price .price-sale-right .sale-val {
        font-size: 24px;
    }

    .promotion-event .promotion-price .price-sale-left .price-sale {
        font-size: 24px;
    }

    .promotion-event .promotion-price .price-sale-left .price-old {
        font-size: 14px;
    }

    .slider-discount_v1, .slide_category {
        aspect-ratio: 400 / 390;
    }

    .item_p .desc .price-sale {
        padding: 0 5px 0 5px;
    }

        .item_p .desc .price-sale .price {
            gap: 0;
        }

    .viewed-product-index {
        aspect-ratio: 430 / 167;
    }

    .item_p .desc .price-sale .price .prOldPrice {
        font-size: 14px;
    }

    .item_p .desc .price-sale .price .prPrice {
        font-size: 14px;
    }

    .item_p .desc .price-sale .sale-val {
        font-size: 12px;
    }
}

@media only screen and (max-width: 375px) {
    .slider-discount_v1, .slide_category {
        aspect-ratio: 400 / 400;
    }
}

@media only screen and (max-width: 280px) {
    .promotion-event .left {
        width: 100%;
        margin-right: 0;
    }

    .promotion-event .right {
        width: 100%;
    }

        .promotion-event .right .date-end {
            text-align: center;
            padding-top: 0;
        }

    .advisor_product > p {
        font-size: 14px;
    }

    .infor_product .changePara {
        width: 100%;
        margin-left: 0;
    }
}