.title-khuyen-mai {
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: 22px;
    display: none;
}

.sort-by-price {
    margin-bottom: 10px;
}

.sort-by-price-title {
    background-color: #f4f4f4;
    padding: 5px 0;
    text-indent: 10px;
    border-top: 1px solid #eee;
    border-bottom: none;
    margin-bottom: 10px;
    font-weight: bold;
}

.list-sort {
    margin-left: 9px;
    padding-bottom: 9px;
}

    .list-sort li.sort-item {
        width: auto;
        display: inline-block;
        vertical-align: top;
        padding: 8px 0;
        margin-right: 3px;
    }

    .list-sort label {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 5px 10px;
    }

.bar-sort-right-inner {
    padding: 0 10px;
}

    .bar-sort-right-inner a.sort-view {
        width: 140px;
        width: calc(50% - 20px);
        vertical-align: middle;
        line-height: 24px;
    }

        .bar-sort-right-inner a.sort-view.grid {
            background: url(../images/grid-icon.png)no-repeat left;
        }

            .bar-sort-right-inner a.sort-view.grid.active {
                background: url('/themes/meta.vn/images/grid-icon-red.png')no-repeat left;
            }

        .bar-sort-right-inner a.sort-view.list {
            background: url('/themes/meta.vn/images/list-icon-gray.png')no-repeat left;
        }

            .bar-sort-right-inner a.sort-view.list.active {
                background: url(../images/list-icon-red.png)no-repeat left;
            }

        .bar-sort-right-inner a.sort-view span {
            margin-left: 32px;
        }

        .bar-sort-right-inner a.sort-view.grid {
            /*margin-left: -68px;
    margin-right: 50px;*/
        }

            .bar-sort-right-inner a.sort-view.grid span {
                /*float: right;*/
            }

.sort-item input[type="radio"] + label span {
    display: none;
}

.sort-item input[type="radio"]:checked + label {
    border: 1px solid #0071c4;
    padding-bottom: 5px;
    background: #0071c4;
    color: #fff;
}
/* .sort-item input[type="radio"] + label span{
    display:inline-block;
    width:14px;
    height:14px;
    vertical-align:-3px;
    cursor: pointer;
    border: 1px solid #d1d1d1;
    border-radius: 14px;
}
.sort-item input[type="radio"]:checked + label span {
    background:url(../images/radio-checked.png) top no-repeat;
    border: 1px solid #25a1dc;
} */
.box-navi-top {
    display: none;
}

#catpagesub-m .center-body-left {
    min-height: 42px;
}

#catpagesub-m .center-body-left,
#brand .center-body-left,
#searchpage .center-body-left {
    width: 100%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 2px 3px -2px #33333340;
    min-height: 42px;
}

    #catpage-m .center-body-left,
    #brand .center-body-left.brand-main {
        display: none;
    }

#view-video .center-body-left {
    display: none;
}

.body-left-box {
    background-color: #fff;
    margin-bottom: 14px;
}

#searchpage .body-left-box {
    margin-bottom: 20px;
}
/*.body-left-box.filter-general{background-color: #eee;}*/
.body-left-title-filter {
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    position: absolute;
}

.tab-filter-close {
    background-color: #0071c4;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    margin-top: 20px;
}

    .tab-filter-close a {
        color: #fff;
        display: block;
        text-transform: uppercase;
    }

    .tab-filter-close .fa {
        margin-right: 10px;
        font-size: 20px;
    }

#catpagesub-m .catalog-sub .body-left-title-filter,
#brand .catalog-sub .body-left-title-filter,
#searchpage .catalog-sub .body-left-title-filter {
    left: 5px;
    top: 5px;
}

#brand .filter-brand .body-left-title-filter,
#searchpage .filter-brand .body-left-title-filter {
    left: 70px;
    top: 5px;
}

#catpagesub-m .filter-brand .body-left-title-filter {
    left: 4px;
    top: 5px;
}

#catpagesub-m .filter-price .body-left-title-filter {
    left: 150px;
    top: 5px;
}

#catpagesub-m .body-left-box.catalog-sub {
    visibility: hidden;
    opacity: 0;
}

#searchpage .filter-price .body-left-title-filter {
    left: 190px;
    top: 5px;
}

#brand .filter-price .body-left-title-filter {
    left: 90px;
    top: 5px;
}

#catpagesub-m .filter-general .body-left-title-filter,
#brand .filter-general .body-left-title-filter {
    right: 5px;
    top: 5px;
}

#catpagesub-m .body-left-box.filter-general .body-left-box-title,
#brand .body-left-box.filter-general .body-left-box-title {
    display: block;
}

.arrow-icon-filter {
    background: url(../images/arrow-down.png)no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 12px;
    padding-left: 30px;
}

.body-left-box.expanded .arrow-icon-filter {
    background: url(../images/delete.png)no-repeat center;
    background-size: 12px;
}

#catpagesub-m .body-left-box-sub,
#brand .body-left-box-sub,
#searchpage .body-left-box-sub {
    background-color: #fff;
}

#catpagesub-m .body-left-box-inner,
#catpagesub-m .body-left-box-sub-under,
#catpagesub-m .body-left-box-inner-extra {
    max-height: 0px;
    overflow: hidden;
    /*transition: all 0.3s ease;*/
    -webkit-overflow-scrolling: touch;
}

#searchpage .body-left-box-inner,
#searchpage .body-left-box-sub-under,
#searchpage .body-left-box-inner-extra {
    max-height: 0px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

#brand .body-left-box-inner,
#brand .body-left-box-sub-under,
#brand .body-left-box-inner-extra {
    max-height: 0px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

#catpagesub-m .expanded .body-left-box-inner,
#brand .expanded .body-left-box-inner {
    max-height: 100%;
}

#searchpage .expanded .body-left-box-inner {
    max-height: 600px;
}

#catpagesub-m .catalog-sub.expanded .body-left-box-inner,
#searchpage .catalog-sub.expanded .body-left-box-inner {
    padding-top: 40px;
}

#brand .catalog-sub.expanded .body-left-box-inner {
    padding-top: 25px;
}

#catpagesub-m .filter-brand.expanded .body-left-box-inner,
#brand .filter-brand.expanded .body-left-box-inner {
    padding-top: 20px;
    padding-bottom: 100px;
}

#searchpage .filter-brand.expanded .body-left-box-inner {
    padding-top: 20px;
}

#catpagesub-m .filter-price.expanded .body-left-box-inner {
    padding-top: 10px;
    padding-bottom: 50px;
}

#brand .filter-price.expanded .body-left-box-inner,
#searchpage .filter-price.expanded .body-left-box-inner {
    padding-top: 10px;
}

#catpagesub-m .expanded .body-left-box-sub-under,
#brand .expanded .body-left-box-sub-under,
#searchpage .expanded .body-left-box-sub-under {
    max-height: 1000px;
    padding-bottom: 100px;
}

#catpagesub-m .body-left-box-sub-under .body-left-box-title,
#brand .body-left-box-sub-under .body-left-box-title,
#searchpage .body-left-box-sub-under .body-left-box-title {
    text-align: left;
    text-transform: none;
    color: #333;
    background-color: #f4f4f4;
    padding: 5px 0;
    text-indent: 10px;
    border-top: 1px solid #eee;
    border-bottom: none;
}

.body-left-box-title {
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    text-align: center;
    padding: 7px 0;
    display: none;
}

    .body-left-box-title.extra {
        position: relative;
    }

        .body-left-box-title.extra.collapse:before {
            background: url(../images/plus-red.png)no-repeat center;
            width: 16px;
            height: 16px;
            background-size: 12px;
            position: absolute;
            content: "";
            right: 5px;
        }

        .body-left-box-title.extra.extend:before {
            background: url(../images/minus-red.png)no-repeat center;
            width: 16px;
            height: 16px;
            background-size: 12px;
            position: absolute;
            content: "";
            right: 5px;
        }

#catpagesub-m .expanded .body-left-box-inner-extra {
    max-height: 100%;
    /*padding-bottom:100px;*/
}

#brand .expanded .body-left-box-inner-extra {
    max-height: 500px;
}

#catpage-m .body-left-title-filter {
    display: none;
}

.catalog-sub-item-link {
    font-size: 14.5px;
    padding: 6px 0px;
    display: block;
    line-height: 23.1565px;
}

.icon-sub-item {
    position: absolute;
    left: 10px;
}

    .icon-sub-item img {
        width: 20px;
        vertical-align: middle;
        margin-right: 10px;
    }

ul.list-catalog-sub {
    margin-top: 0px;
}

.catag-title-sub-item {
    padding-right: 5px;
    padding-left: 40px;
    display: table-cell;
}

.catalog-item-has-children .catag-title-sub-item {
    padding-right: 15px;
}

.catalog-sub-item {
    position: relative;
}

    .catalog-sub-item.is-current a {
        color: #da251c;
        font-weight: bold;
    }

    .catalog-sub-item a:hover,
    .catalog-sub-item a.x-hover {
        color: #da251c;
    }

.catalog-item-has-children .catalog-sub-item-link.arrow:before {
    background: url(../images/arrow-down-gray.png)no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    right: 3px;
    top: 11px;
    background-size: 10px;
}

.catalog-item-has-children:hover .catalog-sub-item-link.arrow:before,
.catalog-item-has-children.x-hover .catalog-sub-item-link.arrow:before {
    background: url(../images/arrow-down-red.png)no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    right: 3px;
    background-size: 10px;
}

.list-catalog-sub-children {
    background-color: #fff;
    padding-left: 40px;
    display: none;
}

    .list-catalog-sub-children .catag-title-sub-item {
        padding-left: 10px;
    }

    .list-catalog-sub-children.son2 {
        left: 228px;
        display: none !important;
        padding-left: 20px;
        text-align: left;
    }

.catalog-sub-item.son1 {
    position: relative;
}

.catalog-item-has-children.son1:hover .list-catalog-sub-children.son2,
.catalog-item-has-children.son1.x-hover .list-catalog-sub-children.son2 {
    display: block !important;
}

.catalog-sub-item:hover .list-catalog-sub-children, .catalog-sub-item.x-hover .list-catalog-sub-children {
    display: block;
}

.list-catalog-sub-children .icon-sub-item {
    display: none;
}

.view-more-cata-left a, .view-more-filter-left a {
    text-align: center;
    color: #0071c4;
    padding: 10px 0;
    display: none;
}

.view-more-cata-left .a-up {
    display: none;
}

.search-brand {
    width: 93%;
    margin: 10px auto;
    text-align: center;
    display: none;
}

.frm-search-brand {
    width: calc(100% - 34px);
    border: 1px solid #eee;
    border-radius: 3px 0 0 3px;
    height: 28px;
    font-size: 16px;
    outline: none;
    vertical-align: middle;
    text-indent: 5px;
}

.find-brand {
    width: 28px;
    height: 30px;
    border: none;
    text-indent: 50px;
    border-radius: 0 3px 3px 0;
    outline: none;
    margin-left: -4px;
    vertical-align: middle;
    background: #ff9900 url(../images/search-24.png)no-repeat center;
    background-size: 18px;
}

    .find-brand:hover {
        cursor: pointer;
    }

.list-filter {
    padding-bottom: 1px;
}

ul li.filter-item {
    margin: 10px 0;
}

.body-left-box-inner-extra li.filter-item,
#catpagesub-m .body-left-box.filter-brand li.filter-item,
#brand .body-left-box.filter-brand li.filter-item,
#searchpage .body-left-box.filter-brand li.filter-item {
    width: 48%;
    display: inline-block;
    margin: 5px 0;
    vertical-align: top;
}

    .body-left-box-inner-extra li.filter-item.hidden,
    #catpagesub-m .body-left-box.filter-brand li.filter-item.hidden,
    #brand .body-left-box.filter-brand li.filter-item.hidden,
    #searchpage .body-left-box.filter-brand li.filter-item.hidden {
        display: none;
    }

.select-filter-item:hover a,
.select-filter-item.x- hover a,
.filter-item:hover .count-filter-item,
.filter-item.x-hover .count-filter-item {
    color: #da251c;
}

.select-filter-item {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select-filter-item input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.filter-check {
    position: absolute;
    top: 1px;
    left: 10px;
    height: 12px;
    width: 12px;
    background-color: #fff;
    border: 1px solid #2196F3;
    border-radius: 3px;
}

.select-filter-item:hover input ~ .filter-check,
.select-filter-item.x-hover input ~ .filter-check {
    background-color: #fff;
}

.select-filter-item input:checked ~ .filter-check {
    background-color: #2196F3;
}

.filter-check:after {
    content: "";
    position: absolute;
    display: none;
}

.select-filter-item input:checked ~ .filter-check:after {
    display: block;
}

.select-filter-item .filter-check:after {
    left: 3px;
    top: -1px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter-link {
    margin-left: 32px;
    display: inline-block;
}

ul.ls-brand-subhead {
    padding-top: 10px;
}

li.shead-brand-item {
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 21%;
    text-align: center;
    margin-left: 10px !important;
    margin-right: -5px !important;
    margin-bottom: 10px !important;
    vertical-align: top;
}

    li.shead-brand-item a {
        padding: 0px !important;
    }

        li.shead-brand-item a img {
            max-width: 60px;
            vertical-align: middle;
            max-height: 100%;
            object-fit: scale-down;
        }

    li.shead-brand-item.show-more {
        font-size: 13px;
        line-height: 17px;
        background: #0071c4;
    border: 1px solid #0071c4;
    }

        li.shead-brand-item.show-more a {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            color: #fff;
        }

.count-filter-item {
    color: #999;
    margin-left: 5px;
}

.ls-brand-subhead .count-filter-item {
    display: none;
}

.shead-brand-item.is-selected a {
    color: #0071c4;
}

li.shead-brand-item a:hover {
    color: #da251c;
}

.fil-colour {
    height: 30px;
    width: 30px;
    float: left;
    left: 0;
    margin: 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    position: relative;
}

    .fil-colour img {
        max-width: 30px;
        max-height: 30px;
    }

.body-left-box-sub.filter-another.colour .filter-check {
    top: -4px;
    left: 24px;
    z-index: 9;
}

.body-left-box-sub.filter-another.colour .filter-item {
    width: auto;
}

.body-left-box-sub.filter-another.colour .body-left-box-inner-extra {
    margin-top: 10px;
    text-align: center;
}

#wBanner {
    display: block;
    max-width: 1236px;
    margin: 0 auto;
}

    #wBanner img {
        border: 0;
        max-width: 100%;
        height: auto;
    }

    #wBanner header {
        display: block;
        padding-top: 15px;
    }

/** Glidejs styles **/
.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slides {
    overflow: hidden;
    margin-bottom: 5px;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide {
    height: 100%;
    float: left;
    clear: none;
}

    .slide figure {
        display: block;
        position: relative;
        text-align: center;
    }

        .slide figure figcaption {
            position: absolute;
            right: 20%;
            font-size: 1.1em;
            font-weight: bold;
            padding: 8px 14px;
            color: #464646;
            background: rgba(255,255,255,0.8);
        }

            .slide figure figcaption a {
                color: #5a7fbc;
                text-decoration: none;
            }

                .slide figure figcaption a:hover, .slide figure figcaption a.x-hover {
                    text-decoration: underline;
                }

        .slide figure img {
            max-height: 445px;
        }

.slider-arrow {
    position: absolute;
    display: block;
    text-decoration: none;
    font-weight: 900;
    font-size: 3.0em;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.slider-arrow--right {
    top: 36%;
    right: -20px;
    background: url(../images/Next-img.png)no-repeat;
    width: 50px;
    height: 50px;
    background-size: 26px;
}

.slider-arrow--left {
    top: 36%;
    left: 0px;
    background: url(../images/Back-img.png)no-repeat;
    width: 50px;
    height: 50px;
    background-size: 26px;
}


.slider-nav {
    width: 120px;
    margin: auto !important;
    text-align: center;
    left: 0px !important;
}

.slider-nav__item {
    width: 5px;
    height: 5px;
    float: left;
    clear: none;
    display: block;
    margin: 0 3px;
    background: #999;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 3px;
}

    .slider-nav__item:hover, .slider-nav__item.x-hover {
        background: #333;
    }

.slider-nav__item--current, .slider-nav__item--current:hover, .slider-nav__item--current.x-hover {
    background: #333;
}

.banner-top-small {
    width: 270px;
    display: none;
}

.breadcrum-catalog {
    padding: 0 7px;
    position: relative;
}

ol.breadcrum-cat-box {
    margin: 5px 0;
}

.breadcrum-catalog ol li {
    display: inline-block;
    margin: 0;
    position: relative;
}

#brand .breadcrum-catalog ol li {
    font-size: 14px;
}

.breadcrum-catalog ol li a {
    display: inline-block;
}

.breadcrum-catalog ol li.breadcrum-cat-item.has-children a {
    display: inline-block;
    white-space: unset !important;
    width: unset !important;
}

.breadcrum-catalog ol li a:hover, .breadcrum-catalog ol li a.x-hover {
    color: #0071c4;
}

.breadcrum-catalog ol li .fa-angle-right {
    display: inline-block;
    font-weight: bold;
    padding: 0 10px;
}

.breadcrum-catalog ol li:last-child .fa-angle-right {
    visibility: hidden;
}

.breadcrum-cat-item.home {
    display: none;
}

#searchpage .breadcrum-cat-item.home {
    display: inline-block;
}

.breadcrum-cat-menu {
    display: none;
    top: 24px;
}

    .breadcrum-cat-menu.parent {
        min-width: 840px;
        -webkit-column-width: 190px;
        -webkit-column-gap: 0;
        -moz-column-width: 190px;
        -moz-column-gap: 0;
        column-width: 190px;
        column-gap: 0;
        column-fill: auto;
    }

    .breadcrum-cat-menu:before {
        position: absolute;
        content: "";
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        top: -6px;
        left: 25px;
    }

    .breadcrum-cat-menu:after {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 160px;
        height: 14px;
        top: -14px;
        left: -10px;
    }

.breadcrum-cat-menu-item {
    margin: 0 10px 0 20px !important;
    text-indent: 0 !important;
    line-height: 24px !important;
    width: 260px;
    padding: 3px 0;
    border-bottom: 1px solid #eee;
}

.breadcrum-cat-item.nav1 .breadcrum-cat-menu-item {
    width: 260px;
}

.breadcrum-cat-item.nav2 .breadcrum-cat-menu-item {
    width: 180px;
}

.breadcrum-cat-item.nav3 .breadcrum-cat-menu-item {
    width: 180px;
}

.breadcrum-cat-menu-item:last-child {
    border-bottom: none;
}

.has-chidren.hover.mobile .breadcrum-cat-menu.parent {
    min-width: 200px;
    width: 290px;
}

.breadcrum-cat-menu-item a {
    width:99%;
}

.breadcrum-cat-menu-item a:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    top: 12px;
    background: #b7b7a6;
    left: -10px;
}

/*Style list nganh chuyen mục*/
.list-catalog-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 395px;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
}

    .list-catalog-main .catalog-main-item {
        width: 100px;
        height: 110px;
        text-align: center;
        vertical-align: top;
        padding: 5px 0 5px;
        -webkit-box-flex: 1;
        -webkit-flex: 30%;
        -ms-flex: 30%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        background-color: #fff;
        border: 1px solid #ddd;
        margin: 0px 5px 10px 5px;
        cursor: pointer;
    }

.icon-cat-main-thumb {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: auto;
}

    .icon-cat-main-thumb span {
        width: 70px;
        height: 70px;
        display: table-cell;
        vertical-align: middle;
    }

    .icon-cat-main-thumb img {
        max-height: 100%;
        max-width: 100%;
        object-fit: scale-down;
    }

.name-cat-main {
    margin-top: 5px;
    line-height: 18px;
    padding: 0 5px;
}

.view-more-page {
    margin: 10px 0;
}

    .view-more-page a {
        color: #0071c4;
        text-align: center;
        display: block;
    }

/*Style top san pham ban chay*/
.top-product-highlight {
    padding-top: 10px;
    background-color: #fff;
    margin-top: 5px;
    position: relative;
    margin-bottom: 25px;
}

.title-bar-hl {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    width: 100%;
}

.title-bar-left {
    display: inline-block;
    float: left;
    margin-left: 8px;
    font-size: 18px;
}

.see-all-prod-highlight {
    text-align: center;
    border-radius: 5px;
    float: right;
    margin-right: 5px;
}

    .see-all-prod-highlight a {
        color: #0071c4;
        font-weight: normal;
        font-size: 14px;
    }

    .see-all-prod-highlight .fa {
        margin-left: 5px;
    }

.list-product-highlight {
    position: relative;
}

.product-highlight-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    flex-direction: row;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

    .product-highlight-wrap .product-highlight-item {
        background-color: #fff;
        border: 1px solid #f1f1f1;
        border-radius: 5px;
        padding: 10px 5px 20px;
        width: 160px;
        text-align: center;
        margin: 0px 0px 10px 10px;
        position: relative;
    }

        .product-highlight-wrap .product-highlight-item:hover,
        .product-highlight-wrap .product-highlight-item.x-hover {
            box-shadow: 1px 1px 1px 1px #f5f5f5;
            border: 1px solid #ddd;
        }

.prod-hl-gift.active {
    font-size: 10px;
    position: absolute;
    top: 125px;
    left: 5px;
}

.icon-gift {
    background: #fff url(../images/gift.png)no-repeat center center;
    background-size: 16px;
    width: 20px;
    height: 20px;
    border: 2px solid #da251c;
    display: block;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
}

.prod-hl-gift.active:before {
    content: "Tặng quà";
    font-size: 10px;
    font-weight: 500;
    display: block;
    color: #fff;
    background-color: #da251c;
    width: 63px;
    text-transform: uppercase;
    padding: 4px 0 2px;
    left: 23px;
    position: absolute;
    top: 4px;
    border-radius: 3px;
}

.freeship-icon {
    width: 36px;
    position: absolute;
    top: 5px;
    left: 5px;
}
/*An nut tra gop ngay 7-5-2025*/
.tragop-ox {
    width: 56px;
    height: 19px;
    background: #ff9900;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    line-height: 19px;
    position: absolute;
    top: 130px;
    right: 5px;
    font-weight: bold;
    display: none;
}

.freeship-sale ~ .tragop-ox {
    visibility: hidden;
}

.freeship-icon {
    width: 36px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.prod-hl-discount {
    position: absolute;
    right: 0px;
    top: -8px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
    background: none;
    display: none;
}

    .prod-hl-discount span {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 24px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #da251c;
        position: absolute;
        top: 14px;
        right: -28px;
    }

        .prod-hl-discount span:before {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #da251c;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #da251c;
        }

        .prod-hl-discount span:after {
            content: "";
            position: absolute;
            right: 0;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #da251c;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #da251c;
        }

.wrap-list-product-catagsub .prod-hl-discount {
    display: block;
}

    .wrap-list-product-catagsub .prod-hl-discount span {
        width: 50px;
        height: 20px;
        display: block;
        border-radius: 10px;
        background: #f90;
        position: absolute;
        top: 14px;
        right: 5px;
        line-height: 20px;
        transform: none;
        -webkit-transform: none;
    }

        .wrap-list-product-catagsub .prod-hl-discount span:before,
        .wrap-list-product-catagsub .prod-hl-discount span:after {
            display: none;
        }

.prod-hl-thumb {
    height: 140px;
    width: 140px;
    overflow: hidden;
    margin: auto;
}

    .prod-hl-thumb a {
        height: 140px;
        width: 140px;
        display: table-cell;
        vertical-align: middle;
    }

    .prod-hl-thumb img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

.prod-hl-name {
    margin: 5px 0;
    line-height: 18px;
    min-height: 36px;
}

.prod-hl-brand a {
    color: #0071c4;
}

.product-price-meta {
    color: #da251c;
    font-weight: bold;
}

.product-price-old {
    text-decoration: line-through;
    color: #555;
    display: none;
}

.prod-hl-buynow {
    width: calc(100% - 12px);
    border-radius: 3px;
    background-color: #fff;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: none;
    padding: 2px 0;
    border: 1px solid #0857ea;
    position: absolute;
    bottom: 5px;
}

.td_prods .prod-hl-buynow {
    display: none;
}

a.prod-hl-buy-txt {
    height: 24px;
    color: #0857ea;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.list-product-highlight nav {
    position: absolute;
    top: 36%;
    left: 0;
    width: 100%;
    height: 0;
    display: block;
    visibility: visible;
    opacity: 0;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.box-cat-inner nav {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
    height: 0;
    display: block;
    visibility: visible;
    opacity: 0;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
#catpage-m .cdown-pro-right {
    position: absolute;
    width: 65px;
    right: 0;
    top: 0;
}

.list-product-highlight nav .arrow-preview-product {
    width: 100%;
    border-radius: 3px 3px 0 0;
    display: block;
    height: 100%;
    margin: 0 auto;
}

.arrow-preview-product label {
    display: block;
    width: 10px;
    height: 20px;
    font-size: 30px;
    padding: 12px 5px;
    margin: 0;
    background: #eee;
    cursor: pointer;
}

    .arrow-preview-product label.arrow-left {
        border-radius: 0 20px 20px 0;
        float: left;
        text-align: left;
    }

    .arrow-preview-product label.arrow-right {
        border-radius: 20px 0 0 20px;
        float: right;
        text-align: right;
    }

    .arrow-preview-product label i {
        display: block;
        color: #fff;
        position: absolute;
        top: 5px;
    }

        .arrow-preview-product label i.fa-angle-left {
            left: 3px;
        }

        .arrow-preview-product label i.fa-angle-right {
            right: 3px;
        }

.list-product-highlight:hover nav,
.list-product-highlight.x-hover nav {
    visibility: visible;
    opacity: .8;
}

.product-rate {
    margin: 0 10px;
}

.rating-box {
    display: inline-block;
    margin-right: 5px;
}

.amount-rate {
    display: inline-block;
    color: #999;
    font-size: 12px;
}

.rating-box .fa-star {
    color: #fcfcfc;
    font-size: 13px;
    margin-right: -2px;
    text-shadow: 0 0 1px rgba(0,0,0,1);
}

.rating-box .rated {
    color: #ffb909;
}

.count-rated {
    font-size: 11px;
}

.rated-01, .rated-02, .rated-03, .rated-04, .rated-05, .rated-06, .rated-07, .rated-08, .rated-09, .rated-10 {
    position: relative;
}

    .rated-01:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 10%;
        overflow: hidden;
    }

    .rated-02:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 20%;
        overflow: hidden;
    }

    .rated-03:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 30%;
        overflow: hidden;
    }

    .rated-04:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 40%;
        overflow: hidden;
    }

    .rated-05:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 50%;
        overflow: hidden;
    }

    .rated-06:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 60%;
        overflow: hidden;
    }

    .rated-07:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 70%;
        overflow: hidden;
    }

    .rated-08:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 80%;
        overflow: hidden;
    }

    .rated-09:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 90%;
        overflow: hidden;
    }

    .rated-10:after {
        content: "\f005";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 100%;
        overflow: hidden;
    }

/*Style chuyen muc con*/
.box-catalog-main {
    background-color: #fff;
    margin-top: 25px;
}

.box-cat-bar {
    height: 34px;
    line-height: 32px;
    position: relative;
}

.box-cat-title h2 {
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 6px;
    padding-top: 4px;
    font-size: 18px;
    border-left: 4px solid #ffcc00;
    max-width: calc(100% - 105px);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.box-cat-all {
    position: absolute;
    right: 12px;
    top: 5px;
}

    .box-cat-all .fa {
        margin-left: 5px;
        vertical-align: middle;
    }

.cat-product-highlight {
    margin: 10px 0;
}

/* Style danh sach san pham trang chuyen muc con*/
.desc-xeo {
    background: #FFF;
    padding: 10px 10px 0px 10px;
    position: relative;
    border-bottom: 1px solid #eee;
}

    .desc-xeo a {
        color: #0071c4;
    }

.xeo-desc-more a {
    background: rgba(255, 255, 255, 0.85);
    height: 32px;
    bottom: 15px;
    display: block;
    z-index: 1;
    position: absolute;
    width: 100%;
    right: 0;
    text-align: center;
    line-height: 28px;
    border-top: 1px solid #FAFAFA;
}

.a-readmore.xeo-desc-open {
    bottom: 0;
}

.xeo-desc-more.xeo-close a {
    bottom: 0px;
    background: #FFF;
    height: 26px;
    border-top: none;
}

.xeo-desc-more.xeo-open a::before {
    content: "Xem thêm";
    text-align: center;
    margin-right: 15px;
}

.xeo-desc-more.xeo-close a::before {
    content: "Ẩn bớt";
    text-align: center;
    margin-right: 15px;
}

.xeo-desc-more.xeo-close {
    padding-bottom: 10px;
}

.desc-xeo p, .desc-xeo ul {
    margin-bottom: 10px;
}

    .desc-xeo ul li {
        list-style-type: disc;
        margin-left: 20px;
        margin-bottom: 8px;
    }

.desc-xeo img {
    max-width: 100%;
    height: auto;
}

.desc-xeo p {
    line-height: 26px;
}
.desc-xeo table{
    margin: auto;
    margin-bottom: 10px;
}
.desc-xeo table td {
    padding: 5px;
    border: 1px solid #ddd;
}
.xeo-desc h2, .xeo-desc h3 {
    font-weight: 500;
    margin-bottom: 5px;
}

.wrap-product-catagsub {
    background-color: #fff;
    position: relative;
}

.bar-sort-product {
    padding: 8px 0;
    position: relative;
    display: none;
}

.bar-sort-left-title {
    font-weight: bold;
    padding-left: 10px;
    width: 90px;
}

/*.bar-sort-left-box {
    width: calc(100% - 110px);
}*/

.bar-sort-product li.sort-item {
    width: auto !important;
    margin-right: 3px;
    padding: 0;
}

    .bar-sort-product li.sort-item label:hover {
        color: #fff;
        padding-bottom: 5px;
        border: 1px solid #0071c4;
        background: #0071c4;
    }

.bar-sort-right {
    position: absolute;
    right: 12px;
    top: -2px;
    display: block;
    z-index: 98;
}

li.sort-item.goiy {
    position: relative;
}

    li.sort-item.goiy:before {
        background: url(https://meta.vn/Data/image/2021/01/13/prod-hot-a.png) no-repeat;
        content: "";
        background-size: 20px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 6px;
        left: 4px;
        z-index: 9;
    }

    li.sort-item.goiy label {
        position: relative;
        padding-left: 26px;
        border: 1px solid #84bee8;
        color: #0071c4;
    }

a.sort-view {
    -webkit-appearance: none;
    -webkit-user-select: none;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.sort-view.grid {
    background: url(../images/grid-icon.png)no-repeat center;
    background-size: 20px;
}

    .sort-view.grid.active {
        background: url(../images/grid-icon-red.png)no-repeat center;
        background-size: 20px;
    }



.sort-view.list {
    background: url(../images/list-icon-gray.png)no-repeat;
}

    .sort-view.list.active {
        background: url(../images/list-icon-red.png)no-repeat;
    }

.wrap-list-product-catagsub {
    background-color: #fff;
}

    .wrap-list-product-catagsub .product-highlight-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
        width: 100%;
    }

        .wrap-list-product-catagsub .product-highlight-wrap .product-highlight-item {
            border: none;
            text-align: left;
            margin: 0px;
            vertical-align: top;
            flex-grow: 1;
            box-sizing: border-box;
            /*-webkit-box-flex: 1;
    -webkit-flex: 44%;
    -ms-flex: 44%;*/
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: inline-block;
            border-bottom: 1px solid #eee;
            border-left: 1px solid #eee;
            border-radius: 0;
            padding: 10px 9px 20px;
            max-width: 50%;
        }

.prod-hl-compare {
    position: absolute;
    bottom: 3px;
    right: 9px;
    width: 50%;
    text-align: right;
    padding-top: 10px;
}

.pad-sp-banchay .prod-hl-compare {
    right: 5px;
}

.border-right-alone {
    border-right: 1px solid #eee !important;
}

li.product-highlight-item.prod-item.border-right-alone {
    margin-left: 1px;
    border-left: none;
}

.wrap-list-product-catagsub .product-price-old {
    display: inline-block;
    font-size: 11px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.wrap-list-product-catagsub .product-price {
    margin-top: 0;
    position: relative;
    width: 100%;
}

.wrap-list-product-catagsub .product-rate {
    margin: 5px 0 0 0;
    position: relative;
}

.wrap-list-product-catagsub .rating-box .fa-star {
    font-size: 13px;
    letter-spacing: -3px;
}

.wrap-list-product-catagsub .prod-hl-gift.active:before {
    text-indent: 6px;
    padding: 2px 0 2px;
    top: 6px;
}

.box-paging {
    text-align: center;
    padding: 10px 0;
    display: none;
}

a.pagination-item {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px 8px;
    margin: 0 5px;
    min-width: 14px;
    display: inline-block;
}
    /*a.pagination-item.first,
a.pagination-item.last
{width: 90px;}*/
    a.pagination-item .fa {
        margin: 0 5px;
    }

    a.pagination-item.active {
        background-color: #da251c;
        color: #fff;
        border: 1px solid #da251c;
    }

        a.pagination-item.active:hover {
            color: #fff !important;
        }

.list-product-catasub-more {
    text-align: center;
    padding: 15px 0;
}

    .list-product-catasub-more a {
        color: #0071c4;
        padding: 10px 20px;
        border: 1px solid #0071c4;
        border-radius: 3px;
    }

        .list-product-catasub-more a:hover {
            color: #0071c4 !important;
        }

    .list-product-catasub-more .fa {
        margin-left: 3px;
        font-size: 11px;
    }

/* Style danh sach san pham trang chuyen muc con dang list*/
.wrap-list-product-catagsub.list .product-highlight-wrap .product-highlight-item {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    padding: 20px 8px;
    max-width: none;
}

.product-highlight-item-left {
    width: 140px;
    height: 140px;
    vertical-align: top;
    position: relative;
}

.product-highlight-item-right {
    width: calc(100% - 150px);
    float: right;
}

.wrap-list-product-catagsub .product-highlight-item-right .product-price-old {
    left: 85px;
}

.wrap-list-product-catagsub .product-highlight-item-right .prod-hl-name {
    min-height: inherit;
    font-weight: bold;
}

.product-highlight-item-left .prod-hl-gift.active {
    top: 95px;
}

.product-short-desc {
    margin-top: 7px;
    display: none;
}

.body-show-video {
    width: calc(100% - 10px);
    padding: 10px 5px;
}

.thumb-video-main {
    width: 100%;
    position: relative;
}

    .thumb-video-main img {
        max-width: 100%;
    }

.title-video-top {
    background: #333333a1;
    color: #fff;
    position: absolute;
    bottom: 6px;
    padding: 5px;
    width: calc(100% - 10px);
}

.playhover {
    width: 70px;
    height: 44px;
    background: #333333a6;
    border-radius: 10px;
    position: absolute;
    top: 38%;
    left: 40%;
}

.playnow {
    width: 0px;
    height: 0px;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 16px solid #fff;
    position: absolute;
    left: 42%;
    top: 29%;
}

.thumb-video-main a:hover .playhover,
.thumb-video-main a.x-hover .playhover,
.show-video-item a:hover .playhover,
.show-video-item a.x-hover .playhover {
    background: #ff0000;
}

.body-show-video .list-show-video {
    display: block;
}

.list-show-video .show-video-item {
    display: inline-block;
    position: relative;
}

.thumb-video-item {
    width: 100px;
    float: left;
    position: relative;
    margin-bottom: 5px;
    display: block;
}

    .thumb-video-item:before {
        padding-top: 56.25%;
        content: '';
        display: block;
    }

    .thumb-video-item > a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.list-show-video .show-video-item img {
    max-width: 100%;
}

.show-video-item .playhover {
    top: 17px;
    left: 32px;
    width: 30px;
    height: 22px;
    border-radius: 3px;
}

.show-video-item .playnow {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 9px solid #fff;
}

.title-video-item {
    text-align: left;
    float: right;
    display: inline-block;
    width: calc(100% - 110px);
}

    .title-video-item a:hover, .title-video-item a.x-hover {
        color: #0071c4;
    }

.list-cat-support {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

    .list-cat-support .cat-support-item {
        width: 50%;
        text-align: center;
        -webkit-box-flex: 1;
        -webkit-flex: 40%;
        -ms-flex: 40%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
    }

.thumb-cat-support {
    width: calc(100% - 10px);
    margin: auto;
}

.cat-support-item img {
    max-width: 100%;
}

.list-articles-new {
    margin-top: 5px;
}

li.articles-new-item:hover .articles-name {
    color: #da251c;
}

.articles-new-item {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.articles-thumb {
    width: 80px;
    margin-right: 5px;
    height: auto;
    object-fit: scale-down;
}

    .articles-thumb img {
        max-width: 100%;
        height: auto;
        object-fit: scale-down;
    }

.articles-time {
    display: block;
    font-size: 12px;
    color: #484848;
    margin-top: 5px;
}

.articles-name {
    color: #333;
    display: inline-block;
    width: calc(100% - 90px);
    vertical-align: top;
}

.view-more-knowledge {
    text-align: center;
    padding-bottom: 5px;
}

    .view-more-knowledge a, .view-more-knowledge a:hover {
        color: #0071c4 !important;
    }

    .view-more-knowledge .fa {
        margin-left: 3px;
        font-size: 11px;
    }

.list-brand-highlight {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

    .list-brand-highlight .brand-highlight-item {
        padding: 10px 15px;
        width: 80px;
        text-align: center;
        display: inline-block;
        margin: 3px 3px 3px 0;
        position: relative;
        margin: auto;
    }

.brand-highlight-item img {
    image-rendering: -webkit-optimize-contrast;
}

.brand-thumb {
    height: 50px;
    width: 80px;
    vertical-align: middle;
    line-height: 50px;
    margin: auto;
}

    .brand-thumb img {
        max-width: 80px;
        vertical-align: middle;
        object-fit: scale-down;
    }

.description-catalog {
    background-color: #fff;
    padding: 10px;
    margin-top: 25px;
    clear: both;
}

    .description-catalog img {
        margin: auto;
    }

    .description-catalog h2 {
        font-weight: bold;
    }

.content-desc-catalog a {
    color: #0071c4;
}

.content-desc-catalog p {
    margin: 8px 0;
}

.content-desc-catalog img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.content-desc-catalog ul li {
    margin-left: 20px;
    margin-top: 5px;
    position: relative;
}

    .content-desc-catalog ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: #808080;
        margin-top: 10px;
        margin-left: -10px;
        top: 1px;
    }

.content-desc-catalog iframe {
    max-width: 100%;
}

.content-desc-catalog ol li {
    margin-left: 26px;
    margin-top: 5px;
    list-style-type: decimal;
}

.content-desc-catalog table {
    margin: 5px auto 5px;
}

    .content-desc-catalog table tr td {
        padding: 4px;
        border: 1px solid #ddd;
    }

.description-catalog .toc-wrapper {
    background: #fafafa !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
    margin: 10px 0;
    line-height: 26px;
}

    .description-catalog .toc-wrapper .toc-header {
        text-indent: 32px !important;
        text-align: left !important;
        border-bottom: 1px dashed #ddd;
        margin-bottom: 10px;
    }

.content-desc-catalog h2, .content-desc-catalog h3 {
    font-weight: 500;
}

/*Hien thi ket qua loc*/
.description-filter {
    padding: 5px 10px 0px 10px;
}

    .description-filter.mobile {
        display: block;
    }

    .description-filter span h2 {
        font-size: 14px;
        display: inline-block;
    }

.result-filter {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
}

.result-filter-item {
    padding: 3px 5px;
    background-color: #f7f8f9;
    width: fit-content;
    text-align: center;
    border-radius: 3px;
    margin: 10px 0 0 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .result-filter-item a {
        display: inline-block;
        cursor: pointer;
    }

        .result-filter-item a:hover {
            color: #333 !important;
        }

.close-filter .fa {
    font-size: 20px;
    vertical-align: middle;
}

.result-filter-item.last {
    background-color: #0071c4;
    color: #fff;
    width: 90px;
    text-align: left;
}

#catpagesub-m h1.cat-xeo-desc {
    font-size: 14px;
    font-weight: bold;
}

#catpagesub-m .result-filter-item.last {
    display: none;
}

.result-filter-item.last a {
    color: #fff;
    position: absolute;
    width: 90px;
    line-height: 20px;
    top: 2px;
    right: 5px;
    text-align: RIGHT;
}

.result-filter-item.last a {
    color: #fff !important;
}

.des-filter-left {
    font-weight: bold;
}

.des-filter-right {
    display: none;
}

.result-filter-sub {
    width: 180px;
    border: 1px solid #ddd;
    background-color: #fff;
    display: none;
}

    .result-filter-sub .select-filter-item {
        text-align: left;
    }

/*style trang thuong hieu*/
#brand .catag-title-sub-item {
    padding-right: 10px;
}

.count-among {
    color: #999;
    font-size: 14px;
}

.banner-brand {
    display: block;
    max-width: 975px;
    margin: 0 auto;
}

    .banner-brand img {
        max-width: 100%;
    }

.wrap-product-brand {
    background-color: #fff;
    position: relative;
}

.logo-brand-page {
    width: 100px;
    display: none;
}

    .logo-brand-page img {
        max-width: 100%;
    }

#brand .content-desc-catalog {
    width: 100%;
    display: inline-block;
}

    #brand .content-desc-catalog a {
        display: contents;
    }

.logo-brand-inner {
    padding: 15px;
}

    .logo-brand-inner img {
        max-width: 100%;
    }

.result-search {
    padding: 5px 10px;
    font-size: 16px;
}
/*Style trang xem chi tiet video*/
#view-video .center-body-right {
    background-color: #fff;
}

.video-product .btn-buy-wrap.buy-now.btn-pending .btn-shopp-manual.btn-buy {
    background-color: #acacac;
}

.video-product .btn-buy-wrap.buy-now.btn-pending #btn-buy-prod:after {
    content: "Chúng tôi sẽ báo lại khi có hàng";
}

.panel-video {
    width: 100%;
}

.td_prods {
    width: 100%;
    vertical-align: top;
    display: none !important;
}

    .td_prods .prod-hl-discount span:before,
    .td_prods .prod-hl-discount span:after {
        display: none;
    }

    .td_prods .product-highlight-item {
        width: 49%;
        position: relative;
        height: 300px;
        margin: 5px 15px;
    }

    .td_prods .prod-hl-discount span {
        transform: none;
        -webkit-transform: none;
        right: 0;
        top: 10px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        line-height: 36px;
    }

    .td_prods .prod-hl-gift.active {
        top: 72px;
    }

    .td_prods .prod-hl-brand,
    .td_prods .product-price {
        text-align: center;
    }

    .td_prods .product-rate {
        margin: 0;
        text-align: center;
    }

.row-video-title h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding: 10px;
    background-color: #fff;
}

.title-product-v:hover a {
    color: #da251c;
}

.video-box {
    width: 100%;
}

    .video-box iframe {
        max-width: 100%;
    }

.video-product {
    padding: 10px;
}

.title-product-v h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.desc-product-v {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
}

.sum-product-v {
    display: inline-block;
}

.sum-product-v-left {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.video-product .top-product-related {
    margin-top: 10px;
}

.video-product .title-bar-hl {
    margin-bottom: 5px;
}

.video-product .title-bar-left {
    font-weight: bold;
    margin-left: 0;
    font-size: 16px;
}

.video-product .title-bar-right {
    float: right;
    font-size: 14px;
    font-weight: normal;
}

.video-product .product-highlight-wrap .product-highlight-item:first-child {
    margin-left: 0;
}

.video-product .product-highlight-wrap .product-highlight-item {
    width: 150px;
}


.detail-info-spec {
    margin: 15px 0;
}

    .detail-info-spec .info-spec-left {
        min-width: 100px;
        display: inline-block;
        vertical-align: top;
    }

.info-spec-right {
    display: inline-block;
    width: calc(100% - 105px);
}

.p-price {
    font-size: 18px;
    font-weight: 700;
    color: #da251c;
    display: inline-block;
    line-height: 18px;
}

.p-price-vat {
    margin-left: 10px;
}

.p-price-sale {
    background: #288ad6;
    padding: 3px 2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 30px;
}

    .p-price-sale span {
        padding: 0 6px;
        color: #fff;
        position: relative;
    }

        .p-price-sale span:before {
            content: "";
            float: left;
            position: absolute;
            top: -3px;
            left: -14px;
            width: 0;
            height: 0;
            border-color: transparent #288ad6 transparent transparent;
            border-style: solid;
            border-width: 11px 12px 12px 0;
            z-index: 1;
        }

        .p-price-sale span:after {
            content: "";
            position: absolute;
            top: 6px;
            left: -5px;
            float: left;
            width: 5px;
            height: 5px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background: #fff;
            z-index: 2;
        }

.p-price-old {
    text-decoration: line-through;
}

a.price-ico-note {
    display: inline-block;
    color: #da251c;
    cursor: pointer;
}

.time-warr, .view-warr {
    display: inline-block;
}

    .view-warr a {
        color: #0071c4;
    }

.select-price {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

input[type="radio"] + label.price-nb {
    border: solid 1px rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    line-height: 18px;
}

.price-nb-co {
    letter-spacing: -1px;
}

input[type="radio"]:checked + label.price-nb {
}

input[type="radio"] + label span {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
}

input[type="radio"] + label.price-nb span {
    border: 1px solid #333;
    border-radius: 12px;
    margin-left: 3px;
}

input[type="radio"]:checked + label span {
    background: url(../images/tick.png)no-repeat center center;
    border-color: #da251c;
    background-size: 12px;
}

.sum-product-v-right {
    width: 100%;
    display: inline-block;
    float: right;
}

.sum-product-img img {
    max-width: 100%;
}

.btn-supp-wrap {
    position: relative;
    width: 100%;
    display: inline-block;
    float: right;
}

    .btn-supp-wrap a:hover, .btn-supp-wrap a.x-hover {
        color: #fff;
    }

.btn-buy-wrap {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

    .btn-buy-wrap a {
        color: #fff;
        display: block;
    }

.btn-shopp-manual {
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    height: 45px;
    width: 100%;
    text-align: center;
    border-radius: 3px;
}

    .btn-shopp-manual:hover {
        color: #fff !important;
    }

#btn-buy-prod:after {
    content: "Không mua không sao";
    display: block;
    font-size: .6em;
    line-height: 7px;
}

#btn-supp-prod:after {
    content: "Chúng tôi sẽ gọi lại cho bạn";
    display: block;
    font-size: .6em;
    line-height: 7px;
}

#form-supp-box .txt-shopp:after {
    content: "Chúng tôi sẽ gọi lại cho quý khách";
    display: block;
    font-size: 11px;
    line-height: 7px;
}

.txt-shopp p {
    line-height: 18px;
}

.btn-shopp-manual.btn-buy {
    background-color: #da251c;
}

.btn-shopp-manual.btn-supp {
    background-color: #0fa80f;
    display: block;
}

.icon-shopp {
    height: 45px;
    float: left;
    font-size: .8em;
    width: 50px;
}

.icon-spcart {
    background: url(../images/ShoppingCart-32.png)no-repeat center center;
    border-right: 1px solid #ffffff3b;
}

.icon-supp {
    background: url(../images/btn-tuvan.png)no-repeat center center;
    border-right: 1px solid #ffffff3b;
}

.supp-form {
    float: right;
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 500ms;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
}

    .supp-form:target {
        visibility: visible;
        opacity: 1;
    }

.close-form-supp {
    margin-right: 10px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 55px;
}

    .close-form-supp .fa {
        margin-right: 3px;
    }

    .close-form-supp a, .close-form-supp a:hover, .close-form-supp a, .close-form-supp a.x-hover {
        color: #333 !important;
    }

.bar-bg-form-supp {
    background-color: #0fa80f;
    width: 100%;
    height: 50px;
    position: relative;
}

    .bar-bg-form-supp .icon-shopp {
        display: block;
        height: 50px;
    }

    .bar-bg-form-supp .txt-shopp {
        text-align: center;
        color: #fff;
        display: block;
        padding-top: 7px;
    }

    .bar-bg-form-supp .txt-buy-now {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
    }

.txt-buy-slogan {
    font-size: 12px;
}

.txt-shopp p {
    line-height: 18px;
}

.txt-shopp {
    display: block;
    padding-top: 2px;
}

.title-specs {
    padding-left: 5px;
    margin: 10px 0;
}

.video-product .title-specs h2 {
    font-size: 16px;
}

.body-specs {
    border: 1px solid #ddd;
    background-color: #fff;
}

    .body-specs a {
        display: inline-block;
    }

    .body-specs ul li {
        border-bottom: 1px solid #eee;
    }

        .body-specs ul li:last-child {
            border-bottom: none;
        }

        .body-specs ul li .specs-left {
            font-weight: 500;
            padding: 7px 5px;
        }

            .body-specs ul li .specs-left:after {
                content: ":";
            }

        .body-specs ul li .specs-right {
            padding-left: 5px;
        }

        .body-specs ul li a:hover, .body-specs ul li a.x-hover {
            color: #0071c4;
            text-decoration: underline !important;
        }

.spec-lable {
    color: #0071c4;
    margin-left: 5px;
}

.list-video-page {
    position: relative;
    margin: 20px 0 10px;
}

.video-page-title {
    font-size: 16px;
    text-indent: 40px;
    line-height: 34px;
    font-weight: bold;
}

    .video-page-title:before {
        background: url(../images/meta-video.jpg)no-repeat;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        content: "";
        position: absolute;
        background-size: 32px;
        left: 0;
    }

.center-body-right.parent-video .list-video-page {
    margin: 0 5px;
}

.center-body-right.parent-video .row-video-title h1 {
    border-bottom: 1px solid #eee;
}

.list-video-detail {
    margin: 5px 0;
}

.list-video-item {
    width: 46%;
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}

.img-video-d {
    width: 100%;
}

    .img-video-d img {
        max-width: 100%;
    }

.title-video-page {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

    .title-video-page h3 {
        font-size: 14px;
    }

.row-view-video {
    color: #9d9d9d;
    margin: 5px 0;
}

.style-view:after {
    content: '•';
    margin-left: 5px;
}

.article-new-item {
    border-bottom: 1px solid #eee;
}

    .article-new-item a {
        display: block;
        padding: 5px;
    }

.article-new-thumb {
    width: 70px;
    display: inline-block;
    margin-right: 5px;
}

    .article-new-thumb img {
        max-width: 100%;
    }

.article-new-des {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: top;
}

/*Style trang kien thuc chuyen muc*/
.bar-product-knowledge {
    border-bottom: 1px solid #eee;
    padding: 8px 10px;
    /*display: none;*/
}

    .bar-product-knowledge h2 {
        padding: 0 10px;
        font-size: 16px;
    }

.icon-listing {
    background: url(../images/danh-sach-sp.png)no-repeat;
    width: 18px;
    height: 18px;
    background-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

#catpagesub-m.knowledge .breadcrum-catalog ol li.breadcrum-cat-item .title-listing {
    display: none;
}

.wrap-product-knowledge {
    background-color: #fff;
    padding: 3px 10px 0;
}

li.product-knowledge-item.top-prod .p-knowledge-img:before {
    background: url(/Data/image/2021/03/31/top-pr.png)no-repeat;
    width: 36px;
    height: 36px;
    content: "";
    position: absolute;
    background-size: 22px;
}

li.product-knowledge-item.cheap-prod .p-knowledge-img:before {
    background: url(/Data/image/2021/06/08/save-top.png)no-repeat;
    width: 36px;
    height: 36px;
    content: "";
    position: absolute;
    background-size: 32px;
    top: 0px;
}

li.product-knowledge-item.dimension-prod .p-knowledge-img:before {
    background: url(/Data/image/2021/07/01/dimen-icon.png)no-repeat;
    width: 36px;
    height: 36px;
    content: "";
    position: absolute;
    background-size: 32px;
    top: 0px;
}

ul li.product-knowledge-item {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #eee;
    display: inline-block;
    padding: 10px 0;
}

.product-knowledge-item .p-knowledge-title {
    font-size: 16px;
    position: absolute;
    right: 0px;
    width: calc(100% - 160px);
}

.product-knowledge-item .p-knowledge-img {
    float: left;
    width: 150px;
    min-height: 112px;
    margin-top: 0px;
    border-radius: 3px;
}

.p-knowledge-desc {
    width: calc(100% - 160px);
    margin-left: 10px;
    margin-top: 8px;
    display: none;
    line-height: 26px;
}

a.view-detail-knowledge {
    position: absolute;
    bottom: 8px;
    right: 0;
    color: #0071c4;
    display: none;
}

span.span-knowledge-count {
    position: absolute;
    bottom: 11px;
    left: 160px;
    color: #888;
    font-size: 12px;
}

.product-knowledge-item .p-knowledge-img img {
    max-width: 100%;
    border-radius: 3px;
}

.product-knowledge-item:hover .p-knowledge-title {
    color: #0071c4;
}

ul li.product-knowledge-item:last-child {
    border-bottom: none;
}

.view-detail-knowledge .fa {
    margin-left: 5px;
}

#catpagesub-m.knowledge .center-body-left,
#catalogSub-relate-k {
    display: none;
}

.brand-xeo-top, .cat-xeo-top {
    padding-bottom: 10px;
    margin-left: 8px;
}

    .brand-xeo-top.mobile {
        padding-bottom: 0;
        display: block;
    }

.brand-xeo-desc, .cat-xeo-desc {
    display: contents;
}

.brand-xeo-number, .cat-xeo-number {
    font-size: 14px;
}

.cat-xeo-number {
    font-weight: bold;
}

.meta-goiy-mobile {
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding: 8px 0;
    margin-right: 3px;
    position: relative;
}

    .meta-goiy-mobile:before {
        background: url(https://meta.vn/Data/image/2021/01/13/prod-hot-a.png) no-repeat;
        content: "";
        background-size: 20px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 6px;
        left: 4px;
        z-index: 9;
    }

.metagoiy-link {
    border: 1px solid #0071c4;
    padding: 5px 5px 5px 27px;
    border-radius: 3px;
    color: #fff;
    background: #0071c4;
}

#searchpage .meta-goiy-mobile {
    margin-left: 4px;
}

#searchpage .prod-hl-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
#searchpage .countdown-product {
    bottom: 24px;
}
#searchpage .wrap-list-product-catagsub .product-rate {
    margin-top: 15px;
}
#searchpage .wrap-list-product-catagsub .product-price {
    margin-bottom: 15px;
}

.meta-goiy-mobile:hover a {
    color: #fff;
}

.description-filter.mobile {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

#brand .comments {
    background: #fff;
    padding-left: 10px;
    margin-top: 10px;
}

    #brand .comments .title-bar-left {
        margin-left: 0;
        padding: 8px 0;
    }

/*
    Comment
*/

.comment-wrap {
    padding: 10px 10px 0 10px;
}

.sort-name-cm {
    padding: 2px 5px;
    background-color: #b2b2b2;
    color: #fff;
    border-radius: 2px;
}

.full-name-cm {
    color: #636363;
    font-weight: bold;
    margin-right: 5px;
}

.comment-item-star .rated {
    color: #ffb909;
}

.comment-item-right {
    float: right;
}

.buyer-icon {
    color: #0071c4;
}

    .buyer-icon .fa {
        margin-right: 3px;
    }

.comment-row-item {
    padding-bottom: 5px;
}

.comment-user-body {
    margin: 5px 10px 10px 20px;
}

.comment-ask {
    margin-bottom: 5px;
    word-break: break-word;
}

.relate-comment label:hover {
    color: #da251c !important;
}

.rep-comment, .rep-comment ~ label {
    display: inline-block;
    margin-right: 20px;
    color: #0071c4;
    cursor: pointer;
}

.relate-comment input[type="radio"] + label span {
    display: none;
}

.relate-comment input[type="radio"]:checked ~ .more-info-checked, .relate-comment input[type="checkbox"]:checked ~ .more-info-checked {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: visible;
    visibility: visible;
    height: auto;
    width: 100%;
    display: block;
}

.rep-box-comment {
    width: 100%;
    border: solid 1px #ccc;
    background: #fcfcfc;
    border-radius: 3px;
    margin-bottom: 10px;
}

.input-rep-comment {
    width: 100%;
    height: 50px;
    border: none;
    display: inherit;
    border-radius: 3px;
    padding: 8px;
    box-sizing: border-box;
}

.row-send-replier {
    margin: 0;
    padding: 8px;
}

.input-replier {
    width: 150px;
    height: 24px;
    border: 1px solid #ddd;
    padding: 0 4px !important;
    box-sizing: border-box;
    border-radius: 2px 0 0 2px;
}

.btn-send-replier {
    margin-left: -3px;
}

.send-replier {
    width: 34px;
    height: 24px;
    color: #fff;
    border: none;
    background-color: #0071c4;
    border-radius: 0 2px 2px 0;
}

a.review-like {
    color: #0071c4;
    margin-left: 4px;
    display: inline-block;
    float: right;
}

.like-comment .fa-thumbs-o-up {
    margin-right: 5px;
}

.time-comment {
    color: #b5b5b5;
    margin-left: 20px;
}

.comment-ask-box {
    position: relative;
}

    .comment-ask-box.member-rep {
        padding: 8px;
        background-color: #f7f8f9;
        margin-top: 15px;
    }

        .comment-ask-box.member-rep.level3 {
            margin-top: 10px;
        }

.ava-name {
    font-weight: bold;
    word-break: break-word;
}

    .ava-name.user-normal {
        color: #0071c4;
    }

    .ava-name.user-staff {
        color: #da251c;
    }

.view-more-comment {
    margin: auto;
    width: 140px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .view-more-comment a {
        color: #0071c4;
        line-height: 30px;
        display: block;
    }

.share-box-comment {
    padding-top: 5px;
    margin-bottom: 20px;
}

.ad-panel {
    position: absolute;
    right: 12px !important;
    bottom: 1px !important;
}

    .ad-panel a:hover, .ad-panel a.x-hover {
        display: inline-block;
    }

.status-checked {
    display: inline-block;
    width: 86px;
    font-size: 0.9em;
    text-align: center;
    margin-right: 15px !important;
}

    .status-checked.active:after {
        content: "✔ Chưa kiểm";
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        padding: 3px 5px;
        font-size: 12px;
        color: #aaa;
        background: #f5f5f5;
    }

.status-comment.active:after {
    content: "✔ Đang ẩn";
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 3px 5px;
    font-size: 12px;
    color: #aaa;
    background: #f5f5f5;
}

.status-checked:after {
    content: "✔ Đã kiểm";
    border: 1px solid #5cb85c;
    border-radius: 2px;
    padding: 3px 5px;
    font-size: 12px;
    color: #5cb85c;
    background: #fff;
    width: 100%;
    display: inline-block;
}

.status-comment {
    display: inline-block;
    width: 86px;
    font-size: 0.9em;
    text-align: center;
}

    .status-comment:after {
        content: "✔ Đang hiện";
        border: 1px solid #0092DB;
        border-radius: 2px;
        padding: 3px 5px;
        font-size: 12px;
        color: #FFF;
        background: #19abe0;
        width: 100%;
        display: inline-block;
    }

.view-comments-item:hover {
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3)
}

.ad-panel {
    position: absolute;
    right: 5px;
    bottom: -5px
}

.status-checked {
    display: inline-block;
    width: 86px;
    font-size: 0.9em;
    text-align: center;
    margin-right: 5px
}

    .status-checked .fa {
        font-size: 20px;
        display: none
    }

    .status-checked:after {
        content: "✔ Đã kiểm";
        border: 1px solid #5cb85c;
        border-radius: 2px;
        padding: 3px 5px;
        font-size: 12px;
        color: #5cb85c;
        background: #fff;
        width: 100%;
        display: inline-block
    }

    .status-checked.active:after {
        content: "🞫 Chưa kiểm";
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        padding: 3px 5px;
        font-size: 12px;
        color: #aaa;
        background: #f5f5f5
    }

.status-comment {
    display: inline-block;
    width: 86px;
    font-size: 0.9em;
    text-align: center
}

    .status-comment .fa {
        font-size: 20px;
        display: none
    }

    .status-comment:after {
        content: "✔ Đang hiện";
        border: 1px solid #0092DB;
        border-radius: 2px;
        padding: 3px 5px;
        font-size: 12px;
        color: #FFF;
        background: #19abe0;
        width: 100%;
        display: inline-block
    }

    .status-comment.active:after {
        content: "🞫 Đang ẩn";
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        padding: 3px 5px;
        font-size: 12px;
        color: #aaa;
        background: #f5f5f5
    }

#comment-box .act-btn {
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    color: #0092DB;
    line-height: 21px;
    cursor: pointer;
    width: 21px;
    height: 21px
}

    #comment-box .act-btn:hover {
        background-color: #f1f1f1
    }

#comment-box .btn-edit {
    background: url('data:image/gif;base64,R0lGODlhEAAQAPeMAP///4OBt4eo3P3+/5K97XqFuOzz+5nR846x4/P1+cytGfP2+5bL7XaBtOvz+4Kay4WOusQtGYasxfTKD9bl8lFXdoCjuoyHo3F6qkVGSW5unpkAAHhwfHh5o4293FtiZrm57M7Z6LW37n1hG6Ki1vT4/d/r9H94jf3//9rr+fP1+oy82VZVfez0+2yFld1KIPT5/qOm5WFgUaoWBI2NwZKSyJfM7nN4suPz/vT8/1JZd46Oxoabz/n+/21tnW9VGKam2oCArPFgSPT5/ePv+mqn3IKcro200M19B6Sk2HJypGlnj2BcWOTv+uz2/Zi3zZbI6Xx4hbTP5Imov29umc7Q4bOSM11flvT3/JnF5HmUp/P4/bu883iZr/z+/2uDk8nP48+lENnv/ah8Ccnh9HZ2oeaoBMXP4I+PxOakALW16LW16aWl2a4YA9nk8IF/tFNZedPn+D48N5XN7pPD5KoeApilsHN0nttLPsMsCZrA2rqcRqC80ck2CbzF2nl3qLGzpZp5KU9Wc/P3/HOLnWxsnW9tlfX5/tLU5I6Ow+v3/4ZyOP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAIwALAAAAAAQABAAAAjeAAkIGEhwYAFGCPFEYEQAy6AFC1QkSFClAA9GSIS8mEEAgMePABAVKBLGTJ88bRCABOClBxgMN/ZMSFNng8qPA7Y48ROEywUrChQwEoBziIMzZUCQ2HGFCUKiAAbAcBDijpokNAqxQMjoQdQSBtx0WMMGjQ8dS7h6PWTARBQRQBJpEPSFClcIKFoQAcQhRg0lFVx0+XM3RxMKiwKdMASHkIUVb7g2UJTCzogxPz5okeBhTgDJOOJkkCPDyJQjdBgc+IwwgBgyUvg80ZMFCgMbq7kG2M27N2+uwIMLZxQQADs=') no-repeat center left
}

.btn-qlycmt {
    border: 1px solid #0092DB;
    border-radius: 2px;
    padding: 3px 5px;
    font-size: 12px;
    color: #FFF !important;
    background: #19abe0
}

/*Hien thi man hinh PC*/


/*
    Tiến thêm vào 4-1-2020
*/

.suggest-search {
    padding: 0 5px 5px;
    font-size: 14px;
}

.suggest-search-title {
    padding-right: 5px;
    display: none;
    line-height: 32px;
}

.suggest-search-link {
    color: #0071c4;
    display: inline-block;
    margin: 3px;
    text-align: center;
    background-color: none;
    border-radius: 4px;
    padding: 3px 5px;
    border: 1px solid #0071c4;
}

    .suggest-search-link:hover {
        color: #0071c4 !important;
    }

/*style flash sale trang chu*/
#catalog-fs.box-catalog {
    background-color: #4d90e0;
    position: relative;
    margin-top: 12px;
}

#catalog-fs .box-cat-title a,
#catalog-fs .box-cat-all a {
    color: #fff !important;
}

#catalog-fs .cat-product-highlight {
    background-color: #4d90e0;
}

#catalog-fs.box-catalog .list-product-highlight {
    background-color: #4d90e0;
}

#catalog-fs.box-catalog .box-cat-title:before {
    background: url(https://meta.vn/Data/image/2021/06/11/fs-vang.png) no-repeat;
    content: "";
    height: 35px;
    width: 22px;
    position: absolute;
    left: 10px;
    top: 5px;
}

#catalog-fs.box-catalog .box-cat-title h2 {
    border-left: none;
    padding-top: 0;
    padding-left: 13px;
}

#catalog-fs .box-cat-title {
    padding-top: 8px;
    padding-left: 22px;
}

#catalog-fs .box-cat-all {
    padding-top: 2px;
    padding-right: 0px;
}

#catalog-fs .product-highlight-wrap .product-highlight-item:hover {
    border: 1px solid #a8c9eb;
    box-shadow: none;
}

#catpagesub-m #catalog-fs .countdown-product {
    bottom: 5px !important;
}

#catpage-m #catalog-fs li.product-highlight-item.prod-item {
    width: 150px;
}

#catpage-m #catalog-fs .product-highlight-wrap .product-highlight-item.last-child {
    background: #da251c;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 270px;
}

#catpage-m #catalog-fs .top-product-highlight .countdown-product {
    bottom: 8px;
}

#catpage-m #catalog-fs .product-highlight-wrap .product-highlight-item.last-child a {
    color: #fff;
}

    #catpage-m #catalog-fs .product-highlight-wrap .product-highlight-item.last-child a:hover {
        color: #fff !important;
        text-decoration: underline !important;
    }

#catpage-m #catalog-fs .cat-product-highlight.top-product-highlight .cdown-pro-right {
    padding-top: 0;
}

#catalog-fs .prod-hl-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    min-height: 36px;
}

.countdown-product ~ .product-rate {
    visibility: hidden;
}

.countdown-product ~ .product-price {
    visibility: hidden;
}

#catpagesub-m .countdown-product {
    bottom: 24px !important;
}

.discount-cat-main {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #da251c;
    padding: 0 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
}

/*Style show het chuyen muc*/
.wrap-show-cat-new {
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
}

.inner-show-cat-new {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

a.show-cat-item {
    display: inline-block;
    width: 30%;
    text-align: center;
    vertical-align: top;
    margin: 0 4px 15px 3px;
}

.show-cat-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
}

    .show-cat-icon img {
        max-width: 100%;
        max-height: 100%;
        object-fit: scale-down;
    }

a.show-cat-item:hover .show-cat-title {
    color: #da251c;
}

.wrap-show-cat-new.is-logo a.show-cat-item {
    width: 80px;
    margin-right: 5px;
    margin-bottom: 0;
}

.wrap-show-cat-new.is-logo .show-cat-icon {
    height: 36px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 36px;
}

    .wrap-show-cat-new.is-logo .show-cat-icon img {
        max-height: inherit;
        max-width: 60px;
        vertical-align: middle;
    }

/*Style trend chuyen muc*/
.trend-product-catalog {
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

.trend-list-product-title {
    font-weight: bold;
    padding: 10px 10px 0 40px;
    position: relative;
}

    .trend-list-product-title:before {
        background: url(https://meta.vn/Data/image/2021/01/13/prod-hot-a.png) no-repeat;
        content: "";
        background-size: 28px;
        width: 28px;
        height: 28px;
        position: absolute;
        top: 3px;
        left: 7px;
    }

.trend-product.view-more-products {
    text-align: center;
    padding: 10px 0 20px;
}

    .trend-product.view-more-products a {
        color: #0071c4;
        padding: 10px 20px;
        border: 1px solid #0071c4;
        border-radius: 3px;
    }

        .trend-product.view-more-products a .fa {
            font-size: 11px;
            margin-left: 5px;
        }

.trend-product-catalog .product-highlight-wrap {
    display: inline-block;
    text-align: center;
}

.trend-product-catalog ul {
    height: auto;
}

.trend-product-catalog .product-highlight-wrap .product-highlight-item {
    display: inline-block;
    width: 42%;
    margin: 3px 8px 8px 5px;
    min-height: 245px;
    vertical-align: top;
}

    .trend-product-catalog .product-highlight-wrap .product-highlight-item .prod-hl-name {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

.pad-sp-banchay .product-highlight-wrap .product-highlight-item {
    /*width: 45% !important;*/
    width: calc(50% - 10px) !important;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    box-sizing: border-box;
}

    .pad-sp-banchay .product-highlight-wrap .product-highlight-item .prod-hl-discount {
        display: block;
        top: 0;
    }

        .pad-sp-banchay .product-highlight-wrap .product-highlight-item .prod-hl-discount span:before {
            display: none;
        }

    .pad-sp-banchay .product-highlight-wrap .product-highlight-item .product-rate {
        margin-left: 0;
    }

#brand .trend-product-catalog .product-highlight-item .prod-hl-name {
    min-height: 54px;
}

#brand .product-price {
    float: unset;
}

#brand .trend-product-catalog .product-highlight-wrap .product-highlight-item {
    min-height: 260px;
}

/*------------------------*/
/*style neo san pham so sanh*/
.sticBotCompare {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    left: 0;
    box-shadow: 0px 0px 3px 1px #ccc;
    display: block;
    align-items: center;
}

ul.List-sticBotCom {
    display: inline-block;
    width: 100%;
}

.box-submit-Com {
    width: 100%;
    display: block !important;
    text-align: center;
    border: 1px solid #ddd;
    border-right: none;
    border-left: none;
}

.item-sticBotCom {
    width: 33%;
    display: inline-flex;
    border-right: 1px solid #ddd;
    font-size: 14px;
    vertical-align: top;
    height: 110px;
}

.type-proCompare input[type="text"] {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    transform: scale(0.875);
    transform-origin: left top;
    border-width: 1.114px !important;
    border-radius: 3.429px !important;
    font-size: 16px !important;
    height: 37.719px !important;
    width: 114.3% !important;
    margin-right: -14.3%;
}

input.input-itemTPro {
    width: calc(100% - 2px);
    border-radius: 3px;
    border: 1px solid #ddd;
    height: 30px;
    text-indent: 5px;
    margin: 10px 0;
    font-size: 14px;
}

.add-sticBotCom .box-AddPro-wrap {
    display: none;
}

.inner-item-sticBot {
    position: relative;
    padding: 5px;
    text-align: center;
}

.img-sticBot {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    display: inline-block;
}

    .img-sticBot img {
        max-width: 100%;
        height: auto;
    }

.name-sticBot {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.close-addPro {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    line-height: 20px;
    cursor: pointer;
    top: 5px;
    right: 5px;
    z-index: 99;
    text-align: center;
}

.item-sticBotCom .close-addPro {
    right: 5px;
    text-align: center;
    font-size: 15px;
    top: 5px;
}

li.item-sticBotCom:last-child {
    border-right: none;
}

a.submit-Compare {
    background: #0fa80f;
    padding: 8px 5px;
    color: #fff;
    text-align: center;
    float: right;
    width: 100% !important;
    height: 28px;
    font-size: 16px;
}

    a.submit-Compare:before {
        background: url(https://meta.vn/Data/image/2021/05/05/compare-icon-a.png)no-repeat;
        width: 32px;
        height: 26px;
        display: inline-block;
        content: "";
        vertical-align: middle;
        background-size: 26px;
    }

form.add-sticBotCom {
    padding: 5px;
    text-align: center;
    margin-top: 10px;
}

.Addstic-icon {
    width: 40px;
    border: 1px dashed #737373;
    border-radius: 3px;
    font-size: 30px;
    color: #737373;
    margin: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px;
}

a.subC {
    width: 48%;
    display: inline-block;
}

a.close-Compare {
    float: left;
    padding: 8px 2px;
    background: #fefefe;
    display: none;
}

.prod-hl-compare a {
    color: #0071c4;
    display: block;
}

    .prod-hl-compare a:before {
        content: "+";
        border: 1px solid #0071c4;
        height: 11px;
        width: 11px;
        border-radius: 50%;
        display: inline-block;
        line-height: 11px;
        text-align: center;
    }

    .prod-hl-compare a.compared:before {
        display: none;
    }

.ac_results_mini {
    border: 1px solid #ddd;
    width: 100% !important;
    left: -1px !important;
    border-top: 0;
    text-align: left;
    top: 71px !important;
    z-index: 988;
}

    .ac_results_mini li {
        cursor: pointer;
    }

.ac_wrapper {
    padding: 0 10px 5px;
}

.ac_list li {
    margin: 5px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.ac_list .Pri-meta {
    font-weight: bold;
    color: #da251c;
}

.ac_list .Pri-old {
    color: #9d9d9d;
    margin: 0 10px;
}

li.ac_odd {
    background-color: #fff;
}

.ac_list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.box-AddPro-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    display: none;
    z-index: 9999;
    background: rgba(0,0,0,.6);
    overflow: auto;
    overflow-y: scroll;
}

    .box-AddPro-wrap.show {
        display: block;
    }

.box-AddPro {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    font-weight: normal;
    position: absolute;
    z-index: 9999;
    border: 1px solid #ddd;
    top: 0;
    width: calc(100% - 40px);
    margin: 10px;
}

.ttl {
    text-align: center;
    font-weight: bold;
    line-height: normal;
}

.type-proCompare .pad-sp-banchay .sub-header {
    border-bottom: none;
    border-left: none;
    padding-left: 0;
    font-size: 14px;
    font-weight: BOLD;
    text-transform: none;
    text-align: left;
}

.type-proCompare .prod-hl-discount span {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    width: 50px;
    display: block;
    background: #f90;
    border-radius: 20px;
    padding: 2px 0;
    position: absolute;
    vertical-align: middle;
    top: 0;
    right: 0;
    -webkit-transform: inherit;
}

.type-proCompare .inner-type-proCom {
    margin-top: 10px;
}

.type-proCompare .prod-hl-discount span:after {
    display: none;
}

.type-proCompare .list-product-catasub-more.spbc-more {
    margin-bottom: 10px;
}

.product-viewed {
    margin-top: 12px;
    padding-bottom: 5px;
}

    .product-viewed .title-bar-left {
        margin-top: 5px;
        margin-left: 6px;
        font-weight: bold;
    }

        .product-viewed .title-bar-left:before {
            background: url(https://meta.vn/Data/image/2021/05/12/icon-da-xem.png)no-repeat;
            width: 28px;
            height: 28px;
            content: "";
            display: inline-block;
            background-size: 28px;
        }

.title-bar-left h2 {
    display: inline-block;
    vertical-align: 8px;
}

.product-viewed .title-bar-right {
    font-size: 14px;
    float: right;
    background: #fff;
    margin-top: 5px;
    font-weight: normal;
    padding: 4px 8px;
    border-radius: 5px;
}

.catg-watched {
    margin: -5px 5px 10px 10px;
}

ul.list-catg-watched {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto;
}

li.item-catg-watched {
    display: inline-block;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin-right: 7px;
    white-space: nowrap;
}

    li.item-catg-watched.delete-w {
        border: none;
        padding-right: 20px;
    }

        li.item-catg-watched.delete-w a:hover {
            color: #da251c;
        }

        li.item-catg-watched.delete-w:hover {
            border: none;
        }

    li.item-catg-watched:hover {
        border: 1px solid #84bee8;
    }

        li.item-catg-watched:hover a {
            color: #0071c4;
        }

.product-viewed .prod-hl-discount {
    display: block;
}

    .product-viewed .prod-hl-discount span {
        transform: inherit;
        right: 8px;
        width: auto;
        padding: 0 10px;
        line-height: 22px;
        border-radius: 16px;
        background: #f90;
    }

        .product-viewed .prod-hl-discount span:before,
        .product-viewed .prod-hl-discount span:after {
            display: none;
        }

.product-viewed label.arrow-left {
    display: none;
}

/*style neo san pham o trang video het hang*/
.item-sticBotCom-t {
    width: 32%;
    display: inline-flex;
    border-right: 1px solid #ddd;
    font-size: 14px;
    vertical-align: top;
    height: 110px;
}

#stickyheader .name-sticBot {
    color: #333;
}

#stickyheader .price-sticBot {
    font-weight: 700;
    color: #da251c;
}

#stickyheader .List-sticBotCom .item-sticBotCom-t:last-child {
    border-right: none;
}

.stickyheader-btn.if-no-support .item-sticBotCom-t {
    height: auto;
    width: 33.1%;
}

#stickyheader .column-number-2 .item-sticBotCom-t {
    width: 49.5%;
}

#stickyheader .column-number-1 .item-sticBotCom-t {
    width: auto;
}

#stickyheader {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 4000;
    width: 100%;
    overflow: hidden;
    left: 0;
    box-shadow: 0 0 5px 0px rgba(0, 0,0,0.5);
}

    #stickyheader .swiper-product-related {
        position: relative;
    }

.swiper-wrapper {
    position: relative;
    width: 100%;
    max-height: 320px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #fff;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: baseline;
    overflow: hidden;
}

#stickyheader .s-product-related-item {
    padding: 5px 0 0 0;
    border-bottom: none;
    align-items: stretch !important;
    text-align: left;
    box-sizing: border-box;
    font-size: unset;
    font-weight: normal;
    width: 100% !important;
}

#stickyheader .swiper-button-prev, #stickyheader .swiper-button-next {
    bottom: 40px;
    height: 40px;
    top: auto;
    width: 20px;
    zoom: 0.7;
}

#stickyheader .s-product-related span.slide-pagination {
    display: none;
}

#stickyheader .dots-container {
    display: table;
    width: 100%;
}

#stickyheader .swiper-pagination {
    display: table-row;
}

#stickyheader .swiper-pagination-bullet {
    display: table-cell;
    height: 3px;
    background: rgba(139, 157, 195, 0.5);
    border-radius: 0;
}

    #stickyheader .swiper-pagination-bullet:nth-child(5n+1) {
        background: rgba(150, 206, 180, 0.5);
    }

    #stickyheader .swiper-pagination-bullet:nth-child(5n+2) {
        background: rgba(255, 238, 173, 0.5);
    }

    #stickyheader .swiper-pagination-bullet:nth-child(5n+3) {
        background: rgba(255, 111, 105, 0.5);
    }

    #stickyheader .swiper-pagination-bullet:nth-child(5n+4) {
        background: rgba(255, 204, 92, 0.5);
    }

    #stickyheader .swiper-pagination-bullet.swiper-pagination-bullet-active {
        outline: none;
        background: #1da838;
    }

#stickyheader .s-p-left {
    width: 60px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

    #stickyheader .s-p-left img {
        max-height: 60px;
    }

#stickyheader .buy-s-p {
    display: none;
}

#stickyheader .s-p-right {
    margin-top: 3px;
    width: calc(100% - 100px);
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

    #stickyheader .s-p-right a {
        font-weight: normal;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        color: #333 !important;
        font-size: 14px;
    }

#stickyheader .price-s-p-meta {
    font-weight: normal;
    color: #da251c;
    font-size: 14px;
    margin-right: 10px;
}

.stickyheader-wrapper.is-waiting #stickyheader {
    bottom: 0px;
}

.stickyheader-wrapper.active.is-waiting ~ #scrolltop {
    bottom: 11em !important;
}

#catalog-fs .product-highlight-wrap .product-highlight-item {
    width: 150px;
    padding-bottom: 25px;
}

#catalog-fs .prod-hl-discount {
    display: block;
}

#catalog-fs .product-highlight-wrap .product-highlight-item.last-child {
    background: #da251c;
    text-align: center;
}

    #catalog-fs .product-highlight-wrap .product-highlight-item.last-child a {
        color: #fff;
        font-size: 20px;
        line-height: 283px;
    }

    #catalog-fs .product-highlight-wrap .product-highlight-item.last-child:hover a {
        text-decoration: underline;
    }

.trend-catalog {
    margin-top: 12px;
    background: #fff;
    padding-bottom: 5px;
}

.trend-catalog-title {
    padding: 10px 10px 10px 40px;
    position: relative;
}

    .trend-catalog-title h2 {
        font-weight: bold;
    }

    .trend-catalog-title:before {
        background: url(https://meta.vn/Data/image/2021/01/13/hot-category.png) no-repeat;
        content: "";
        background-size: 28px;
        width: 28px;
        height: 28px;
        position: absolute;
        top: 8px;
        left: 5px;
    }

.trend-catalog ul.list-catalog-main {
    max-height: 453px;
    border-top: 1px solid #ddd;
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
}

.trend-catalog .list-catalog-main .catalog-main-item {
    -webkit-flex: 25%;
    -ms-flex: 25%;
    border-left: 0;
    border-top: 0;
    margin: 0;
    padding: 20px 10px;
}

.trend-category.view-more-page a {
    color: #333;
}

.trend-product-catalog.trend-sub-category-page .prod-hl-brand {
    display: none;
}

.trend-product-catalog.trend-sub-category-page .product-rate {
    display: none;
}

.trend-product-catalog.trend-sub-category-page .prod-hl-name {
    min-height: 54px;
}

.catalog-main-item:hover .name-cat-main {
    color: #da251c;
}

.sp-da-ban {
    width: 100%;
    text-align: center;
    background: #f90;
    background-image: linear-gradient(to right,rgba(255,0,0,0),rgba(255,0,0,1));
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    border-radius: 20px;
    position: relative;
}

.trend-product-catalog.trend-sub-category-page .product-highlight-item.prod-item {
    min-height: 250px;
}

#catpagesub-m .trend-product-catalog.trend-sub-category-page .countdown-product {
    bottom: 6px !important;
}

.trend-product-catalog.trend-sub-category-page .prod-hl-discount {
    display: block;
}

    .trend-product-catalog.trend-sub-category-page .prod-hl-discount span {
        transform: inherit;
        right: 8px;
        width: auto;
        padding: 0 10px;
        line-height: 22px;
        border-radius: 16px;
        background: #f90;
    }

        .trend-product-catalog.trend-sub-category-page .prod-hl-discount span:before {
            display: none;
        }

        .trend-product-catalog.trend-sub-category-page .prod-hl-discount span:after {
            display: none;
        }

.trend-product-catalog.trend-sub-category-page .product-price-old {
    display: none;
}

.trend-product-catalog.trend-sub-category-page .product-price-meta {
    font-size: 18px;
    font-weight: bold;
}

.trend-product-catalog.trend-sub-category-page .product-price {
    float: unset;
    text-align: center;
    width: 100%;
}

.trend-product-catalog.trend-sub-category-page .prod-hl-thumb, .trend-product-catalog.trend-sub-category-page .prod-hl-thumb a {
    width: 140px;
    height: 140px;
}

.buyed-text {
    color: #fff;
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.buyed-progess-no {
    width: 100%;
    background: transparent;
    overflow: hidden;
    z-index: 1;
    height: 16px;
    border-radius: 20px;
}

.buyed-progess-ele {
    background: #fff;
    float: right;
    position: relative;
    height: 16px;
    width: 100%;
}

.buyed-progess-ele-color {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ddd;
}

.per0 {
    width: 100%;
}

.per10 {
    width: 90%;
}

.per20 {
    width: 80%;
}

.per30 {
    width: 70%;
}

.per40 {
    width: 60%;
}

.per50 {
    width: 50%;
}

.per60 {
    width: 40%;
}

.per70 {
    width: 30%;
}

.per80 {
    width: 20%;
}

.per90 {
    width: 10%;
}

.per100 {
    width: 0%;
}

/*Nhấc vào hôm 24-8-2021*/
#catalog {
    margin-top: 0;
}

li.shead-brand-item {
    display: inline-block;
    margin: 0 10px;
}

    li.shead-brand-item.show-more {
        /*font-size: 0.8em;*/
    }

    li.shead-brand-item.be-hidden {
        display: none;
    }

    li.shead-brand-item a {
        display: block;
        padding: 5px 0;
    }

    li.shead-brand-item.is-selected a {
        font-weight: bold;
    }

    li.shead-brand-item a:active {
        color: #f00;
        text-decoration: underline;
    }

.body-left-box-inner .articles-new-item {
    display: block;
    width: auto;
    margin-bottom: 15px;
    word-break: break-word;
}

.wrap-sp-banchay {
    background: #eee;
    padding-top: 20px;
}

.pad-sp-banchay {
    background: #fff;
    position: relative;
}

    .pad-sp-banchay .sub-header {
        border-bottom: solid 1px #ddd;
        padding: 5px;
        text-transform: uppercase;
        font-weight: 500;
        padding-left: 6px;
        padding-top: 4px;
        font-size: 18px;
        border-left: 4px solid #fc0;
    }

    .pad-sp-banchay .product-highlight-wrap {
        margin-top: 5px;
        overflow: visible;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

        .pad-sp-banchay .product-highlight-wrap .product-highlight-item {
            border: none
        }

.list-product-catasub-more.spbc-more {
    display: block;
}

.supp-box-inner-block {
    display: inline-block;
    padding: 15px 10px;
}

.supp-box-inner-l {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 5px;
}

.supp-box-inner-r {
    display: inline-block;
    width: calc(100% - 70px);
    float: right;
}

.supp-box-inner-l img {
    max-width: 100%;
}

.title-forma {
    margin-bottom: 10px;
}

.supp-view {
    background: #ffb909;
    color: #fff;
    width: 70px;
    text-align: center;
    padding: 3px 5px;
    border-radius: 3px;
}

a.supp-box-inner-block:hover .supp-box-inner-r {
    color: #da251c;
}

li.shead-brand-item.is-text a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    line-height: 18px
}

#center-m #_filters.filter-general-expanded, #center-m.active #_filters.filter-general-expanded {
    -webkit-overflow-scrolling: touch;
}

#catpagesub-m .body-left-box-inner-extra {
    -webkit-overflow-scrolling: touch;
}

.bar-sort-right a.hidden {
    display: none;
}

/*-------24-8-2021--------*/

/*Style danh sach so sanh thang 01-2023*/

.meta-compare-mobile {
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding: 8px 0;
    margin-right: 3px;
    position: relative;
}
.meta-compare-mobile:before {
    background: url(https://meta.vn/Data/image/2021/05/05/compare-icon-a.png) no-repeat;
    content: "";
    background-size: 20px;
    width: 32px;
    height: 26px;
    position: absolute;
    top: 8px;
    left: 4px;
    z-index: 9;
}
a.metacompare-link {
    border: 1px solid #0fa80f;
    padding: 5px 5px 5px 27px;
    border-radius: 3px;
    color: #fff;
    background: #0fa80f;
}

.body-left-box.compare-cm {
    display: none;
}
.body-left-box.compare-cm .body-left-box-title {
    text-transform: none;
}
.addprd-icon {
    width: 40px;
    border: 1px dashed #737373;
    border-radius: 3px;
    font-size: 30px;
    color: #737373;
    margin: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
}
form.box-add-prdcompare {
    text-align: center;
}
.trend-ban-chay ul.product-highlight-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    flex-direction: row;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.trend-product-catalog.trend-ban-chay .trend-list-product-title:before {
    background: url(https://meta.vn/Data/image/2024/06/04/hot-sale.png) no-repeat;
    content: "";
    background-size: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 3px;
    left: 10px;
}
.trend-product-catalog.trend-ban-chay .trend-list-product-title {
    padding-left: 55px;
}
.bar-trend-ban-chay {
    background-color: #0fa80f;
    border-radius: 3px;
    width: calc(100% - 10px);
    text-align: center;
    margin: auto;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    bottom: 5px;
}
.trend-product-catalog.trend-ban-chay .product-highlight-wrap .product-highlight-item .prod-hl-name {
    min-height: 52px;
}
.trend-product-catalog.trend-ban-chay .product-highlight-wrap .product-highlight-item{
    min-height: 250px;
    display: inherit;
}

/*Bo sung box san pham noi bat cua doi thu*/
.trend-product-catalog.hot-competitor .trend-list-product-title {
    padding-bottom: 10px;
    background: #da251c;
    padding-left: 40px;
    padding-top: 10px;
}
.hot-competitor div.h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}
.trend-product-catalog.hot-competitor .trend-list-product-title:before {
    background: url(https://meta.vn/Data/image/2024/09/11/hot-1.png) no-repeat;
    content: "";
    background-size: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 3px;
    left: 0px;
}
.trend-product-catalog.hot-competitor .product-highlight-wrap .product-highlight-item .prod-hl-name {
    min-height: 52px;
}
.hot-competitor ul.product-highlight-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    flex-direction: row;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.hot-competitor ul.product-highlight-wrap .product-highlight-item {
    display: inherit;
    padding-bottom: 5px;
}

@media screen and (min-width: 1200px) {
    .tragop-ox {
        top: 185px;
        right: 7px;
    }

    .wrap-list-product-catagsub.list .tragop-ox {
        top: 170px;
    }

    .breadcrum-cat-menu-item {
        border-bottom: none;
    }

    .breadcrum-cat-item.nav1 .breadcrum-cat-menu-item {
        width: 177px;
    }

    .prod-hl-compare {
        position: absolute;
        top: 195px;
        right: 7px;
        left: unset;
        bottom: unset;
    }
    .wrap-list-product-catagsub.list .prod-hl-compare {
        top: 175px;
    }
    li.shead-brand-item {
        width: 80px;
    }

    .slides {
        height: 270px !important;
        margin-bottom: 10px;
    }

    .slider {
        margin-bottom: 10px;
    }

    .title-khuyen-mai {
        display: inline-block;
        vertical-align: -5px;
    }

    #catpagesub-m .center-body-left {
        min-height: unset;
    }

    #catpagesub-m .center-body-left,
    #catpage-m .center-body-left,
    #brand .center-body-left,
    #brand .center-body-left.brand-main,
    #searchpage .center-body-left,
    #view-video .center-body-left {
        display: inline-block;
        width: 245px;
        background-color: #f7f8f9;
        box-shadow: none;
    }

    .body-left-box {
        margin-bottom: 20px;
    }

    .body-left-box-title {
        display: block;
    }

    .center-body-right {
        width: calc(100% - 260px);
        display: inline-block;
        float: right;
    }

    #catpagesub-m .body-left-box.catalog-sub {
        visibility: visible;
        opacity: inherit;
    }

    #catpagesub-m .body-left-title-filter,
    #brand .body-left-title-filter,
    #searchpage .body-left-title-filter {
        display: none;
    }

    .body-left-box-title.extra:before, .sort-by-price, .sort-by-price-title, .tab-filter-close {
        display: none;
    }

    #catpagesub-m .body-left-box-sub-under .body-left-box-title,
    #brand .body-left-box-sub-under .body-left-box-title {
        color: #333;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        font-weight: bold;
        text-align: center;
        padding: 7px 0;
        background-color: #fff;
    }

    #catpagesub-m .body-left-box-sub {
        margin-bottom: 20px;
    }

    #brand .body-left-box-sub {
        margin-bottom: 20px;
    }

    #brand .breadcrum-catalog ol li {
        font-size: 14px;
    }

    .list-catalog-sub-children {
        width: 228px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 244px;
        z-index: 99;
        border: 1px solid #eee;
        display: none;
    }

        .list-catalog-sub-children .catag-title-sub-item {
            padding-left: 10px;
        }

        .list-catalog-sub-children.son2,
        .list-catalog-sub-children.son4 {
            position: absolute;
            left: 228px;
            display: none !important;
        }

    .catalog-sub-item.son1,
    .catalog-sub-item.son3 {
        position: relative;
    }

    .catalog-item-has-children.son1:hover .list-catalog-sub-children.son2,
    .catalog-item-has-children.son1.x-hover .list-catalog-sub-children.son2 {
        display: block !important;
    }

    .catalog-item-has-children.son3:hover .list-catalog-sub-children.son4 {
        display: block !important;
    }

    .catalog-sub-item:hover .list-catalog-sub-children, .catalog-sub-item.x-hover .list-catalog-sub-children {
        display: block;
        padding-left: 0;
        box-shadow: 3px 1px 4px 0px #33333340;
    }

    ul.list-catalog-sub-children.son4 {
        left: 228px;
        top: -1px;
    }

    .list-catalog-sub-children .icon-sub-item {
        display: none;
    }

    .catalog-item-has-children .catalog-sub-item-link.arrow:before {
        background: url(../images/arrow-right-gray.png)no-repeat;
        width: 12px;
        height: 12px;
        position: absolute;
        content: "";
        right: 3px;
        top: 11px;
        background-size: 10px;
    }

    .catalog-item-has-children:hover .catalog-sub-item-link.arrow:before,
    .catalog-item-has-children.x-hover .catalog-sub-item-link.arrow:before {
        background: url(../images/arrow-right.png)no-repeat;
        width: 12px;
        height: 12px;
        position: absolute;
        content: "";
        right: 3px;
        top: 11px;
        background-size: 10px;
    }

    ul.list-catalog-sub {
        margin-top: 0px;
    }

    #catpagesub-m .body-left-box-inner {
        overflow: visible;
    }

    #brand .body-left-box-inner {
        overflow: visible;
    }

    #catpagesub-m .body-left-box-inner,
    #catpagesub-m .body-left-box-sub-under,
    #catpagesub-m .body-left-box-inner-extra {
        /*min-height: fit-content;*/
        display: block;
    }

    #brand .body-left-box-inner,
    #brand .body-left-box-sub-under,
    #brand .body-left-box-inner-extra {
        /*min-height: fit-content;*/
        display: block;
    }

    #searchpage .body-left-box-inner,
    #searchpage .body-left-box-sub-under,
    #searchpage .body-left-box-inner-extra {
        /*min-height: fit-content;*/
        display: block;
    }

    #searchpage .body-left-box-inner {
        overflow: visible;
    }

    #catpagesub-m .body-left-box-inner, #catpagesub-m .body-left-box-sub-under, #catpagesub-m .body-left-box-inner-extra {
        max-height: none;
    }

    #brand .body-left-box-inner, #brand .body-left-box-sub-under, #brand .body-left-box-inner-extra {
        max-height: none;
    }

    #searchpage .body-left-box-inner, #searchpage .body-left-box-sub-under, #searchpage .body-left-box-inner-extra {
        max-height: none;
    }

    .body-left-box-inner-extra li.filter-item,
    #catpagesub-m .body-left-box.filter-brand li.filter-item,
    #brand .body-left-box.filter-brand li.filter-item,
    #searchpage .body-left-box.filter-brand li.filter-item {
        width: 100%;
    }

    .search-brand, .view-more-cata-left a, .view-more-filter-left a {
        display: block;
    }

    .rslides {
        width: 310px;
        display: inline-block;
        vertical-align: top;
    }
    .rslides>li {
        padding-top: 0;
    }

        .rslides li a:hover, .rslides li a.x-hover {
            color: #0071c4;
        }

    .breadcrum-catalog {
        padding-left: 0;
        margin: 5px 0;
    }

    .breadcrum-cat-item.home,
    .breadcrum-cat-item.nav1 {
        display: inline-block;
    }

    .box-navi-top {
        background: none;
        height: 0;
    }

    .box-navi-top {
        display: block;
    }

    .box-navi-inner {
        width: 400px;
        position: absolute;
        z-index: 9;
        height: 28px;
        top: 77px;
        margin-left: 835px;
    }

    .tag-price-sale {
        display: none;
        position: absolute;
        right: 0;
        top: 2px;
    }

    .breadcrum-cat-item:hover .breadcrum-cat-menu, .breadcrum-cat-item.x-hover .breadcrum-cat-menu {
        display: block;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        z-index: 99;
        left: 0;
    }
    /*.breadcrum-cat-menu:after{
        position: absolute;
        width: 2000px;
        height: 2000px;
        z-index: -99;
        background: rgba(0, 0, 0, 0.35);
        content: "";
        top: 100px;
        left: -150px;
    }*/
    .wrap-catalog-main {
        margin-bottom: 10px;
    }

    .top-product-highlight {
        margin-top: 0px;
    }

        .top-product-highlight .product-highlight-item {
            height: 354px !important;
        }

        .top-product-highlight ul.product-highlight-wrap {
            height: 353px;
        }

        .top-product-highlight .prod-hl-name {
            min-height: 54px;
        }

    #brand .top-product-highlight ul.product-highlight-wrap {
        height: 390px;
    }

    .box-catalog-main {
        margin-top: 25px;
    }

        .box-catalog-main.brand {
            margin-bottom: 25px;
        }

            .box-catalog-main.brand .box-cat-title h2 a:hover {
                color: #333 !important;
            }

    .list-catalog-main {
        max-height: 435px;
        margin-top: 0;
    }

        .list-catalog-main .catalog-main-item {
            -webkit-flex: 12%;
            -ms-flex: 12%;
            border: 1px solid #ddd;
            height: 110px;
            padding: 14px 0 10px;
        }

            .list-catalog-main .catalog-main-item:hover,
            .list-catalog-main .catalog-main-item.x-hover {
                box-shadow: 0 4px 4px -2px rgba(0,0,0,.15);
            }

            .list-catalog-main .catalog-main-item:last-child {
                /*margin-right: 0;*/
            }

    ul.product-highlight-wrap {
        display: inline-block;
        height: 365px;
        overflow: hidden;
    }

    .icon-cat-main-thumb {
        width: 70px;
        height: 70px;
    }

        .icon-cat-main-thumb span {
            width: 70px;
            height: 70px;
        }

    .trend-catalog ul.list-catalog-main {
        padding: 0 7px;
        width: calc(100% - 20px);
        margin: auto;
        padding-bottom: 5px;
        border-top: 0;
        max-height: 300px;
    }

    .trend-catalog .list-catalog-main .catalog-main-item {
        -webkit-flex: 10%;
        -ms-flex: 10%;
        border: 1px solid #ddd;
        margin: 0;
        padding: 20px 5px;
    }

        .trend-catalog .list-catalog-main .catalog-main-item:nth-child(2n+1) {
            border-right: 0 !important;
            margin-bottom: -1px !important;
        }

        .trend-catalog .list-catalog-main .catalog-main-item:nth-child(2n+2) {
            border-right: 0 !important;
            margin-bottom: -1px !important;
        }

        .trend-catalog .list-catalog-main .catalog-main-item:nth-child(8n) {
            border-right: 1px solid #ddd !important;
        }

    .prod-hl-discount {
        display: block;
    }

    .product-highlight-wrap .product-highlight-item {
        width: 210px !important;
        display: inline-block;
        height: 320px;
        vertical-align: top;
        text-align: left;
        margin-left: 15px;
        overflow: hidden;
    }


    .pad-sp-banchay .product-highlight-item.prod-item {
        width: 224px !important;
        height: 370px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
        border: 1px solid #fff !important;
    }

        .pad-sp-banchay .product-highlight-item.prod-item .prod-hl-name {
            margin-top: 25px;
        }

    #catpagesub-m .pad-sp-banchay .countdown-product {
        width: calc(100% - 13px);
        left: 5px;
        bottom: 10px !important;
    }

    .pad-sp-banchay .product-highlight-item.prod-item:hover {
        border: 1px solid #ddd;
    }

    .list-seen .product-highlight-item {
        height: 310px;
    }
    .list-seen .prod-hl-name {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        margin-top: 20px;
        line-height: 22px;
    }
    .list-seen ul.product-highlight-wrap {
        /*height: 415px;*/
        height: 365px;
    }

    .prod-hl-thumb, .prod-hl-thumb a {
        width: 200px;
        height: 200px;
        text-align: center;
    }

    .rating-box .fa-star {
        font-size: 13px;
    }

    .product-price-old {
        display: block;
        font-size: 13px;
    }

    .product-rate {
        margin-top: 5px;
        float: right;
        display: inline-block;
    }

    .product-price {
        margin-top: 5px;
        float: left;
        display: inline-block;
    }

    .prod-hl-buynow {
        display: block;
    }

    .product-highlight-item:hover .prod-hl-buynow, .product-highlight-item.x-hover .prod-hl-buynow {
        background-color: #0857ea;
    }

        .product-highlight-item:hover .prod-hl-buynow a, .product-highlight-item.x-hover .prod-hl-buynow a {
            color: #fff !important;
        }

    .see-all-prod-highlight {
        background-color: #ff9900;
        position: absolute;
        top: 5px;
        right: 13px;
        padding: 4px 7px;
    }

        .see-all-prod-highlight a {
            color: #fff !important;
        }

    .prod-hl-gift.active {
        top: 196px;
    }
    #catpage-m .prod-hl-gift.active {
    top: 180px;
}
    #brand .top-product-highlight .prod-hl-gift.active,
    #brand .wrap-list-product-catagsub .prod-hl-gift.active,
    .list-product-highlight.list-seen .prod-hl-gift.active
     {
        top: 180px;
    }

        .prod-hl-gift.active:before {
            text-indent: 8px;
        }

    .thumb-video-main {
        width: 75%;
        display: inline-block;
        overflow: hidden;
    }

        .thumb-video-main a {
            height: 274px;
        }

        .thumb-video-main img {
            width: 100%;
            height: 268px;
            object-fit: cover;
            object-position: left;
            max-width: none;
        }

    .list-show-video {
        width: 24%;
        float: right;
        margin-right: 2px;
    }

        .list-show-video .show-video-item {
            width: 100%;
            overflow: hidden;
        }

    .thumb-video-item {
        width: 100%;
        position: relative;
        margin-bottom: 2px;
    }

        .thumb-video-item:before {
            padding-top: 56.25%;
            content: '';
            display: block;
        }

        .thumb-video-item > a {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .title-video-item {
        display: -webkit-box;
        position: absolute;
        height: 36px;
        left: 0;
        bottom: 0px;
        width: calc(100% - 10px);
        padding: 5px;
        background-color: #333333a1;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #FFF;
    }

        .title-video-item a, .title-video-item a:hover, .title-video-item a.x-hover {
            color: #fff !important;
        }

    .show-video-item .playhover {
        top: 45%;
        left: 45%;
    }

    .list-cat-support .cat-support-item {
        -webkit-flex: 24%;
        -ms-flex: 24%;
    }

    .articles-new-item {
        margin: 8px;
        width: 23%;
    }

    .description-catalog {
        background-color: #f7f8f9;
        padding: 25px 0 0;
    }

        .description-catalog img {
            margin: 0 8px;
        }

    .bar-sort-product {
        display: block;
    }

    .bar-sort-right {
        top: 7px;
    }

    #searchpage .bar-sort-right {
        top: 80px;
    }

    .wrap-list-product-catagsub .product-highlight-wrap {
        height: auto;
    }

        .wrap-list-product-catagsub .product-highlight-wrap .product-highlight-item {
            -webkit-flex: none !important;
            -ms-flex: none;
            border: none;
            height: 380px;
            border: 1px solid transparent;
            border-radius: 3px;
            margin: 7px 7px;
            width: 230px !important;
        }

    #catalogSub-viewed .prod-hl-name {
        margin-top: 20px;
    }

    .wrap-list-product-catagsub .prod-hl-discount span {
        width: 50px;
        height: 20px;
        display: block;
        border-radius: 10px;
        background: #ff9900;
        position: absolute;
        top: 14px;
        right: 5px;
        line-height: 20px;
        transform: none;
        -webkit-transform: none;
    }

        .wrap-list-product-catagsub .prod-hl-discount span:before,
        .wrap-list-product-catagsub .prod-hl-discount span:after {
            display: none;
        }

    .wrap-list-product-catagsub .prod-hl-buynow {
        display: none;
        width: calc(100% - 18px);
    }

    .wrap-list-product-catagsub .product-highlight-item:hover .prod-hl-buynow,
    .wrap-list-product-catagsub .product-highlight-item.x-hover .prod-hl-buynow {
        display: block;
    }

    .wrap-list-product-catagsub .product-highlight-item:hover,
    .wrap-list-product-catagsub .product-highlight-item.x-hover {
        border: 1px solid #eee;
        border-radius: 3px;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.08);
    }

    .wrap-list-product-catagsub .product-rate {
        width: 100%;
    }

    .wrap-list-product-catagsub .amount-rate {
        font-size: 12px;
    }

    .wrap-list-product-catagsub .product-price-old {
        left: 100px !important;
        font-size: 12px;
    }

    .wrap-list-product-catagsub .prod-hl-name {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        margin-top: 20px;
        line-height: 22px;
    }

    .wrap-list-product-catagsub.list .product-highlight-wrap .product-highlight-item {
        width: 100% !important;
        margin: 0;
        border: none;
        height: unset;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        padding: 15px 0;
        margin-bottom: 3px;
        max-width: unset;
    }

    .product-highlight-item-left {
        width: 180px;
        height: 180px;
    }

        .product-highlight-item-left .prod-hl-thumb,
        .product-highlight-item-left .prod-hl-thumb a {
            width: 180px;
            height: 180px;
        }

    .product-highlight-item-right {
        width: calc(100% - 215px);
    }

    .product-highlight-item-left .prod-hl-gift.active {
        top: 155px;
    }

    .product-highlight-item-right .product-short-desc {
        display: block;
    }

    .wrap-list-product-catagsub .product-highlight-item-right .product-price {
        margin-bottom: 7px;
    }

    .wrap-list-product-catagsub .product-highlight-item-right .prod-hl-buynow {
        width: 200px;
        display: block;
        position: absolute;
        right: 20px;
        top: 50px;
        bottom: unset;
    }

    .wrap-list-product-catagsub.list .product-highlight-item:hover,
    .wrap-list-product-catagsub.list .product-highlight-item.x-hover {
        box-shadow: 3px 0 10px 0 rgba(0,0,0,.12), 0 -1px 12px 0 rgba(0,0,0,.12);
    }

    .des-filter-right {
        display: inline-block;
    }

    .wrap-product-brand .bar-sort-right {
        top: 5px;
    }

    .wrap-box-brand-logo {
        display: flex;
    }

    .logo-brand-page {
        width: 150px;
        display: inline-block;
        margin-top: 10px;
    }

    #brand .content-desc-catalog {
        width: calc(100% - 175px);
        display: inline-block;
        margin-left: 20px;
    }

    #searchpage .body-left-box.filter-brand {
        display: block;
    }

    .result-filter {
        padding-bottom: 5px;
    }

    .result-filter-sub {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 24px;
    }

    .result-filter-item:hover .result-filter-sub,
    .result-filter-item.x-hover .result-filter-sub {
        display: block;
    }

    .txt-shopp {
        padding-top: 8px;
    }

    .panel-video {
        width: 730px;
        display: inline-block;
        background-color: #fff;
    }

    .video-product .product-highlight-wrap .product-highlight-item {
        height: 310px;
        margin-left: 10px;
        width: 215px !important;
    }

    .sum-product-v-left {
        width: 58%;
    }

    .sum-product-v-right {
        width: 40%;
    }

    .video-product {
        padding: 10px;
    }

    #btn-supp-prod:after, #btn-buy-prod:after {
        display: none;
    }

    .btn-buy-wrap, .btn-supp-wrap {
        width: 49%;
    }

    .supp-form {
        margin: auto;
        background: rgba(0, 0, 0, 0.7);
    }

    .bar-bg-form-supp {
        width: 50%;
        margin: auto;
        top: 120px;
    }

    .title-specs {
        padding-left: 0;
    }

    .body-specs ul li .specs-left {
        font-weight: 500;
        min-width: 200px;
        border-right: 1px solid #eee;
        padding: 7px 5px;
    }

        .body-specs ul li .specs-left:after {
            display: none;
        }

    .list-video-item {
        width: 222px;
        margin: 10px 9px;
    }

        .list-video-item:nth-child(3n+1) {
            margin-left: 0px;
        }

        .list-video-item:nth-child(3n+3) {
            margin-right: 0px;
        }

    .center-body-right.parent-video .list-video-item {
        margin: 10px 6px;
    }

        .center-body-right.parent-video .list-video-item:nth-child(3n+1) {
            margin-left: 7px;
        }

    .td_prods {
        width: 230px;
        float: right;
        display: inline-block !important;
        background-color: #fff;
    }

    .list-td-prods {
        padding: 8px;
    }

        .list-td-prods .prod-hl-discount {
            top: 0;
        }

    .td_prods .product-highlight-item {
        width: 100%;
        margin: 0;
        height: 220px;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }

        .td_prods .product-highlight-item:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }

    .td_prods .prod-hl-gift.active {
        top: 90px;
    }

    .td_prods .prod-hl-thumb,
    .td_prods .prod-hl-thumb a {
        width: 120px;
        height: 120px;
    }

    .td_prods .prod-hl-brand {
        text-align: left;
        display: none;
    }

    .td_prods .product-price {
        display: block;
    }

    .td_prods .product-price-meta {
        display: inline-block;
    }

    .td_prods .product-price-old {
        display: inline-block;
        margin-left: 5px;
    }

    .td_prods .product-rate {
        margin: 0;
        text-align: left;
        display: none;
    }

    .td_prods .countdown-product {
        left: 0;
        width: 100%;
    }

    #view-video .prod-hl-name {
        min-height: inherit;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    #view-video .tragop-ox {
        top: 95px;
    }

    #view-video .center-body-right {
        background-color: #f7f8f9;
    }

    #catpagesub-m.knowledge .breadcrum-catalog ol li.breadcrum-cat-item .title-listing {
        display: inline-block;
    }

    .product-knowledge-item .p-knowledge-title {
        font-size: 18px;
        position: relative;
        font-weight: 500;
        float: left;
        width: 100%;
    }

    .product-knowledge-item .p-knowledge-img {
        margin-top: 10px;
    }

    .p-knowledge-desc {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-inline-box;
        font-size: 15px;
    }

    a.view-detail-knowledge {
        display: block;
    }

    #catpagesub-m.knowledge .center-body-left {
        display: inline-block;
    }

    .bar-product-knowledge,
    #catalogSub-relate-k {
        display: block;
    }

    .center-body-right.parent-video .row-video-title h1 {
        padding-left: 10px;
    }

    .cat-product-highlight .prod-hl-name {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    @media (hover: hover) {
        .product-highlight-item:hover .prod-hl-name a {
            color: #da251c;
        }
    }

    .suggest-search {
        display: inline-block;
        padding: 0 10px 5px;
    }

    .suggest-search-title {
        display: inline-block;
    }

    .suggest-search-link {
        margin: 0 7px 7px 0px;
    }

    .suggest-search-list {
        display: inline-block;
    }

    #catalog-fs .product-highlight-wrap .product-highlight-item {
        width: 214px !important;
        height: 310px !important;
    }

        #catalog-fs .product-highlight-wrap .product-highlight-item:first-child {
            margin-left: 13px !important;
        }

    #catalog-fs .cat-product-highlight {
        margin-top: 10px;
        padding-bottom: 7px;
    }

    #catalog-fs .box-cat-all {
        padding-right: 0;
    }

    #catpagesub-m #catalog-fs .countdown-product {
        bottom: 5px !important;
        width: calc(100% - 12px);
        left: 5px;
    }

    #catpage-m #catalog-fs .product-highlight-wrap .product-highlight-item.last-child {
        line-height: 360px;
    }

    .show-cat-icon {
        width: 60px;
        height: 60px;
    }

    a.show-cat-item {
        width: 110px;
    }

    .trend-product-catalog .product-highlight-wrap {
        height: auto;
        padding-left: 5px;
    }

        .trend-product-catalog .product-highlight-wrap .product-highlight-item {
            width: 210px;
            margin: 3px 8px 10px 5px;
            height: 305px;
        }

    .name-cat-main {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    .bar-sort-left-title {
        display: none;
    }

    .sticBotCompare {
        width: 1236px;
        left: calc(50% - 618px);
        border: 1px solid #0fa80f;
    }

    ul.List-sticBotCom {
        display: inline-block;
        width: calc(100% - 150px);
        vertical-align: middle;
    }

    .name-sticBot {
        width: calc(100% - 90px);
        display: inline-block;
    }

    .img-sticBot {
        width: 80px;
        height: 80px;
    }

    .inner-item-sticBot {
        text-align: left;
    }

    .Addstic-icon {
        display: none;
    }

    .add-sticBotCom input.input-itemTPro {
        display: block;
    }

    .box-submit-Com {
        width: 130px;
        border: none;
        vertical-align: middle;
        display: inline-block !important;
    }

    .item-sticBotCom {
        display: inline-block;
    }

    a.subC {
        width: 100%;
    }

    a.close-Compare {
        display: block;
        padding: 5px 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        margin-top: 3px;
    }

    a.submit-Compare {
        padding: 6px 0px;
        height: 19px;
        border-bottom: none;
        font-size: 14px;
    }

        a.submit-Compare:before {
            display: none;
        }

    .add-sticBotCom .box-AddPro-wrap {
        display: block;
    }

    .box-AddPro-wrap {
        position: relative;
        background: #fff;
        overflow-y: unset;
        overflow: unset;
    }

    .box-AddPro {
        padding: 0;
        border: none;
        position: relative;
        top: 0;
        width: calc(100% - 10px);
        margin: 0 auto;
        height: auto;
    }

    .ttl {
        display: none;
    }

    .add-sticBotCom .close-addPro {
        display: none;
    }

    .ac_results_mini {
        position: absolute;
        bottom: 32px;
        top: unset !important;
        border-top: 1px solid #ddd;
        left: 0px !important;
    }

    .ac_wrapper {
        padding: 0px 0px 0px 5px;
    }

    .item-sticBotCom {
        height: 100px;
        border-right: 1px solid #0fa80f;
    }

    #catpagesub-m .product-viewed .countdown-product {
        width: calc(100% - 13px);
        left: 5px;
        bottom: 5px !important;
    }

    #catpagesub-m .countdown-product {
        bottom: 44px !important;
    }

    li.sort-item.goiy:before {
        top: -3px;
    }

    .product-viewed .title-bar-right {
        background: #f90;
        margin-top: 9px;
        margin-right: 5px;
    }

        .product-viewed .title-bar-right a {
            color: #fff;
        }

    ul.list-catg-watched {
        overflow: hidden;
        display: inline-block !important;
    }

    li.item-catg-watched {
        margin-bottom: 7px;
    }

    .product-viewed .product-highlight-wrap .product-highlight-item {
        margin-left: 10px;
    }

    #stickyheader {
        height: 100px;
        width: 1236px;
        left: calc(50% - 618px);
        box-shadow: 0 0 5px 0px rgba(0, 0,0,0.5);
    }

    .item-sticBotCom-t {
        height: 90px !important;
        border-right: 1px solid #0fa80f;
        display: inline-block;
    }

    .sticBotCompare .item-sticBotCom-t {
        width: 32%;
    }

    .stickyheader-btn.if-no-support .swiper-wrapper {
        max-height: 110px !important;
        direction: ltr;
    }

    .swiper-slide.s-product-related-item.List-sticBotCom {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    .stickyheader-btn.if-no-support .img-sticBot {
        width: 80px;
        height: 80px;
        float: left;
    }

    #stickyheader .name-sticBot {
        width: calc(100% - 90px);
        color: #333;
        float: right;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    #stickyheader .price-sticBot {
        color: #da251c;
        float: right;
        width: calc(100% - 90px);
        font-weight: bold;
        margin-top: 5px;
    }

    .stickyheader-btn.if-no-support .item-sticBotCom-t {
        width: 205px;
        border-right: 1px solid #ddd;
    }

    .trend-product-catalog.trend-sub-category-page .product-highlight-item.prod-item {
        width: 169px !important;
        height: 250px;
        min-height: 250px;
    }

    #catpagesub-m .trend-product-catalog.trend-sub-category-page .countdown-product {
        bottom: 5px !important;
        width: calc(100% - 12px);
        left: 5px;
    }

    .trend-product-catalog.trend-sub-category-page .prod-hl-gift.active {
        top: 120px;
    }

    #catalog-fs .product-highlight-wrap .product-highlight-item.last-child a {
        line-height: 340px;
    }

    .meta-goiy-mobile {
        display: none;
    }

    #searchpage .meta-goiy-mobile {
        display: inline-block;
        vertical-align: 0px;
        margin-left: 0px;
        margin-right: 7px;
    }

    #brand .trend-product-catalog .product-highlight-item .countdown-product {
        bottom: 10px;
    }

    #brand #catalog-fs .countdown-product {
        bottom: 10px;
    }

    li.product-knowledge-item.cheap-prod .p-knowledge-img:before {
        top: 40px;
    }

    li.product-knowledge-item.dimension-prod .p-knowledge-img:before {
        top: 40px;
    }
    .body-left-box.compare-cm {
        display: block;
    }
    .meta-compare-mobile{
        display: none;
    }
    #searchpage .wrap-list-product-catagsub .product-rate {
        margin-top: 0px;
    }
    #searchpage .wrap-list-product-catagsub .product-price {
        margin-bottom: 0px;
    }
    .trend-product-catalog.trend-ban-chay .product-highlight-wrap .product-highlight-item {
        height: 322px;
    }
    .trend-ban-chay .prod-hl-gift.active, .hot-competitor .prod-hl-gift.active {
        top: 185px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
    .breadcrum-cat-menu-item {
        border-bottom: none;
    }

    .breadcrum-cat-item.nav1 .breadcrum-cat-menu-item {
        width: 177px;
    }

    .tragop-ox {
        top: 137px
    }

    #searchpage .wrap-list-product-catagsub.list .prod-hl-buynow {
        width: 200px;
    }

    .slider {
        margin-bottom: 10px;
    }

    .title-khuyen-mai {
        display: inline-block;
        vertical-align: 10px;
    }

    li.shead-brand-item {
        width: 80px;
    }

    #catpagesub-m .center-body-left {
        min-height: unset;
    }

    #catpagesub-m .center-body-left,
    #catpage-m .center-body-left,
    #brand .center-body-left,
    #searchpage .center-body-left,
    #brand .center-body-left.brand-main,
    #view-video .center-body-left {
        display: inline-block;
        width: 245px;
        background-color: #f7f8f9;
        box-shadow: none;
    }

    .body-left-box {
        margin-bottom: 20px;
    }

    .body-left-box-title {
        display: block;
    }

    .center-body-right {
        width: calc(100% - 260px);
        display: inline-block;
        float: right;
    }

    #catpagesub-m .body-left-box.catalog-sub {
        visibility: visible;
        opacity: inherit;
    }

    #catpagesub-m .body-left-title-filter, .sort-by-price-title, .sort-by-price, .tab-filter-close,
    #brand .body-left-title-filter, .sort-by-price-title, .sort-by-price, .tab-filter-close,
    #searchpage .body-left-title-filter, .sort-by-price-title, .sort-by-price, .tab-filter-close {
        display: none;
    }

    .body-left-box-title.extra:before {
        display: none;
    }

    #catpagesub-m .body-left-box-sub-under .body-left-box-title,
    #brand .body-left-box-sub-under .body-left-box-title {
        color: #333;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        font-weight: bold;
        text-align: center;
        padding: 7px 0;
        background-color: #fff;
    }

    #catpagesub-m .body-left-box-sub,
    #brand .body-left-box-sub {
        margin-bottom: 20px;
    }

    .body-left-box-inner-extra li.filter-item,
    #catpagesub-m .body-left-box.filter-brand li.filter-item,
    #brand .body-left-box.filter-brand li.filter-item,
    #searchpage .body-left-box.filter-brand li.filter-item {
        width: 100%;
    }

    #brand .breadcrum-catalog ol li {
        font-size: 14px;
    }

    .list-catalog-sub-children {
        width: 228px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 244px;
        z-index: 99;
        border: 1px solid #eee;
        display: none;
    }

    #catpagesub-m .list-catalog-sub-children,
    #brand .list-catalog-sub-children {
        padding-left: 0;
    }

    .list-catalog-sub-children .catag-title-sub-item {
        padding-left: 10px;
    }

    .list-catalog-sub-children.son2,
    .list-catalog-sub-children.son4 {
        position: absolute;
        left: 228px;
        display: none !important;
    }

    .catalog-sub-item.son1,
    .catalog-sub-item.son3 {
        position: relative;
    }

    .catalog-item-has-children.son1:hover .list-catalog-sub-children.son2,
    .catalog-item-has-children.son1.x-hover .list-catalog-sub-children.son2,
    .catalog-item-has-children.son3:hover .list-catalog-sub-children.son4 {
        display: block !important;
    }

    .catalog-sub-item:hover .list-catalog-sub-children, .catalog-sub-item.x-hover .list-catalog-sub-children {
        display: block;
        box-shadow: 3px 1px 4px 0px #33333340;
    }

    .list-catalog-sub-children .icon-sub-item {
        display: none;
    }

    .catalog-item-has-children .catalog-sub-item-link.arrow:before {
        background: url(../images/arrow-right-gray.png)no-repeat;
        width: 12px;
        height: 12px;
        position: absolute;
        content: "";
        right: 3px;
        top: 11px;
        background-size: 10px;
    }

    .catalog-item-has-children:hover .catalog-sub-item-link.arrow:before,
    .catalog-item-has-children.x-hover .catalog-sub-item-link.arrow:before {
        background: url(../images/arrow-right.png)no-repeat;
        width: 12px;
        height: 12px;
        position: absolute;
        content: "";
        right: 3px;
        top: 11px;
        background-size: 10px;
    }

    #catpagesub-m .body-left-box-inner,
    #brand .body-left-box-inner {
        overflow: visible;
    }

    #catpagesub-m .body-left-box-inner,
    #catpagesub-m .body-left-box-inner-extra {
        /*min-height: fit-content;*/
        display: block;
    }

    #brand .body-left-box-inner,
    #brand .body-left-box-inner-extra {
        /*min-height: fit-content;*/
        display: block;
    }

    #catpagesub-m .body-left-box-sub-under,
    #brand .body-left-box-sub-under {
        /*min-height: fit-content;*/
        display: block;
    }

    #searchpage .body-left-box-inner {
        overflow: visible;
    }

    #catpagesub-m .body-left-box-inner, #catpagesub-m .body-left-box-sub-under, #catpagesub-m .body-left-box-inner-extra {
        max-height: none;
    }

    #brand .body-left-box-inner, #brand .body-left-box-sub-under, #brand .body-left-box-inner-extra {
        max-height: none;
    }

    #searchpage .body-left-box-inner, #searchpage .body-left-box-sub-under, #searchpage .body-left-box-inner-extra {
        max-height: none;
    }

    #searchpage .wrap-list-product-catagsub .product-highlight-wrap .product-highlight-item {
        height: 335px;
    }

    #searchpage .prod-hl-buynow {
        width: calc(100% - 17px);
    }

    ul.list-catalog-sub {
        margin-top: 0px;
    }

    .search-brand {
        display: block;
    }

    .rslides {
        width: calc(100% - 90px);
        display: inline-block;
    }

        .rslides li a:hover, .rslides li a.x-hover {
            color: #0071c4;
        }

    .breadcrum-catalog {
        padding-left: 0;
        margin: 5px 0;
    }

    .breadcrum-cat-item.home,
    .breadcrum-cat-item.nav1 {
        display: inline-block;
    }

    .view-more-cata-left a, .view-more-filter-left a {
        display: block;
    }

    .box-navi-top {
        background: none;
        height: 0;
    }

    .box-navi-top {
        display: block;
    }

    .box-navi-inner {
        width: 450px;
        position: absolute;
        z-index: 9;
        height: 30px;
        top: 75px;
        right: 54px;
    }

    .breadcrum-cat-item:hover .breadcrum-cat-menu,
    .breadcrum-cat-item.x-hover .breadcrum-cat-menu {
        display: block;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        z-index: 99;
        left: 0;
    }

    .list-catalog-main .catalog-main-item {
        -webkit-flex: 14%;
        -ms-flex: 14%;
        padding: 14px 0 10px;
    }

    .trend-catalog .list-catalog-main .catalog-main-item {
        -webkit-flex: 14%;
        -ms-flex: 14%;
    }

    .icon-cat-main-thumb {
        width: 70px;
        height: 70px;
    }

        .icon-cat-main-thumb span {
            width: 70px;
            height: 70px;
        }

    .list-catalog-main {
        max-height: 435px;
    }

    .prod-hl-discount {
        display: block;
    }

    .amount-rate, .product-price-old {
        display: inline-block;
        font-size: 12px;
    }

    .product-rate {
        margin: 0;
    }

    .list-catalog-main {
        margin-top: 0px;
        max-height: 340px;
    }

    .box-catalog-main {
        margin-top: 25px;
    }

    ul.product-highlight-wrap {
        display: inline-block;
        height: 305px;
        overflow: hidden;
    }

    ul.list-catalog-sub-children.son4 {
        left: 228px;
        top: -1px;
    }

    .product-highlight-wrap .product-highlight-item {
        width: 160px !important;
        display: inline-block;
        height: 260px;
        vertical-align: top;
        text-align: left;
        margin-left: 8px;
        overflow: hidden;
    }

    .prod-hl-thumb, .prod-hl-thumb a {
        width: 170px;
        height: 170px;
        text-align: center;
    }

    .see-all-prod-highlight {
        background-color: #ff9900;
        position: absolute;
        top: 5px;
        right: 13px;
        padding: 4px 7px;
    }

        .see-all-prod-highlight a {
            color: #fff !important;
        }

    .thumb-video-main {
        width: 100%;
        display: inline-block;
    }

    .list-show-video {
        width: 100%;
        margin-top: 10px;
    }

        .list-show-video .show-video-item {
            width: 23.9%;
            margin-right: 5px;
        }

            .list-show-video .show-video-item:last-child {
                margin-right: 0px;
            }

    .list-cat-support .cat-support-item {
        -webkit-flex: 24%;
        -ms-flex: 24%;
    }

    .thumb-video-item {
        width: 100%;
    }

    .title-video-item {
        text-align: left;
        float: right;
        display: inline-block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 6px;
        width: calc(100% - 10px);
        padding: 5px;
        background-color: #333333a1;
    }

    .prod-hl-name {
        min-height: 0;
    }

    .title-video-item a, .title-video-item a:hover, .title-video-item a.x-hover {
        color: #fff !important;
    }

    .show-video-item .playhover {
        top: 33%;
        left: 40%;
    }

    .articles-new-item {
        margin: 9px;
        width: 22%;
    }

    .description-catalog {
        background-color: #f7f8f9;
        padding: 25px 0 0;
    }

    .bar-sort-product {
        display: block;
    }

    .bar-sort-right {
        top: 30px;
    }

    #searchpage .bar-sort-right {
        top: 80px;
    }

    .bar-sort-product li.sort-item.last {
        width: 23%;
    }

    /*.product-highlight-item:hover .prod-hl-buynow, .product-highlight-item.x-hover .prod-hl-buynow {
        background-color: #0857ea;
    }

        .product-highlight-item:hover .prod-hl-buynow a, .product-highlight-item.x-hover .prod-hl-buynow a {
            color: #fff !important;
        }*/

    .wrap-list-product-catagsub .product-highlight-wrap {
        height: auto;
    }

        .wrap-list-product-catagsub .product-highlight-wrap .product-highlight-item {
            -webkit-flex: none !important;
            -ms-flex: none;
            border: none;
            height: 350px;
            border: 1px solid transparent;
            border-radius: 3px;
            margin: 7px 7px;
            width: 210px !important;
        }

    #brand .countdown-product, #catpagesub-m .countdown-product {
        bottom: 45px !important;
    }

    .wrap-list-product-catagsub .prod-hl-discount span {
        width: 50px;
        height: 20px;
        display: block;
        border-radius: 10px;
        background: #ff9900;
        position: absolute;
        top: 14px;
        right: 5px;
        line-height: 20px;
        transform: none;
        -webkit-transform: none;
    }

        .wrap-list-product-catagsub .prod-hl-discount span:before,
        .wrap-list-product-catagsub .prod-hl-discount span:after {
            display: none;
        }

    .wrap-list-product-catagsub .prod-hl-buynow {
        display: none;
        right: 5px;
    }

    .wrap-list-product-catagsub .product-highlight-item:hover .prod-hl-buynow,
    .wrap-list-product-catagsub .product-highlight-item.x-hover .prod-hl-buynow,
    .product-short-desc {
        display: block;
    }

    .wrap-list-product-catagsub .product-highlight-item:hover,
    .wrap-list-product-catagsub .product-highlight-item.x-hover {
        border: 1px solid #eee;
        border-radius: 3px;
        box-shadow: 0 3px 10px 0 rgba(0,0,0,.08);
    }

    .wrap-list-product-catagsub .prod-hl-gift.active {
        top: 152px;
    }
    #catpage-m .prod-hl-gift.active {
        top: 132px;
    }

    .wrap-list-product-catagsub .amount-rate {
        font-size: 12px;
    }

    .wrap-list-product-catagsub .product-price-old {
        left: 100px !important;
        font-size: 12px;
    }

    .wrap-list-product-catagsub .prod-hl-name {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        margin-top: 20px;
    }

    .prod-hl-compare {
        position: absolute;
        top: 145px;
        right: 7px;
        left: unset;
        bottom: unset;
    }
    .wrap-list-product-catagsub.list .prod-hl-compare {
        top: 155px;
    }
    .wrap-list-product-catagsub.list .product-highlight-wrap .product-highlight-item {
        width: 100% !important;
        margin: 0;
        border: none;
        height: unset;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        margin-bottom: 3px;
        border-radius: 0;
        max-width: unset;
    }

    #catalogSub-viewed .prod-hl-thumb, #catalogSub-viewed .prod-hl-thumb a {
        width: 150px;
        height: 150px;
    }

    #catalogSub-viewed .tragop-ox {
        top: 137px;
    }

    #catalogSub-viewed .prod-hl-compare {
        top: 145px;
    }

    #catalogSub-viewed .product-highlight-wrap .product-highlight-item {
        height: 275px;
    }

    #catalogSub-viewed ul.product-highlight-wrap {
        height: 305px;
    }

    .pad-sp-banchay .prod-hl-gift.active {
        top: 170px;
    }

    .pad-sp-banchay .product-highlight-item.prod-item {
        width: 214px !important;
        height: 340px;
        margin-right: 10px;
        margin-left: 10px;
        border: 1px solid #fff !important;
    }

    #catpagesub-m .pad-sp-banchay .countdown-product {
        width: calc(100% - 13px);
        left: 5px;
        bottom: 15px !important;
    }

    .pad-sp-banchay .product-highlight-item.prod-item:hover {
        border: 1px solid #ddd;
    }

    .pad-sp-banchay .product-highlight-item .prod-hl-name {
        margin-top: 20px
    }

    .product-highlight-item-left {
        width: 170px;
        height: 170px;
    }

    .product-highlight-item-right {
        width: calc(100% - 185px);
    }

    .product-highlight-item-left .prod-hl-gift.active {
        top: 145px;
    }

    .wrap-list-product-catagsub .product-highlight-item-right .product-price {
        margin-bottom: 7px;
    }

    .wrap-list-product-catagsub .product-highlight-item-right .prod-hl-buynow {
        width: 200px;
        display: block;
        position: absolute;
        right: 20px;
        top: 48px;
        bottom: unset;
    }

    .wrap-list-product-catagsub.list .product-highlight-item:hover,
    .wrap-list-product-catagsub.list .product-highlight-item.x-hover {
        box-shadow: 3px 0 10px 0 rgba(0,0,0,.12), 0 -1px 12px 0 rgba(0,0,0,.12);
    }

    .des-filter-right {
        display: inline-block;
    }

    .wrap-box-brand-logo {
        display: flex;
    }

    .logo-brand-page {
        width: 150px;
        display: inline-block;
        vertical-align: 30px;
    }

    #brand .content-desc-catalog {
        width: calc(100% - 175px);
        display: inline-block;
        margin-left: 20px;
    }

    #searchpage .body-left-box.filter-brand {
        display: block;
    }

    .result-filter-sub {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 24px;
    }

    .result-filter-item:hover .result-filter-sub,
    .result-filter-item.x-hover .result-filter-sub {
        display: block;
    }

    .panel-video {
        width: 720px;
        margin: auto;
        padding: 5px;
    }

    .row-video-title {
        margin-bottom: 5px;
    }

    .video-product .product-highlight-wrap .product-highlight-item {
        height: 265px;
        width: 158px !important;
    }

    .txt-shopp {
        padding-top: 8px;
    }

    #btn-supp-prod:after, #btn-buy-prod:after {
        display: none;
    }

    .supp-form {
        margin: auto;
        background: rgba(0, 0, 0, 0.7);
    }

    .bar-bg-form-supp {
        width: 50%;
        margin: auto;
    }

    .btn-buy-wrap, .btn-supp-wrap {
        width: 49%;
    }

    .sum-product-v-left {
        width: 58%;
    }

    .sum-product-v-right {
        width: 40%;
    }

    .row-video-title h1,
    .video-product {
        padding: 0;
    }

    .title-specs {
        padding-left: 0;
    }

    .body-specs ul li .specs-left {
        font-weight: 500;
        min-width: 200px;
        border-right: 1px solid #eee;
        padding: 7px 5px;
    }

        .body-specs ul li .specs-left:after {
            display: none;
        }

    .list-video-item {
        width: 222px;
        margin: 10px 12px;
    }

        .list-video-item:nth-child(3n+1) {
            margin-left: 0px;
        }

        .list-video-item:nth-child(3n+3) {
            margin-right: 0px;
        }

    .center-body-right.parent-video .list-video-item {
        margin: 10px 6px;
    }

        .center-body-right.parent-video .list-video-item:nth-child(3n+1) {
            margin-left: 7px;
        }

    #view-video .prod-hl-name {
        min-height: inherit;
    }

    #catpagesub-m.knowledge .breadcrum-catalog ol li.breadcrum-cat-item .title-listing {
        display: inline-block;
    }

    .product-knowledge-item .p-knowledge-title {
        font-size: 18px;
        position: relative;
        font-weight: 500;
        float: left;
        width: 100%;
    }

    .product-knowledge-item .p-knowledge-img {
        margin-top: 10px;
    }

    .p-knowledge-desc {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-inline-box;
        font-size: 15px;
    }

    a.view-detail-knowledge {
        display: block;
    }

    #catpagesub-m.knowledge .center-body-left {
        display: inline-block;
    }

    .bar-product-knowledge,
    #catalogSub-relate-k {
        display: block;
    }

    .center-body-right.parent-video .row-video-title h1 {
        padding-left: 10px;
    }

    .cat-product-highlight .prod-hl-name {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    .suggest-search {
        /*display: inline-block;*/
    }

    .suggest-search-title {
        /*display: inline-block;*/
    }

    .suggest-search-link {
        margin: 0 7px 7px 0px;
    }

    .suggest-search-list {
        display: inline-block;
    }

    #catalog-fs .product-highlight-wrap .product-highlight-item {
        width: 162px !important;
    }

        #catalog-fs .product-highlight-wrap .product-highlight-item:first-child {
            margin-left: 10px;
        }

    #catpagesub-m #catalog-fs .countdown-product {
        bottom: 13px !important;
    }

    #catpage-m #catalog-fs .product-highlight-wrap .product-highlight-item.last-child {
        line-height: 280px;
    }

    a.show-cat-item {
        width: 110px;
    }

    .trend-product-catalog .product-highlight-wrap .product-highlight-item {
        width: 210px;
    }

    .trend-product-catalog .product-highlight-wrap {
        height: auto;
    }

    .name-cat-main {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    .bar-sort-left-title {
        display: none;
    }

    .sticBotCompare {
        width: 100%;
        left: calc(50% - 521px);
        border: 1px solid #0fa80f;
    }

    ul.List-sticBotCom {
        display: inline-block;
        width: calc(100% - 150px);
        vertical-align: middle;
    }

    .name-sticBot {
        width: calc(100% - 90px);
        display: inline-block;
    }

    .img-sticBot {
        width: 80px;
        height: 80px;
    }

    .inner-item-sticBot {
        text-align: left;
    }

    .Addstic-icon {
        display: none;
    }

    .add-sticBotCom input.input-itemTPro {
        display: block;
    }

    .box-submit-Com {
        width: 130px;
        border: none;
        vertical-align: middle;
        display: inline-block !important;
    }

    .item-sticBotCom {
        display: inline-block;
    }

    .add-sticBotCom .box-AddPro-wrap {
        display: block;
    }

    .box-AddPro-wrap {
        position: relative;
        background: #fff;
        overflow-y: unset;
        overflow: unset;
    }

    .box-AddPro {
        padding: 0;
        border: none;
        position: relative;
        top: 0;
        width: calc(100% - 10px);
        margin: 0 auto;
        height: auto;
    }

    .ttl {
        display: none;
    }

    .add-sticBotCom .close-addPro {
        display: none;
    }

    .ac_results_mini {
        position: absolute;
        bottom: 32px;
        top: unset !important;
        border-top: 1px solid #ddd;
        left: 0px !important;
    }

    .ac_wrapper {
        padding: 0px 0px 0px 5px;
    }

    .item-sticBotCom {
        height: 100px;
        border-right: 1px solid #0fa80f;
    }

    a.subC {
        width: 100%;
    }

    a.close-Compare {
        display: block;
        padding: 5px 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        margin-top: 3px;
    }

    a.submit-Compare {
        padding: 6px 0px;
        height: 19px;
        border-bottom: none;
        font-size: 14px;
    }

        a.submit-Compare:before {
            display: none;
        }

    li.sort-item.goiy:before {
        top: -3px;
    }

    .product-viewed .title-bar-right {
        background: #f90;
        margin-top: 9px;
    }

        .product-viewed .title-bar-right a {
            color: #fff;
        }

    ul.list-catg-watched {
        overflow: hidden;
        display: inline-block !important;
    }

    li.item-catg-watched {
        margin-bottom: 7px;
    }

    .product-viewed .product-highlight-wrap .product-highlight-item {
        margin-left: 10px;
    }

    .stickyheader-btn.if-no-support {
        border-bottom: none;
    }

    #stickyheader {
        height: 100px;
        width: 1000px;
        left: calc(50% - 500px);
        box-shadow: 0 0 5px 0px rgba(0, 0,0,0.5);
    }

    .item-sticBotCom-t {
        height: 90px !important;
        border-right: 1px solid #0fa80f;
        display: inline-block;
    }

    .stickyheader-btn.if-no-support .swiper-wrapper {
        max-height: 110px !important;
        direction: ltr;
    }

    .swiper-slide.s-product-related-item.List-sticBotCom {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    .stickyheader-btn.if-no-support .img-sticBot {
        width: 80px;
        height: 80px;
        float: left;
    }

    #stickyheader .name-sticBot {
        width: calc(100% - 90px);
        color: #333;
        float: right;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    #stickyheader .price-sticBot {
        color: #da251c;
        float: right;
        width: calc(100% - 90px);
        font-weight: bold;
        margin-top: 5px;
    }

    .stickyheader-btn.if-no-support .item-sticBotCom-t {
        width: 170px;
        border-right: 1px solid #ddd;
    }

    .trend-product-catalog.trend-sub-category-page .product-highlight-item.prod-item {
        height: 250px;
        min-height: 250px;
    }

    .meta-goiy-mobile {
        display: none;
    }

    #searchpage .meta-goiy-mobile {
        display: inline-block;
        vertical-align: 0px;
        margin-left: 0px;
        margin-right: 7px;
    }

    #brand #catalog-fs ul.product-highlight-wrap {
        height: 275px;
    }

    li.product-knowledge-item.cheap-prod .p-knowledge-img:before {
        top: 40px;
    }

    li.product-knowledge-item.dimension-prod .p-knowledge-img:before {
        top: 40px;
    }
    .body-left-box.compare-cm {
        display: block;
    }
    .meta-compare-mobile{
        display: none;
    }
    #searchpage .wrap-list-product-catagsub .product-rate {
        margin-top: 0px;
    }
    #searchpage .wrap-list-product-catagsub .product-price {
        margin-bottom: 0px;
    }
    .trend-product-catalog.trend-ban-chay .product-highlight-wrap .product-highlight-item {
        height: 322px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .tragop-ox {
        top: 137px;
    }

    li.shead-brand-item {
        width: 80px;
    }

    .wrap-list-product-catagsub .prod-hl-gift.active,
    #catpage-m .prod-hl-gift.active {
        top: 132px;
    }
    #brand .top-product-highlight .prod-hl-gift.active {
        top: 131px;
    }

    .box-cat-list .box-cat-item {
        -webkit-flex: 20%;
        -ms-flex: 20%;
    }

        .box-cat-list .box-cat-item:nth-child(3n-2) {
            border-left: 1px solid #eee;
        }

        .box-cat-list .box-cat-item:nth-child(4n-3) {
            border-left: none;
        }

    .list-cat-support .cat-support-item {
        -webkit-flex: 24%;
        -ms-flex: 24%;
    }

    .articles-new-item {
        width: 48%;
    }

    .list-show-video .show-video-item {
        width: 48%;
        margin-right: 10px;
    }

    .list-catalog-main .catalog-main-item {
        -webkit-flex: 14%;
        -ms-flex: 14%;
        padding: 10px 0 10px;
    }

    .icon-cat-main-thumb {
        width: 70px;
        height: 70px;
    }

        .icon-cat-main-thumb span {
            width: 70px;
            height: 70px;
        }

    .list-catalog-main {
        max-height: 435px;
    }

    .see-all-prod-highlight {
        background-color: #ff9900;
        position: absolute;
        top: 5px;
        right: 13px;
        padding: 4px 7px;
    }

        .see-all-prod-highlight a {
            color: #fff !important;
        }

    .wrap-list-product-catagsub.list .product-highlight-wrap .product-highlight-item {
        width: 100% !important;
        margin: 0;
        border: none;
        border-bottom: 1px solid #eee;
        max-width: none;
    }

    .prod-hl-thumb, .prod-hl-thumb a {
        width: 150px;
        height: 150px;
        text-align: center;
    }

    .wrap-list-product-catagsub .product-highlight-wrap .product-highlight-item {
        -webkit-flex: 29%;
        -ms-flex: 29%;
    }

    .wrap-list-product-catagsub .product-price-old {
        left: 90px;
        font-size: 12px;
        top: 1px;
    }

    .wrap-list-product-catagsub .amount-rate {
        font-size: 12px;
    }

    .wrap-list-product-catagsub .prod-hl-name {
        min-height: 38px;
    }

    .product-highlight-item-left {
        width: 170px;
        height: 170px;
    }

    .product-highlight-item-right {
        width: calc(100% - 185px);
    }

    .product-highlight-item-left .prod-hl-gift.active {
        top: 145px;
    }

    .wrap-list-product-catagsub .product-highlight-item-right .product-price {
        margin-bottom: 7px;
    }

    .wrap-list-product-catagsub .product-highlight-item-right .prod-hl-buynow {
        width: 200px;
        display: block;
        position: absolute;
        right: 20px;
        top: 60px;
        bottom: unset;
    }

    .product-highlight-item:hover .prod-hl-buynow, .product-highlight-item.x-hover .prod-hl-buynow {
        background-color: #0857ea;
    }

        .product-highlight-item:hover .prod-hl-buynow a, .product-highlight-item.x-hover .prod-hl-buynow a {
            color: #fff !important;
        }

    .prod-hl-discount, .product-short-desc {
        display: block;
    }

    .wrap-list-product-catagsub .prod-hl-discount span {
        width: 50px;
        height: 20px;
        display: block;
        border-radius: 10px;
        background: #ff9900;
        position: absolute;
        top: 14px;
        right: 5px;
        line-height: 20px;
        transform: none;
        -webkit-transform: none;
    }

    .prod-hl-discount span:before,
    .prod-hl-discount span:after {
        display: none;
    }

    .wrap-list-product-catagsub.list .product-highlight-item-right .product-price-old {
        left: 130px;
        top: 7px;
    }

    .logo-brand-page {
        width: 100px;
        display: inline-block;
        vertical-align: 50px;
    }

    #brand .content-desc-catalog {
        width: calc(100% - 125px);
        display: inline-block;
        margin-left: 20px;
    }

    .result-filter-sub {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 24px;
    }

    .result-filter-item:hover .result-filter-sub,
    .result-filter-item.x-hover .result-filter-sub {
        display: block;
    }

    .search-brand {
        display: block;
    }

    .list-video-item {
        width: 30%;
    }

    .trend-product-catalog .product-highlight-wrap .product-highlight-item {
        width: 164px;
    }

    .trend-product-catalog .product-highlight-wrap {
        height: auto;
    }

    .pad-sp-banchay .product-highlight-wrap .product-highlight-item {
        width: 170px !important;
    }

    .sticBotCompare {
        border: 1px solid #0fa80f;
    }

    ul.List-sticBotCom {
        display: inline-block;
        width: calc(100% - 150px);
        vertical-align: middle;
    }

    .box-submit-Com {
        width: 130px;
        border: none;
        vertical-align: middle;
        display: inline-block !important;
    }

    .item-sticBotCom {
        border-right: 1px solid #0fa80f;
    }

    a.close-Compare {
        display: block;
        width: 100%;
    }

    a.submit-Compare {
        padding: 6px 0px;
        height: 19px;
        border-bottom: none;
        font-size: 14px;
    }

        a.submit-Compare:before {
            display: none;
        }
        .bar-sort-right{
            display: none;
        }
}

@media screen and (min-width: 568px) and (max-width: 979px){
    a.show-cat-item {
        width: 15%;
    }

}

@media screen and (min-width: 320px) {
    .breadcrum-catalog ol li.breadcrum-cat-item.has-children a {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: initial;
        width: 120px;
    }

    .pad-sp-banchay .product-highlight-wrap .product-highlight-item {
        width: 43%;
    }
}

@media screen and (min-width: 480px) and (max-width:640px) {
    li.shead-brand-item {
        width: 80px;
    }
}


