body {
        min-width: 1200px;
        background: #e9edf0;
        overflow-y: scroll;
        position: relative;
    }
    
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    
    body,
    input,
    button,
    option,
    textarea,
    label,
    select,
    legend,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        font: 14px/18px Helvetica, Arial, sans-serif;
        color: #333;
        outline: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: geometricPrecision;
    }
    
    div {
        display: block;
    }
    
    a {
        text-decoration: none;
    }
    
    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    
    img {
        max-width: 100%;
    }
    
    ol,
    ul {
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin: 0;
    }
   
    /* media-quejy-container */
    /* pc */
    
    @media (min-width: 1024px) {}
    /* ipad-pro */
    
    @media (max-width: 1200px) {}
    /* ipad */
    
    @media (max-width: 991px) {}
    
    @media (min-width: 768px) and (max-width: 991px) {}
    /* moblie */
    
    @media (max-width: 767px) {}
    
    .row {
        width: 100%;
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    /* css-header */
    /* css-tài */
    
    header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: block;
        margin: auto;
        height: 50px;
        background: #008848;
        min-width: 1200px;
    }
    
    .new2021 header {
        padding-left: calc((100% - 1200px)/2);
        padding-right: calc((100% - 1200px)/2);
        /* width: 1200px; */
    }
    
    header.sticky {
        position: fixed;
        top: 0;
        z-index: 12;
    }
    
    .tophead {
        display: block;
        overflow: visible;
        height: 50px;
        width: 100%;
        max-width: 1200px;
        margin: auto;
    }
    
    .new2021 .tophead {
        max-width: 980px;
        background: #008848;
        margin-left: 220px;
        border-radius: 0 0 4px 4px;
    }
    
    .logo {
        float: left;
        overflow: hidden;
        width: 161px;
        height: 100%;
        padding: 8px 0 9px 0;
        box-sizing: border-box;
    }
    
    .bhx-logo {
        background-position: -56px -32px;
        width: 152px;
        height: 34px;
    }
    /* [class^="bhx-"],
    [class*="bhx-"] {
        background-image: sc;
        background-size: 500px auto;
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        vertical-align: middle;
    } */
    
    .popup-overlays {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        background: #000;
        opacity: .7;
        z-index: 25;
        margin: auto;
    }
    
    .locationContainer {
        color: #fff;
        float: left;
        font-size: 12px;
        padding: 8px 0 7px;
        max-height: 50px;
        width: 180px;
        z-index: 30;
        position: relative;
    }
    
    .locationContainer .locationUser {
        display: block;
        background: #057541;
        padding: 3px 5px 3px 4px;
        border-radius: 3px;
    }
    
    .locationContainer * {
        box-sizing: border-box;
    }
    
    .locationContainer .location_left {
        text-align: center;
        position: relative;
        min-width: 90px;
        height: 28px;
    }
    
    .locationUser .bhx-toggle {
        background-position: -319px -295px;
        width: 13px;
        height: 18px;
        display: inline-block;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    
    .pulse {
        background: #f1f1f1;
        border-radius: 50%;
        height: 8px;
        width: 8px;
        position: absolute;
        left: 14.5px;
        top: 33%;
        opacity: .5;
        margin: 11px 0 0 -12px;
        transform: rotateX( 55deg);
    }
    
    .pulse::after {
        content: "";
        border-radius: 50%;
        height: 25px;
        width: 25px;
        position: absolute;
        margin: -8px 0 0 -12px;
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 0;
        box-shadow: 0 0 1px 2px #fefefe;
        animation-delay: 1.1s;
    }
    
    @keyframes pulsate {
        from {
            width: 0px;
        }
        to {
            width: 25px;
        }
    }
    
    @keyframes pulsate {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    
    .location_left .current_locate {
        line-height: 15px;
        display: block;
        font-size: 11px;
        height: auto;
        padding-left: 20px;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        cursor: pointer;
    }
    
    .locationContainer .shipto {
        font-size: 11px;
        line-height: 1;
        display: inline-block;
    }
    
    .locationContainer .change {
        text-decoration: underline;
        font-size: 11px;
        margin-left: 2px;
    }
    
    .clr {
        clear: both;
    }
    
    header .location {
        background-color: #fff;
        margin-top: 12px;
        color: #000;
        width: 300px;
        position: absolute;
        left: -60px;
        z-index: 21;
        display: none;
    }
    
    header .location .tooltip {
        margin-bottom: 1px;
        font-family: Helvetica;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        background-color: #037841;
        height: 60px;
        opacity: 1 !important;
    }
    
    header .location .tooltip .content {
        padding: 5px 5px 5px 5px;
        margin-top: 0;
        border-bottom: none;
    }
    
    header .location .chooseLocation {
        background: #037841;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 12px;
        padding: 7px 9px;
        height: auto;
        position: relative;
    }
    
    header .location .title-box {
        position: relative;
    }
    
    header .location .title-box>.title.prov {
        padding: 15px;
        line-height: 20px !important;
    }
    
    header .location .title-box>.title {
        background-color: #037841;
        height: 50px;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
    
    header .location .title-box>a.closes {
        color: #037841;
        content: "✕";
        font-weight: bold;
        font-size: 10px;
        line-height: 20px;
        text-align: center;
        width: 20px;
        height: 20px;
        font-family: Tahoma;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        right: 12px;
        top: 14px;
    }
    
    a {
        text-decoration: none !important;
    }
    
    .box-search-province {
        display: block;
        margin: 10px 10px;
    }
    
    .box-search-province .input-search {
        display: block;
        position: relative;
        box-sizing: border-box;
    }
    
    .easy-autocomplete {
        position: static;
        width: 100% !important;
    }
    
    .box-search-province .input-search input {
        display: block;
        padding: 8px;
        border: 1px solid #ccc;
        font-size: 12px;
        border-radius: 8px;
        width: 100%;
        padding-right: 65px;
    }
    
    .box-search-province .input-search .bhx-search {
        position: absolute;
        right: 10px;
        bottom: 0;
        display: block;
        top: 9px;
        font-size: 18px;
        color: #b9b9b9;
    }
    
    .bhx-search {
        background-position: -282px -33px;
        width: 18px;
        height: 18px;
    }
    /* css-search */
    
    .hiscart {
        float: right;
    }
    
    .mainsearch {
        float: left;
        width: 500px;
        height: 34px;
        position: relative;
        margin: 2px 0 0 33px;
        top: 6px;
        border-radius: 30px;
    }
    
    .new2021 .mainsearch {
        width: 385px;
        margin: 2px 0 0 10px;
    }
    
    .easy-autocomplete {
        position: static;
        width: 100% !important;
    }
    /* css-an */
    
    .hiscart {
        width: 627px;
        float: right;
    }
    
    .text-search {
        width: 100%;
        height: 34px;
        border-radius: 4px;
        outline: none;
        padding: 0 30px 0 0;
        text-indent: 10px;
        border: none;
        margin-bottom: 10px;
    }
    
    .mainsearch button[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        background: none;
        border: 0;
        width: 45px;
        height: 34px;
        border-radius: 4px;
    }
    
    [class^="bhx-"],
    [class*="bhx-"] {
        background-image: url(//cdn.tgdd.vn/bachhoaxanh/www/Content/images/desktop/bhxdesk@2x.v202109022212.png);
        background-repeat: no-repeat;
        background-size: 500px auto;
        display: inline-block;
        /* height: 30px;
        width: 30px; */
        line-height: 30px;
        vertical-align: middle;
    }
    
    .bhx-search {
        background-position: -282px -33px;
        width: 18px;
        height: 18px;
    }
    
    .histories {
        float: left;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        line-height: 15px;
        width: 92px;
        height: 50px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        padding: 10px 5px;
        box-sizing: border-box;
    }
    
    .hiscart .temcart {
        float: right;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        line-height: 50px;
        background: rgba(19, 18, 24, .16);
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        height: 50px;
        width: 140px;
        padding: 0 10px;
        text-align: center;
    }
    
    .hiscart .temcart .bhx-cart {
        background-position: -256px -33px;
        width: 24px;
        height: 22px;
        margin-bottom: 6px;
    }
    
    .hiscart .temcart div {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-right: 6px;
    }
    
    a:focus,
    a:hover {
        text-decoration: none;
    }
    
    .easy-autocomplete-container {
        z-index: 30;
        background: #fff;
        top: 42px;
        display: none;
    }
    
    .easy-autocomplete-container ul.active {
        display: block !important;
    }
    
    .easy-autocomplete-container ul {
        border-top: 0;
        position: relative;
        top: 0;
        box-shadow: 0 1px 8px 1px rgb(0 0 0 / 25%);
    }
    
    .easy-autocomplete-container ul {
        background: none repeat scroll 0 0 #fff;
        border-top: 1px dotted #ccc;
        display: none;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        position: relative;
        top: -1px;
    }
    
    .easy-autocomplete-container ul:before {
        content: '';
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -6px;
        left: 60px;
        position: absolute;
    }
    
    .easy-autocomplete-container ul li,
    .easy-autocomplete-container ul .eac-category {
        background: inherit;
        border-color: #fff;
        border-image: none;
        border-style: solid;
        border-width: 0 1px;
        display: block;
        font-size: 14px;
        font-weight: normal;
        padding: 4px 12px;
    }
    
    .easy-autocomplete-container li {
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #f1f1f1 !important;
        padding: 0 !important;
    }
    
    .easy-autocomplete-container li:hover {
        background-color: rgba(0, 0, 0, 0.08);
        cursor: pointer;
    }
    
    .easy-autocomplete-container ul li div {
        display: flex;
        width: 100%;
    }
    
    .easy-autocomplete-container ul li div {
        display: block;
        font-weight: normal;
        word-break: break-all;
    }
    
    .easy-autocomplete-container ul li .search-item {
        padding: 10px 10px;
        box-sizing: border-box;
        position: relative;
    }
    
    .easy-autocomplete-container ul li div {
        display: flex;
        width: 100%;
    }
    
    .easy-autocomplete-container ul li div {
        display: block;
        font-weight: normal;
        word-break: break-all;
    }
    
    .easy-autocomplete-container ul li .search-item .viewdetail {
        width: 100%;
    }
    
    .easy-autocomplete-container li .pic {
        width: 60px;
        display: inline-block;
    }
    
    .easy-autocomplete-container li img {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    
    .easy-autocomplete-container li .info {
        width: calc(100% - 60px);
        display: inline-block;
        float: right;
    }
    
    .easy-autocomplete-container li a.name {
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
    }
    
    .easy-autocomplete-container li h3 {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal !important;
        font-size:14px !important;
    }
    
    .easy-autocomplete-container li .info .price,
    .easy-autocomplete-container li .info .gift {
        width: calc(100% - 100px);
        display: inline-block;
    }
    
    .easy-autocomplete-container li .info .price strong {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        color: #333;
        margin-right: 2px;
        font-weight: normal;
    }
    
    .easy-autocomplete-container li .buys {
        width: 135px;
        float: right;
        position: absolute;
        z-index: 1;
        right: 10px;
        top: 30px;
    }
    
    .easy-autocomplete-container li .btnbuy {
        padding: 3px 0;
        border: 1px solid #008848;
        border-radius: 4px;
        width: 100px;
        float: right;
        background: none;
        text-transform: uppercase;
        color: #008848;
        text-align: center;
        position: absolute;
        right: 0;
          top :13px;
    }
    
    .easy-autocomplete-container ul li.selected {
        background: none repeat scroll 0 0 #f6f6f6;
        cursor: pointer;
        display: none;
    }
    
    .easy-autocomplete-container li .s-viewmore {
        text-align: center;
        padding: 10px;
        width: 100%;
        cursor: pointer;
    }
    
    .easy-autocomplete-container ul li.selected div {
        font-weight: normal;
    }
    
    .easy-autocomplete-container ul li:last-child {
        border-radius: 0 0 2px 2px;
        border-width: 0 1px 1px;
    }
    
    .easy-autocomplete-container ul li div {
        display: flex;
        width: 100%;
    }
    
    .s-viewmore:focus,
    .s-viewmore:hover {
        color: #23527c;
        ;
    }
    
    .reset {
        display: none;
        position: absolute;
        width: 20px !important;
        height: 20px;
        top: 7px;
        right: 50px;
        background: #dbdbdb;
        font-size: 15px;
        color: #999;
        text-align: center;
        font-family: monospace;
        line-height: 17px;
        border-radius: 20px;
    }
    
    .mainsearch .bhx-closemenu {
        background-position: -239px -53px;
        width: 10px;
        height: 10px;
    }
    
    .hiscart * {
        box-sizing: border-box;
    }
    
    .btn-search {
        display: none;
        padding: 8px 7px;
        background: #fbd600;
        border-radius: 0 15px 16px 0;
        cursor: pointer;
        border-radius: 0 4px 3px 0;
        position: absolute;
        top: 0;
    }
    
    .mainsearch button[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        background: none;
        border: 0;
        width: 45px;
        height: 34px;
        border-radius: 4px;
    }
    /* sidebar */
    
    .colmenu {
        background: #fff;
        border-radius: 4px 4px 0 0;
        top: -40px;
        height: calc(100vh - 10px);
        z-index: 11;
    }
    
    .colmenu {
        background: #fff;
        border-radius: 4px 4px 0 0;
        top: -40px;
        height: calc(100vh - 10px);
        z-index: 11;
    }
    
    .colmenu {
        width: 210px;
        float: left;
        overflow: hidden auto;
        position: fixed;
        top: 12px !important;
    }
    
    .sb-scrollbar-container {
     display: none;
        position: absolute;
        right: 2px;
        bottom: 1px;
        top: 1px;
        width: 6px;
        border-radius: 4px;
        z-index: 12;
    }
    
    .sb-scrollbar {
        position: absolute;
        right: 0;
        width: 2px;
        border-radius: 4px;
        background: #03784154;
        cursor: grab;
    }
    
    .sb-content {
        height: 100%;
        width: 120%;
        padding-right: 14%;
        overflow-y: scroll;
        box-sizing: border-box;
    }
    
    .menu-hover {
        padding: 0 !important;
        background: none;
        display: block;
        z-index: 11;
        overflow: visible;
    }
    
    .menu-hover>span {
        display: block;
        padding: 10px 10px 10px 35px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 10px;
        color: #656565;
        position: relative;
        text-align: center;
    }
    
    .bhx-navmenu {
        background-position: -294px -162px;
        width: 21px;
        height: 21px;
        display: inline-block;
        position: absolute;
        left: 10px;
    }
    
    .colmenu-ul {
        display: block;
        overflow: visible;
        position: relative;
        z-index: 11;
        list-style-type: none;
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 0;
    }
    
    .CateItem {
        padding-left: 7px;
        display: block;
        overflow: visible;
        position: relative;
        margin-bottom: 16px;
        z-index: 11;
    }
    
    .nav-parent {
        display: block;
        overflow: hidden;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 10px;
        color: #1d1d1d;
        cursor: pointer;
    }
    
    .nav-parent:before,
    .nav-parent:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 4px solid #979797;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        position: absolute;
        right: 5px;
        top: 5px;
    }
    
    .parent-open:after,
    .parent-open::before {
        content: '';
        position: absolute;
        top: 4px;
        right: 5px;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid #979797;
        border-top: unset;
    }
    
    .nav-parent .icon-Autumn {
        background-image: url(//cdn.tgdd.vn/bachhoaxanh/www/Content/images/Icon.gif);
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        height: 25px;
        width: 25px;
        vertical-align: middle;
        background-size: 35px auto !important;
        margin: -4px 2px 0;
    }
    
    .parent-open:after {
        border-bottom-color: #fff;
    }
    
    .parent-open:after {
        border-bottom-width: 4px;
        top: 5px;
    }
    
    .nav-parent:after {
        border-top-color: #fff;
    }
    
    .nav-parent:after {
        border-top-width: 4px;
        top: 4px;
    }
    
    .nav-item {
        overflow: visible;
        position: relative;
        z-index: 11;
        max-height: 0;
        overflow: hidden;
        transition: all 0.5s;
    }
    
    .parent {
        display: block;
        overflow: visible;
        position: relative;
        z-index: 11;
    }
    
    .parent a {
        display: block;
        overflow: hidden;
        color: #1d1d1d;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 6px 7px 6px 10px;
        font-size: 12px;
        cursor: pointer;
    }
    
    .nav-search {
        padding: 0 8px 0 7px;
        margin-bottom: 22px;
    }
    
    .nav-search .search-menu {
        border: 1px solid #e5e5e5;
    }
    
    .nav-search .search-menu {
        background: #fff;
        width: 100%;
        height: 34px;
        border-radius: 4px;
        text-indent: 10px;
        color: #333;
        font-size: 12px;
    }
    
    .productpromo-count {
        padding-left: 7px;
        z-index: 1;
        margin-bottom: 10px;
    }
    
    .productpromo-count a {
        color: #000;
    }
    
    .bhx-productpromo {
        background-position: -328px -165px;
        width: 14px;
        height: 14px;
        margin-right: 5px;
        margin-bottom: 4px;
    }
    /* feedback */
    
    .stickyfeedback {
        bottom: 25px;
        position: fixed;
        left: 40px;
        z-index: 20;
        display: block;
        text-align: center;
        cursor: pointer;
    }
    
    .temcart {
        text-decoration: none;
        color: #288ad6;
    }
    
    .bhx-feedback {
        background: url(//cdn.tgdd.vn/bachhoaxanh/www/Content/images/desktop/bhxdesk@2x.v202109042344.png) no-repeat -131px -143px;
        background-size: 500px auto;
        width: 41px;
        height: 40px;
        display: inline-block;
    }
    
    .mainnav-mobile {
        transform: translateX(-100%);
    }
    
    #header {
        display: none;
    }
    
    #header-mobile {
        display: none;
    }
    
    .main-product {
        display: block;
        margin: 0px auto 0;
        width: 1200px;
    }
    /* css của vũ */
    
    .main-pc {
        display: block;
        width: 1200px;
        margin:0px auto 0;
    }
    
    .colcontent {
        width: 980px;
        float: right;
    }
    .pay {
        width: 980px;
        float: right;
    }
    /* code vũ */
    
    ul,
    menu,
    dir {
        display: block;
        list-style-type: none;
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 0;
    }
    
    ul,
    ol {
        list-style: none;
    }
    
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        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: center;
    }
    
    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .swiper-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .swiper-wrapper {
        position: relative;
    }
    
    .swiper-button-next {
        color: white !important;
        width: 20px !important;
        height: 20px !important;
        border: 0px solid;
        border-radius: 50%;
        background-color: #008848;
        top: 60% !important;
    }
    
    .swiper-button-prev {
        color: white !important;
        width: 20px !important;
        height: 20px !important;
        border: 0px solid;
        border-radius: 50%;
        background-color: #008848;
        top: 60% !important;
    }
    
    .swiper-button-next::after {
        font-size: 10px !important;
    }
    
    .swiper-button-prev::after {
        font-size: 10px !important;
    }
    
    .swiper-container:hover .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }
    
    .swiper-container:hover .swiper-button-next {
        width: 40px !important;
        height: 40px !important;
    }
    /* css thêm */
    
    .wrapper {
        width: 100%;
        position: relative;
        overflow: auto;
    }
    /* nhóm hàng thường mua */
    
    .groupcate {
        display: block;
        overflow: hidden;
        margin: 10px 0;
        background: #fff;
        border-radius: 4px;
    }
    
    .namegroup {
        display: block;
        overflow: hidden;
        font-size: 14px;
        font-weight: 600;
        padding: 10px;
    }
    
    .listgroup {
        display: block;
        overflow: hidden;
    }
    
    .listgroup a {
        float: left;
        overflow: hidden;
        margin-bottom: 10px;
        width: 10%;
        text-align: center;
        position: relative;
    }
    
    .listgroup img {
        display: block;
        width: 45px;
        height: 45px;
        margin: 0 auto 5px;
        border-radius: 50px;
    }
    
    .listgroup span {
        display: block;
        line-height: 1.3em;
        font-size: 13px;
        color: #0064c2;
        text-align: center;
        padding: 0 5px
    }
    /* nhóm hàng thiết yếu  */
    #thiet-yeu-mobile{
      display:none;
    }
    
    .groupfeature {
        margin-bottom: 9px;
    }
    
    .groupfeature {
        background: #fff;
        margin-bottom: 20px;
    }
    
    .groupfeature.lineSeasion {
        background: #008848;
        padding: 3px;
        position: relative;
        min-height: 50px;
    }
    
    .groupfeature.lineSeasion .title {
        display: block;
        width: 100%;
        background: url(https://cdn.tgdd.vn/bachhoaxanh/www/Content/images/Theme-Tet/hang-thiet-yeu-dk.v202109140958.png) no-repeat 0 3px;
        margin: -3px 0;
        float: left;
        text-align: center;
    }
    
    .groupfeature.lineSeasion .title>h2 {
        margin: 20px 0 -28px 140px;
        font-size: 20px;
        font-weight: 600;
        float: left;
        color: #fff;
    }
    
    .groupfeature.lineSeasion .cate-list-1.notfull {
        padding-left: calc(100% - 520px);
        padding-right: 0;
    }
    
    .groupfeature.lineSeasion .cate-list-1 {
        top: -5px;
        box-sizing: border-box;
        display: block;
        overflow: auto;
        width: 100%;
        padding: 0;
        padding-left: calc(100% - 500px);
        padding-right: 20px;
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
    }
    
    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }
    
    .stage-outer {
        position: relative;
        overflow: hidden;
    }
    
    .cate {
        display: block;
        overflow: hidden;
        background: #ecf0f1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        flex: 1 100%;
        clear: both;
    }
    /* css-nhóm 1 */
    
    .groupfeature.lineSeasion .cate-list.owl-theme .owl-nav {
        top: calc(50% - 20px);
        left: calc(40% - 20px);
        right: 10px;
    }
    
    .groupfeature.lineSeasion .cate-list-1.notfull .stage {
        float: right !important;
    }
    
    .groupfeature.lineSeasion .cate-list-1.notfull .stage .item {
        width: 97px !important;
        float: right;
    }
    
    .groupfeature.lineSeasion .cate-list .cate-item:last-child {
        margin-right: 2px;
    }
    
    .groupfeature.lineSeasion .cate-list-1 .cate-item {
        overflow: hidden;
        background: #fff;
        margin: 3px calc((100% - 90px)/2) !important;
        display: inline-block;
        width: 90px;
        border-radius: 4px;
        position: relative;
        text-align: center;
        color: #000;
        border-radius: 3px;
        min-height: 40px;
        white-space: normal;
        font-size: 13px;
        cursor: pointer;
    }
    
    .groupfeature.lineSeasion .cate-list-1 .cate-item>span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0 3px;
    }
    
    .hidden {
        display: none !important;
    }
    
    .groupfeature.lineSeasion .viewmore.noafter,
    .groupfeature.lineSeasion .cate {
        background: #fff;
    }
    
    .groupfeature.lineSeasion .cate .product,
    .groupfeature.lineSeasion .cate .expired {
        width: calc(100%/4);
    }
    
    .cate .product,
    .cate .expired {
        float: left;
        width: 245px;
        background: #fff;
        border: 1px solid #eee;
        border-top: 0;
        margin: 0;
        position: relative;
        padding-bottom: 60px;
        box-sizing: border-box;
    }
    
   
    
    .cate .product .boximg,
    .cate .expired .boximg {
        display: block;
        width: 100%;
        height: 160px;
        position: relative;
        overflow: hidden;
    }
    
    .cate .product .boximg img,
    .cate .expired .boximg img {
        display: block;
        width: 160px;
        height: 160px;
        margin: 0 auto 0;
    }
    
    .cate .product .product-name,
    .cate .expired .product-name {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        font-size: 13px;
        color: #333;
        padding: 10px 0 0;
        margin-bottom: 7px;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 32px;
        height: 25px;
    }
    
    .cate .product .price,
    .cate .expired .price {
        display: block;
        overflow: hidden;
    }
    
    .cate .product .price strong,
    .cate .expired .price strong {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        color: #b10e0e;
        font-weight: bold;
        font-weight: normal;
    }
    
    .cate .product .price span.unit,
    .cate .expired .price span.unit {
        display: block;
        text-decoration: none;
        font-size: 11px;
        color: #666;
    }
    
    .cate .product .price span,
    .cate .expired .price span {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        color: #302c2c;
        /*text-decoration: line-through;*/
        font-weight: 700;
    }
    
    .cate .product .buy,
    .cate .expired .buy {
        display: block;
        overflow: hidden;
        font-size: 13px;
        color: #008848;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0;
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 10px;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #008848;
        width:80%;
        background: white;
    }
    
    .cate .product ,
    .cate .expired  {
        display: block;
        overflow: hidden;
        padding: 8px 8px 0;
    }
    
    .groupfeature.lineSeasion .viewmore.noafter,
    .groupfeature.lineSeasion .cate {
        background: #fff;
    }
    
    .viewmore.noafter {
        background: none;
        cursor: pointer;
    }
    
    .viewmore,
    .href-viewmore {
        display: block;
        overflow: hidden;
        line-height: 30px;
        color: #0064c2;
        text-align: center;
        padding: 10px 0;
        background: #fff;
        margin-bottom: 0;
        position: relative;
        cursor: pointer;
    }
    
    .groupfeature .viewmore:after {
        content: '';
        border-top: 5px solid #0064c2;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: inline-block;
        margin-left: 5px;
        position: relative;
        top: -2px;
    }
    
    .viewmore.noafter:after {
        display: none;
    }
    /* Thịt,cá,trứng,rau củ */
    
    .groupfeature.groupfeaturefresh {
        background: #f2c94c;
        padding: 3px;
        position: relative;
        min-height: 50px;
    }
    
    .groupfeature.groupfeaturefresh .banner {
        
        top: 0;
        left: 9px;
        width: 35%;
    }
    
    .groupfeature.groupfeaturefresh .banner img {
        height: auto;
    }
    
    .groupfeature.groupfeaturefresh .banner .bannertitle {
        background: transparent;
        position: absolute;
        top: 0;
        
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 5px 0;
    }
    
    .groupfeature .groupfeaturefresh .banner .bannertitle .stage-uoter {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .carousel .stage-outer {
        position: relative;
        overflow: hidden;
    }
    
    .meattitle {
        font-size: 18px;
    }
    
    .groupfeaturefresh .banner .bannertitle .item>div {
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        font-weight: bold;
        flex-direction: column;
        height: 54px;
    }
    
    .groupfeature.groupfeaturefresh .cate-list {
        display: block;
        overflow: auto;
        width: 60%;
        float: right;
        text-align: right;
    }
    
    .groupfeature.groupfeaturefresh .cate-list .cate-item {
        overflow: hidden;
        background: #fff;
        margin: 3px 3px 3px 0;
        display: inline-block;
        width: 90px;
        border-radius: 4px;
        position: relative;
        text-align: center;
        color: #000;
        border-radius: 3px;
        min-height: 40px;
        white-space: normal;
        font-size: 13px;
        cursor: pointer;
    }
    
    .groupfeature.groupfeaturefresh .cate-list .cate-item>span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0 3px;
    }
    
    .groupfeature.groupfeaturefresh .cate {
        background: #fff;
        padding-left: 0;
        margin-bottom: 0;
    }
    
    .groupfeature.groupfeaturefresh .cate .product,
    .groupfeature.groupfeaturefresh .cate .expired {
        width: calc(100%/4);
    }
    
    .groupfeature.groupfeaturefresh .viewmore.noafter {
        background: #fff;
    }
    /* tã đồ cho bé  */
    
    .groupfeature .hometitle {
        padding: 7px 10px 12px;
        background: #e9edf0;
        position: relative;
        text-transform: uppercase;
    }
    
    .hometitle {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        padding: 10px;
        color: #4a4a4a;
        font-weight: 600;
        background: #fff;
        margin-top: 5px;
        text-transform: uppercase;
    }
    
    .groupfeature .hometitle:before {
        content: "";
        border-left: 4px solid #008848;
        position: absolute;
        left: 0;
        top: 0;
        height: 32px;
    }
    
    .groupfeature .cate {
        background: none;
        overflow: inherit;
    }
    
    .cate .product,
    .cate .expired {
        float: left;
        width: 245px;
        background: #fff;
        border: 1px solid #eee;
        border-top: 0;
        margin: 0;
        position: relative;
        padding-bottom: 60px;
        box-sizing: border-box;
    }
    
   
    
    .hideExpired .feature-image {
        height: 300px;
    }
    
    .feature-image {
        position: relative;
        width: 243px;
        height: 320px;
        overflow: hidden;
    }
    
    .feature-image .img-bg {
        position: absolute;
        width: 243px;
        height: auto;
    }
    
    .feature-image .layout2 {
        padding-top: 10px;
        position: relative;
    }
    
    .lazy,
    .vlazy,
    .owl-lazy {
        opacity: 1;
    }
    
    .feature-image .layout2 .product-box {
        margin-right: 58px;
        padding-left: 10px;
        height: 46px;
    }
    
    .feature-image .combofeauture-name {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3em;
        max-height: 2.6em;
        overflow: hidden;
    }
    
    .feature-image .layout2 .product-line {
        margin-top: 5px;
        width: 60px;
        border: 1px solid #000;
    }
    
    .feature-image .layout2 .product-percent {
        position: absolute;
        top: 13px;
        right: 9px;
        padding: 6px 4px;
        border-radius: 5px;
        font-size: 15px;
        width: fit-content;
    }
    
    .feature-image .layout2 .product-percent:after {
        content: '';
        border-left: 11px solid #c50017;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        position: absolute;
        top: 20px;
        left: 0;
    }
    
    .feature-image .layout2 .group-price {
        position: relative;
        padding: 0 10px;
    }
    
    .feature-image .layout2 .product-base-price {
        font-size: 17px;
        text-decoration: line-through;
        position: absolute;
        top: 14px;
    }
    
    .feature-image .layout2 .product-price {
        font-size: 28px;
        font-weight: bold;
        text-transform: uppercase;
        position: absolute;
        top: 11px;
        right: 8px;
    }
    
    .feature-image .layout2 .box-image {
        width: 234px;
        height: 205px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 35px;
        display: block;
    }
    
    .feature-image .layout2 img {
        width: 234px;
        height: 205px;
    }
    
    .cate .product .buy,
    .cate .expired .buy {
        display: block;
        overflow: hidden;
        font-size: 13px;
        color: #008848;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0;
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 10px;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #008848;
    }
    
    .cate .product .price label,
    .cate .expired .price label {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: #fff;
        font-weight: 600;
        border-radius: 3px;
        background: #de2000;
        width: 32px;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }
    
    .groupfeature .cate-prom {
        padding: 10px 20px;
        overflow: hidden;
        background: #fff;
    }
    
    .groupfeature .cate-prom a {
        display: inline-block;
        width: 25%;
        float: left;
        line-height: 25px;
        padding-right: 10px;
        box-sizing: border-box;
        overflow: hidden;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .groupfeature .cate-prom a:before {
        content: '•';
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }
    /* homehews */
    
    .homehews {
        float: left;
        width: 100%;
        overflow: hidden;
        background: #fff;
        margin: 5px 0;
        padding-bottom: 20px;
    }
    
    .hometitle {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        padding: 10px;
        color: #4a4a4a;
        font-weight: 600;
        background: #fff;
        margin-top: 5px;
        text-transform: uppercase;
    }
    
    .homehews .hometitle a {
        display: block;
        overflow: hidden;
        padding: 0;
        color: #288ad6;
        font-weight: 600;
        background: #fff;
        margin: 0;
        font-size: unset;
        border: 0;
    }
    
    .homehews .newvideo {
        width: 600px;
        float: left;
        display: flex;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .homehews .newlist {
        width: 380px;
        float: right;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .homehews a:first-child {
        border-top: 0;
        padding-top: 0;
    }
    
    .homehews a:first-child {
        border-top: 0;
        padding-top: 0;
    }
    
    .homehews a img {
        float: left;
        width: 65px;
        height: auto;
        margin-right: 10px;
    }
    
    .homehews a p {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        font-size: 13px;
        color: #4a4a4a;
        margin-right: 10px;
    }
    
    .bhx-view {
        background-position: -306px -33px;
        width: 12px;
        height: 8px;
        padding-right: 3px;
    }
    
    .homehews a span {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        color: #757575;
    }
    /* css footer */
    
    footer {
        display: block;
        width: 1200px;
        margin: 0 auto;
        background-color: #e9edf0;
    }
    
    .boxfooter {
        display: flex;
        overflow: hidden;
        width: 980px;
        margin: 0 auto;
        padding: 10px 0;
        float: right;
    }
    
    .boxfooter {
        display: block;
    }
    
    .benefits {
        display: flex;
        background-color: #fff;
        width: 100%;
        padding: 16px 0;
        box-sizing: border-box;
        font-size: 13px;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .benefits>div,
    .benefits>a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 24px;
        vertical-align: middle;
    }
    
    .benefits>div i,
    .benefits>a i {
        min-width: 27px;
        width: 27px;
        height: 30px;
        margin-right: 15px;
    }
    
    .bhx-sship {
        background-position: -55px -261px;
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
    /* css-back-top */
    
    #back-top {
        width: 40px;
        height: 40px;
        position: fixed;
        bottom: 25px;
        right: 30px;
        z-index: 8;
        background: rgba(70, 70, 70, .8392156862745098);
        border-radius: 50%;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }
    
    .benefits>div p,
    .benefits>a p {
        display: inline-block;
        width: 48%;
    }
    
    .benefits>a {
        border-left: 1px solid #ccc;
        color: #000;
    }
    
    .benefits>div,
    .benefits>a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 24px;
        vertical-align: middle;
    }
    
    .detail {
        display: flex;
    }
    
    .boxfooter aside {
        box-sizing: border-box;
        float: left;
        width: 50%;
        overflow: hidden;
        background-color: #fff;
    }
    
    .detail .callcenter {
        font-size: 14px;
        font-weight: 700;
    }
    
    .callcenter {
        display: block;
        overflow: hidden;
        padding: 10px 10px 5px;
        background: #fff;
        font-size: 13px;
        font-weight: 600;
        color: #008848;
    }
    
    .bhx-call {
        background-position: -183px -268px;
        width: 16px;
        height: 17px;
        vertical-align: sub;
    }
    
    .detail .callcenter a {
        display: inline-block;
        vertical-align: initial;
        color: #008848;
    }
    
    .linkstatic {
        float: left;
        overflow: hidden;
        width: 100%;
        padding: 3px 10px 5px;
    }
    
    .detail .linkstatic a {
        float: left;
        overflow: hidden;
        font-size: 12px;
        color: #288ad6;
        line-height: 28px;
        text-align: left;
        padding: 0;
        width: 33%;
    }
    
    .boxfooter .linkstatic a:nth-child(3n+2) {
        box-sizing: border-box;
        padding-left: 0 !important;
    }
    
    .detail .linkstatic a.space {
        width: 60%;
    }
    
    .boxfooter .linkstatic a:nth-child(3n+2) {
        box-sizing: border-box;
        padding-left: 0 !important;
    }
    
    .linkstatic a.recruitment {
        background-color: #ff4500;
        color: #fff !important;
        border-radius: 2px;
        text-indent: 8px;
    }
    
    .linkstatic .hot-Job {
        font-weight: bold;
        margin-left: 8px;
        width: 50% !important;
    }
    
    .boxfooter aside:nth-child(2) {
        width: 50%;
        background-color: #fff;
    }
    
    .boxfooter aside {
        box-sizing: border-box;
        float: left;
        width: 50%;
        overflow: hidden;
        background-color: #fff;
    }
    
    .detail .stores {
        box-sizing: border-box;
        font-size: 12px;
        display: block;
        overflow: hidden;
        background: #fff;
        color: #4a4a4a;
        width: 100%;
        padding-left: 95px;
        float: right;
    }
    
    .detail .stores>div:first-child,
    .detail .stores>div:nth-child(2) {
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        padding: 10px 0 5px;
    }
    
    .detail .stores .bhx-footer-purchase {
        background-position: -317px -267px;
        width: 25px;
        height: 20px;
        margin-right: 5px;
    }
    
    .detail .stores>div:first-child a,
    .detail .stores>div:nth-child(2) a {
        vertical-align: middle;
    }
    
    .purchaselink {
        color: #008848;
    }
    
    .detail .stores .bhx-stores {
        background-position: -154px -267px;
        width: 25px;
        height: 20px;
        margin-right: 5px;
    }
    
    .social-left a:last-child img {
        vertical-align: middle;
    }
    
    .detail .stores>div span {
        font-weight: 700;
        color: #a30a1d;
    }
    
    .socail {
        float: right;
        overflow: hidden;
        line-height: 30px;
        display: flex;
        margin-right: 10px;
    }
    
    .social-left,
    .social-right {
        display: flex;
    }
    
    .socail a {
        font-size: 13px;
        font-weight: 600;
        color: #4a4a4a;
        display: block;
        margin: 5px;
    }
    
    .bhx-bct {
        background-position: -286px -110px;
        width: 92px;
        height: 32px;
    }
    
    .dmca-badge {
        opacity: .4;
    }
    
    .social-left,
    .social-right {
        display: flex;
    }
    
    .socail .fb_iframe_widget {
        margin-bottom: 5px;
        display: block;
        width: 100px;
        overflow: hidden;
    }
    
    .webmember {
        display: block;
        padding: 10px;
    }
    
    .webmember span {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        font-size: 13px;
        color: #4a4a4a;
        margin-right: 10px;
    }
    
    .detail .webmember div {
        display: inline-block;
    }
    
    .detail .webmember a {
        margin-right: 10px;
    }
    
    .webmember a {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
    }
    
    .bhx-tgdd {
        background-position: -171px -68px;
        width: 115px;
        height: 18px;
    }
    
    .bhx-dmx {
        background-position: -171px -88px;
        width: 115px;
        height: 18px;
    }
    
    .bhx-maiam {
        background-position: -150px -240px;
        width: 63px;
        height: 18px;
    }
    
    .bhx-swap {
        background-position: -122px -261px;
        width: 15px;
        height: 18px;
        margin-right: 5px;
    }
    
    .copyright {
        display: block;
        width: 980px;
        margin: auto;
        font-size: 10px;
        color: #999;
        text-align: center;
        background: #e9edf0;
        padding: 5px 0;
        float: right;
    }
    
    .copyright a {
        color: #999;
        text-decoration: underline;
    }
    /* css-back-top */
    
    #back-top {
        width: 40px;
        height: 40px;
        position: fixed;
        bottom: 25px;
        right: 30px;
        z-index: 8;
        background: rgba(70, 70, 70, .8392156862745098);
        border-radius: 50%;
        text-align: center;
        color: #fff;
        cursor: pointer;
        display: none;
    }
    
    #back-top span {
        display: block;
        font-size: 9px !important;
        line-height: 8px;
    }
    
    .popup-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        background: #000;
        opacity: .7;
        z-index: 20;
        margin: auto;
    }
    
    .mainnav-mobile {
        display: none !important;
    }
    
    #section-mobile {
        display: none!important;
    }
    
    section {
        display: none !important;
    }
    /* catagory */
    
    .colcontent-catagory {
        width: 980px;
        float: right;
    }
    
    .groupcate-catagory {
        display: block;
        margin-bottom: 5px;
        position: relative;
        background: none;
    }
    
    .groupcate-inline {
        padding: 7px 0;
        padding-right: 40px;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
    }
    
    .groupcate-inline .sub {
        padding: 7px 0;
        width: 10000px;
        overflow: hidden;
    }
    
    .groupcate-inline a.title-cate.nolink {
        color: #515151;
    }
    
    .groupcate-inline a.title-cate {
        position: relative;
        color: #288ad6;
        margin-right: 20px;
    }
    
    .groupcate-inline a {
        font-weight: bold;
        margin-right: 10px;
        padding: 4px;
        border-radius: 4px;
        float: left;
    }
    
    .title-cate {
        text-align: left;
        color: #4a4a4a;
        padding: 10px 15px 10px;
        background: none;
        font-weight: bold;
    }
    
    .groupcate-inline a.title-cate:before,
    .groupcate-inline a.title-cate:after {
        content: '';
        position: absolute;
        top: 8px;
        right: -15px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #979797;
        border-right: unset;
    }
    
    .groupcate-inline a.active,
    .groupcate-inline a.active .title-cate-active,
    .groupcate-inline a.active h1 {
        background: #008848;
        color: #fff;
        font-weight: bold;
    }
    
    .groupcate-inline a {
        font-weight: bold;
        margin-right: 10px;
        padding: 4px;
        border-radius: 4px;
        float: left;
    }
    
    .groupcate-inline a.active,
    .groupcate-inline a.active .title-cate-active,
    .groupcate-inline a.active h1 {
        background: #008848;
        color: #fff;
        font-weight: bold;
    }
    
    .groupcate-catagory a.more {
        color: #288ad6;
        position: absolute;
        width: 40px;
        height: 58px;
        top: -4px;
        right: 0;
        background: #e9edf0;
        margin: 0;
        border-radius: 0;
        cursor: pointer;
        display: none;
    }
    
    .groupcate-catagory a.more:before {
        content: '';
        position: absolute;
        top: 17px;
        right: 8px;
        width: 22px;
        height: 24px;
        border: 1px solid #288ad6;
        border-radius: 4px;
    }
    
    .groupcate-catagory a.more:after {
        content: '';
        border-top: 5px solid #0064c2;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: block;
        position: absolute;
        top: 28px;
        width: 0;
        right: 15px;
    }
    
    .listgroup-catagory {
        display: none;
        padding: 10px 5px;
        background: #fff;
        position: absolute;
        z-index: 3;
        width: 100%;
        box-sizing: border-box;
        box-shadow: 1px 3px 5px rgb(0 0 0 / 21%);
        border-radius: 0 0 3px 3px;
    }
    
    .listgroup-catagory .name-category {
        font-size: 14px;
        color: #656565;
        text-align: left;
        font-weight: bold;
        margin-left: 10px;
        margin-bottom: 10px;
        display: block;
    }
    
    .listgroup-catagory .name-category {
        font-size: 14px;
        color: #656565;
        text-align: left;
        font-weight: bold;
        margin-left: 10px;
        margin-bottom: 10px;
        display: block;
    }
    
    .listgroup-catagory ul {
        display: flex;
        overflow: hidden;
        padding: 0;
    }
    
    .listgroup-catagory li:nth-child(9n+1) {
        clear: both;
    }
    
    .listgroup-catagoryli {
        float: left;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        width: 107px;
        min-height: 34px;
        margin-bottom: 10px;
        padding: 5px 5px;
        box-sizing: border-box;
    }
    
    .listgroup-catagory a {
        overflow: hidden;
        text-align: center;
        cursor: pointer;
    }
    
    .lazy.loaded,
    .vlazy.loaded,
    .owl-lazy.loaded {
        opacity: 1;
    }
    
    .listgroup-catagory img {
        display: block;
        width: 45px;
        height: 45px;
        margin: 0 auto 5px;
    }
    /* css-cart */
    .hascart{
       display: none !important;
      
    }
      .sticky-cartt {
        display: none;
    }
    .cart-fast {
        display: none;
    }
     .sticky-cart-reset{
          display: none;}
    
    @media (max-width: 426px) {
      
    .background-succ {
  width: 280px !important;
    height: 185px !important;
    }
    .background-succ .content p {
    
    font-size: 15px !important;
}
      .cart-fast {
        display: block;
    }
      .sticky-cartt {
        display: block;
    }
       .easy-autocomplete-container {
        z-index: 30;
        background: #fff;
        top: 42px;
        display: none;
      
    }
    .easy-autocomplete-container {
        position: absolute;
    }
    .easy-autocomplete-container {
        left: -47px;
        right: 5px;
        z-index: 7;
        background: #fff;
        width: calc(100% + 170px);
        top: 39px;
        display: none;
        max-height: 404px;
   
    overflow: hidden;
    overflow-y: scroll;
        
    }
    .easy-autocomplete-container ul.active {
        display: block !important;
    }
    .easy-autocomplete-container ul.active {
        display: block !important;
    }
    .easy-autocomplete-container ul {
        background: none repeat scroll 0 0 #fff;
        border-top: 1px dotted #ccc;
        display: none;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        position: relative;
        top: -1px;
    }
    .easy-autocomplete-container ul{
        box-shadow: 0 1px 8px 1px rgb(0 0 0 / 25%);
    }
    .easy-autocomplete-container ul:before {
        content: '';
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -6px;
        left: 60px;
        position: absolute;
    }
    .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
        background: inherit;
        border-color: #fff;
        border-image: none;
        border-style: solid;
        border-width: 0 1px;
        display: block;
        font-size: 14px;
        font-weight: normal;
        padding: 4px 12px;
    }
    .easy-autocomplete-container li {
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #f1f1f1 !important;
        padding: 0 !important;
    }
    .easy-autocomplete-container ul li div {
        display: flex;
        width: 100%;
    }
    .easy-autocomplete-container ul li div {
        display: block;
        font-weight: normal;
        word-break: break-all;
    }
    .easy-autocomplete-container li .more-cate {
        padding-right: 20px;
        text-align: left;
        position: relative;
        box-sizing: border-box;
    }
    .easy-autocomplete-container ul li div {
        display: flex;
        width: 100%;
    }
    .easy-autocomplete-container ul li div {
        display: block;
        font-weight: normal;
        word-break: break-all;
    }
    .easy-autocomplete-container li .more-cate a {
        width: 100%;
        padding: 10px 10px;
        z-index: 1;
        color: #222b45;
    }
    .easy-autocomplete a {
        display: block;
    }
    .easy-autocomplete-container ul li .search-item {
        padding: 10px 10px;
        box-sizing: border-box;
        position: relative;
    }
    .easy-autocomplete-container ul li .search-item {
        padding: 10px 10px;
        box-sizing: border-box;
        position: relative;
    }
    
    .easy-autocomplete-container ul li div {
        display: flex;
        width: 100%;
    }
    .easy-autocomplete-container ul li div {
        display: block;
        font-weight: normal;
        word-break: break-all;
    }
    .easy-autocomplete-container ul li .search-item .viewdetail {
        width: 100%;
    }
    .easy-autocomplete-container ul li .search-item .viewdetail {
        width: 100%;
    }
    .easy-autocomplete-container ul li div {
        display: flex;
        width: 100%;
    }
    .easy-autocomplete-container ul li div {
        display: block;
        font-weight: normal;
        word-break: break-all;
    }
    .easy-autocomplete-container li .pic {
        width: 60px;
        display: inline-block;
    }
    .easy-autocomplete-container li img {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .easy-autocomplete-container li .info {
        width: calc(100% - 60px);
        display: inline-block;
        float: right;
    }
    .easy-autocomplete-container li a.name {
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .easy-autocomplete-container li h3 {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal !important;
        font-size:14px !important;
    }
    .easy-autocomplete-container li .info .price, .easy-autocomplete-container li .info .gift {
        width: calc(100% - 100px);
        display: inline-block;
    }
    .easy-autocomplete-container li .info .price strong {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        color: #333;
        margin-right: 2px;
        font-weight: normal;
    }
    .easy-autocomplete-container li .buys {
        width: 135px;
        float: right;
        position: absolute;
        z-index: 1;
        right: 10px;
        top: 30px;
    }
    .easy-autocomplete-container li .btnbuy {
        padding: 5px 0;
        border: 1px solid #008848;
        border-radius: 4px;
        width: 100px;
        float: right;
        background: none;
        text-transform: uppercase;
        color: #008848;
        text-align: center;
        position: absolute;
        right: 0;
        top :13px;
    }
    .easy-autocomplete a {
        display: block;
    }
    

        /*  begin footer */
        .linkstatic {
            display: block;
            overflow: hidden;
            padding: 5px 0;
            border-bottom: 1px solid #f5f8fd;
        }

        /* end footer */
        .nav-parent:before,
        .nav-parent:after {
            content: none;
        }
        body {
            min-width: 360px !important;
        }
        .main-pc {
            display: none !important;
        }
        
        
       .hascart{
       display: block !important;
    overflow: hidden;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    min-width: 360px;}
        #header {
            display: block;
        }
        #header-mobile {
            display: block !important;
        }
        #section-mobile {
            display: block!important;
        }
        header.sticky {
            display: none;
        }
        .main-product {
            display: none !important;
        }
        .choosebuy{
          display: none !important;
        }
        
        .breadcrumb-1{
          display: none !important;
        }
        .slide{
          display: none !important;
        }
        .nameproduct{
          display: none !important;
        }
        .expireddate{
         display: none !important; 
        }
        .dnt{
          display: none !important; 
        }
        .ratinglist-price{
          display: none !important; 
        }
        .shipping{
          display: none !important; 
        }
        .quantity-area {
           display: none !important;
        }
        .new2021 header {
            padding: 0;
            width: auto;
        }
        .new2021 .tophead {
            max-width: auto;
            background: #008848;
            margin-left: 0;
            border-radius: none;
        }
        .new2019 header {
            padding: 0;
        }
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            max-width: 425px;
            display: block;
            margin: 0;
            height: 44px;
            background: #037841;
            min-width: 360px;
            z-index: 12;
        }
        .tophead {
            display: block;
            height: 45px;
            position: relative;
        }
        .menu {
            float: left;
            overflow: hidden;
            text-align: center;
            padding: 0 0 0 4px;
            width: 47px;
        }
        .bhx-menu {
            background-position: -4px -373px;
            width: 36px;
            height: 45px;
            display: block;
        }
        [class^="bhx-"],
        [class*="bhx-"] {
            background-image: url(//cdn.tgdd.vn/bachhoaxanh/www/Content/images/bhx@2x.v202109050849.png);
            background-repeat: no-repeat;
            display: inline-block;
            line-height: 30px;
            vertical-align: middle;
            background-size: 325px auto;
        }
        .mainsearch {
            height: 34px;
            width: 33%;
            position: relative;
            margin: 0;
            z-index: 2;
            float: left;
            top: 6px;
        }
        .new2021 .mainsearch {
            margin: 0;
            width: 50%;
        }
        .easy-autocomplete {
            position: static;
        }
        input[type=text],
        input[type=search],
        input[type=tel],
        input[type=number],
        input[type=email],
        textarea {
          
            -webkit-text-size-adjust: 100%;
            touch-action: manipulation;
        }
        .mainsearch input {
            display: block;
            height: 32px;
            border: 0;
            background: #fff;
            border-radius: 8px;
            width: 100%;
            text-indent: 10px;
            -webkit-appearance: none;
            font-size: 13px;
        }
        .mainsearch button[type="submit"] {
            position: absolute;
            top: 0;
            right: 0;
            background: #fff;
            border: 0;
            width: 34px;
            height: 32px;
            border-radius: 8px;
        }
        .bhx-search {
            background-position: -194px -397px;
            width: 16px;
            height: 17px;
        }
        .hiscart {
            width: calc(67% - 53px);
            height: 55px;
            padding: 7px 0;
            position: absolute;
            top: 0;
            right: 0;
            overflow: hidden;
        }
        .loca {
            width: 33%;
            overflow: hidden;
            line-height: 15px;
            font-size: 12px;
            color: #fff;
            text-align: center;
            padding-right: 4px;
            display: inline-block;
            height: 32px;
            float: left;
        }
        .loca .loca-parentwrapper {
            width: auto;
            height: 100%;
            display: flex;
            justify-content: center;
        }
        .loca .loca-wrapper {
            text-align: left;
            width: auto;
            height: 100%;
            line-height: 14px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
        }
        .loca .loca-wrapper>span {
            font-size: 11px;
        }
        .loca span:after {
            content: '';
            border-top: 4px solid #fff;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            display: inline-block;
            margin-left: 4px;
            position: relative;
            top: -1px;
        }
        .loca .current_locate {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 12px;
            font-weight: 600;
        }
        .histories {
            width: 33%;
            height: 32px;
            overflow: hidden;
            line-height: 14px;
            font-size: 12px;
            color: #fff;
            border-left: 1px solid #00ac5b4f;
            padding: 0 2px;
            text-align: center;
            display: inline-block;
            float: left;
        }
        .histories>span {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
       
        }
        .sticky-cart-reset{
          display:block;
        }
        
        .sticky-cart-reset {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 42px;
    left: 14px;
    z-index: 8;
    background: rgb(46 90 49);
    border-radius: 50%;
    text-align: center;
    color: white;
    cursor: pointer;
}
        .hiscart .temcart {
            display: flex;
            overflow: hidden;
            height: 32px;
            width: 33%;
            align-items: center;
            flex-direction: column-reverse;
            float: right;
            text-align: center;
            font-size: 12px;
            border-left: 1px solid #00ac5b4f;
            background: none;
        }
        .hiscart .temcart div.price {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            width: 100%;
            line-height: 13px;
            height: 13px;
        }
        .hiscart .temcart div p {
            display: block;
            padding: 0;
            color: #fff;
            font-size: 10px;
            margin: 0;
        }
        .hiscart .temcart div.count {
            line-height: 19px;
            height: 19px;
            text-align: center;
            width: 24%;
            display: flex;
            justify-content: flex-start;
        }
        .hiscart .temcart>div {
            vertical-align: top;
            position: relative;
            align-items: center;
            margin: 0;
        }
        .hiscart .temcart .bhx-cart {
            background-position: -110px -399px;
            display: block;
            margin-left: -4px;
            width: 15px;
            height: 14px;
            margin-top: 0;
            margin-bottom: 0;
        }
        .mainnav.visible {
            pointer-events: auto;
            background: #f5f8fd;
        }
        .mainnav-mobile {
            transition: all 0.5s;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            pointer-events: none;
            z-index: 150;
            display: flex !important;
            flex-direction: row;
            max-width: 425px;
            margin: 0;
            transform: translateX(-100%);
        }
        .mainnav-mobile.visible nav {
            transform: none;
            position: relative;
        }
        .mainnav-mobile nav {
            display: inline-block;
            overflow: visible;
            width: 38%;
            height: 100%;
            z-index: 160;
            pointer-events: auto;
        }
        nav ul {
            display: inline-block;
            overflow-y: auto;
            height: 100%;
            width: 100%;
            background: #f5f8fd;
            box-sizing: border-box;
            padding-left: 0;
        }
        nav li {
            display: block;
            position: relative;
        }
        .mainul .menu-action>div {
            display: flex;
            border-bottom: 1px solid #c5cee0;
            height: 54px;
        }
        .closemenu {
            width: 100%;
            color: #525252;
            box-sizing: border-box;
            padding: 9px 15px 8px 3px;
            border-right: 1px solid #c5cee0;
            display: flex;
            align-items: center;
        }
        .closemenu .bhx-closemenu {
            background-position: -220px -423px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            vertical-align: middle;
            margin-right: 7px;
        }
        .closemenu span {
            line-height: initial;
            display: inline-block;
            vertical-align: middle;
            font-size: 13px;
            font-weight: bold;
        }
        .mainul .homepage {
            display: flex;
            align-content: center;
            justify-content: center;
            width: 100%;
        }
        .mainul .homepage>a {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
        .bhx-stores {
            background-position: -45px -387px;
            width: 26px;
            height: 25px;
        }
        nav li {
            display: block;
            position: relative;
        }
        nav li .nav-parent {
            display: block;
            overflow: hidden;
            line-height: 16px;
            font-size: 11px;
            font-weight: bold;
            color: #1d1d1d;
            width: 100%;
            /*padding: 14px 0 14px 3px;*/
            text-transform: uppercase;
            margin: 0;
        }
        nav li.productpromo-count,
        nav li.store-count,
        nav li.product-expired,
        nav li.m-account,
        nav li.ticket {
            padding: 12px 3px;
        }
        nav li.productpromo-count a {
            color: #1d1d1d;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 11px;
        }
        .mainnav-mobile .bhx-productpromo {
            background-position: -185px -88px;
            width: 16px;
            height: 16px;
            margin: 2px 3px 2px 2px;
            border-radius: 50%;
            background-size: 300px auto;
        }
        .mainnav-mobile.visible .listcate {
            transform: none;
            position: relative;
        }
        .mainnav-mobile .listcate {
            width: 62%;
            will-change: transform;
            z-index: 160;
            pointer-events: auto;
        }
        .mainnav-mobile .listcate .nav-search {
            display: block;
            position: absolute;
            padding: 11px 10px;
            width: 100%;
            background: #fff;
            top: 0;
            z-index: 2;
        }
        .mainnav-mobile .nav-search button {
            position: absolute;
            top: 11px;
            right: 10px;
            border: 0;
            width: 34px;
            height: 34px;
            border-radius: 4px;
            background: transparent;
            color: #a7a7a7;
        }
        .mainnav-mobile .listcate .list-subcate {
            padding-top: 54px;
            overflow-y: scroll;
            height: 100%;
            z-index: 3;
        }
        .mainnav-mobile .cateitem {
            /*margin-bottom: 5px;*/
            background: #fff;
        }
        .flex {
            display: flex;
            flex-wrap: wrap;
        }
        .mainnav-mobile .cateitem.cateopen .subcate {
            opacity: 1;
        }
        .mainnav-mobile .cateitem .subcate {
            width: calc(100%/3);
            display: inline-block;
            text-align: center;
            padding: 15px 0;
        }
        .mainnav-mobile .cateitem .subcate .boximg {
            width: 52px;
            height: 52px;
            display: inline-block;
            position: relative;
        }
        img {
            border: 0;
            transition: all .2s ease-in-out;
        }
        .mainnav-mobile .cateitem .subcate .text {
            color: #222b45;
            font-size: 12px;
            line-height: 15px;
            max-height: 32px;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .parent-open {
            background: #fff;
            border-left: 5px solid #00ac5b;
            color: #037841;
            padding-left: 5px;
        }
        .closeMain {
            transform: translateX(100%);
        }
        .show {
            display: none;
        }
        /* section */
        section {
            display: block !important;
            width: 100%;
            max-width: 425px;
            min-width: 360px;
            margin: 0;
            padding-top: 44px;
            background: #f5f8fd;
        }
        .box-corona {
            position: relative;
            width: 100%;
            max-width: 640px;
        }
        .box-corona .box-onlybuycorona {
            background: #fff;
            display: block;
            padding: 5px 8px;
            box-sizing: border-box;
            position: relative;
            border-bottom: 3px solid #f5f8fd;
        }
        .box-corona .box-onlybuycorona .slider-title {
            margin-bottom: 0;
        }
        .owl-carousel.owl-loaded {
            display: block;
        }
        .owl-carousel {
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            position: relative;
            z-index: 1;
        }
        .box-corona .box-onlybuycorona .slider-title .owl-stage-outer {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0, 0, 0);
        }
        .owl-carousel .owl-stage {
            position: relative;
            touch-action: manipulation;
        }
        .owl-carousel .owl-item {
            position: relative;
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
        }
        .owl-item {
            display: none;
            transition: all 0.5s;
        }
        .box-corona .box-onlybuycorona .slider-title .item {
            background: #fff;
            color: #515764;
            font-size: 12px;
            text-align: left;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: left;
        }
        /* section image*/
        .banner-zalo-market,
        .banner-zalo-market img {
            width: 100%;
            height: auto;
            margin-bottom: 2px;
        }
        a {
            text-decoration: none;
            color: #288ad6;
        }
        .banner-zalo-market,
        .banner-zalo-market img {
            width: 100%;
            height: auto;
        }
        .nearly-store-box {
            display: block;
            color: #000;
            font-size: 12px;
            padding: 2px 0;
            line-height: 1.2em;
            margin-bottom: 3px;
        }
        .nearly-store-box .content {
            display: flex;
            background: rgba(0, 123, 211, .05);
            border-radius: 5px;
            padding: 7px;
        }
        .nearly-store-box .content .mess,
        .nearly-store-box .content .time {
            margin: 3px 0;
            text-align: center;
            line-height: 15px;
        }
        .nearly-store-box .content .mess {
            display: block;
            width: 42%;
            padding-right: 12px;
            border-right: 1px solid #000;
        }
        .nearly-store-box .content .mess,
        .nearly-store-box .content .time {
            margin: 3px 0;
            text-align: center;
            line-height: 15px;
        }
        .nearly-store-box .content .time {
            display: block;
            width: calc(100% - 42% - 115px);
        }
        .nearly-store-box .content .nearly-store {
            box-sizing: border-box;
            display: flex;
            width: 115px;
            background: #f8fbff;
            color: #007bd3;
            border: 1px solid #007bd3;
            border-radius: 5px;
        }
        .nearly-store-box .content .nearly-store>i {
            background-image: url(//cdn.tgdd.vn/bachhoaxanh/www/Content/images/deskstore@2x.v202109061602.png);
            background-repeat: no-repeat;
            background-size: 192px auto;
            display: inline-block;
            background-position: -55px -15px;
            width: 18px;
            vertical-align: middle;
            margin: 5px 0 5px 6px;
        }
        .nearly-store-box .content .nearly-store>span {
            width: calc(100% - 18px);
            text-align: center;
            padding: 3px 0;
            vertical-align: middle;
        }
        /* list items */
        .groupmenu {
          display:none;
            position: fixed;
            background: #fff;
            width: 100%;
            max-width: 425px;
            top: 45px;
            z-index: 3;
            overflow-x: auto !important;
            white-space: nowrap !important;
            flex-wrap: wrap !important;
            overflow: auto;
            box-shadow: 0 5px 10px rgb(198 218 248 / 25%);
            height: 49px;
        }
        .groupmenu div:nth-child(5n+1) {
            clear: both;
        }
        .groupmenu div {
            display: inline-block;
            overflow: hidden;
            text-align: center;
            position: relative;
            vertical-align: text-bottom;
            padding: 3px 0 0 5px;
            border-radius: 4px;
            line-height: 14px;
            background: transparent;
            color: #008848;
            margin-top: 3px;
        }
        .groupmenu div>span {
            font-size: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 37px;
            border-radius: 5px;
            width: 69px;
            background: #fff;
            border: 1px solid #c5cee0;
            white-space: pre-wrap;
            text-transform: uppercase;
        }
        /* groupfeature */
        .groupfeature.lineSeasion {
            padding: 3px;
            padding-right: 0;
            position: relative;
            padding-top: 5px;
            min-height: 50px;
            padding-bottom: 7px;
        }
        .groupfeature {
            margin-bottom: 9px;
        }
        .groupfeature h2 {
            position: absolute;
            left: -9999px;
            top: -9999px;
        }
        body,
        input,
        button,
        option,
        textarea,
        label,
        select,
        legend,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a {
            font: 14px/18px Helvetica, Arial, sans-serif;
            color: #333;
            outline: none;
            -webkit-font-smoothing: antialiased;
            text-rendering: geometricPrecision;
        }
        /* banner */
        .groupfeature.lineSeasion .banner {
            text-align: center;
            width: 100%;
            display: block;
            position: relative;
            margin-bottom: -5px;
        }
        .groupfeature.lineSeasion .banner>img {
            width: 100%;
            position: relative;
            z-index: 0;
        }
        .groupfeature.lineSeasion .banner label {
            position: absolute;
            z-index: 1;
            color: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            top: calc(50% - 10px);
            text-transform: uppercase;
            font-size: 17px;
            font-weight: bold;
        }
        .grouptitle {
            position: absolute;
            z-index: 1;
            color: #fff;
            height: 20px;
            width: 100%;
            left: 0;
            top: calc(50% - 10px);
            text-transform: uppercase;
            font-size: 17px;
            font-weight: bold;
        }
        /* cate-list */
        .groupfeature.lineSeasion .cate-list {
            display: block;
            max-width: calc(100% - 4px);
            overflow: auto;
            overflow-x: auto !important;
            white-space: nowrap !important;
            flex-wrap: wrap !important;
            box-sizing: border-box;
            margin-left: 4px;
        }
        .owl-carousel {
            display: none;
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            position: relative;
            z-index: 1;
        }
        .groupfeature.lineSeasion .cate-list .cate-item {
            overflow: hidden;
            background: #fff;
            margin: 3px 3px 0 0;
            display: inline-block;
            width: 20%;
            position: relative;
            text-align: center;
            color: #000;
            border-radius: 3px;
            min-height: 40px;
            font-size: 13px;
            box-sizing: border-box;
            vertical-align: text-bottom;
        }
        .groupfeature.lineSeasion .cate-list .cate-item>span {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 40px;
            box-sizing: border-box;
            font-size: 12px;
            line-height: 14px;
            border: 1px solid #c5cee0;
            border-radius: 4px;
        }
        /* cateproduct */
        .groupfeature.lineSeasion .cateproduct {
            margin-right: 3px;
        }
        .cateproduct {
            background: none;
            margin-bottom: 7px;
        }
        .cate {
            display: flex;
            flex-flow: row wrap;
            flex: 1 100%;
            clear: both;
            width: 100%;
        }
        .cate .product,
        .cate .expired {
            float: left;
            width: calc(33.3% - 6px);
            background: #fff;
            position: relative;
            box-sizing: border-box;
            margin: 7px 3px 0 3px;
            padding: 0;
            border: 1px solid #e4e9f2;
            box-shadow: 0 3px 2px rgb(198 218 248 / 25%);
            border-radius: 8px;
            height: 100%;
            display: block;
            min-height: 175px;
        }
        .cate .product>a,
        .cate .expired>a {
            display: block;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            height: 100%;
            width: 100%;
            position: relative;
            overflow: hidden;
            min-height: 108px;
        }
        .groupfeature .cate .product .boximg {
            height: auto;
            padding: 0;
        }
        .cate .product>a .boximg,
        .cate .expired>a .boximg {
            display: block;
            width: 100%;
            position: relative;
            overflow: hidden;
        }
        .cate .product>a .boximg .imgcontent,
        .cate .expired>a .boximg .imgcontent {
            height: auto;
        }
        .cate .product>a .boximg .imgcontent>img,
        .cate .expired>a .boximg .imgcontent>img {
            display: block;
            width: 100%;
            height: auto;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
        }
        .cate .product .productinfo,
        .cate .expired .productinfo {
            position: relative;
            width: 100%;
            height: 32px;
        }
        .cate .product .productinfo .product-name,
        .cate .expired .productinfo .product-name {
            text-align: center;
            color: #515764;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: initial;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            padding: 3px;
            line-height: 14px;
            bottom: 0;
            background: #fff;
            width: 100%;
            height: 32px;
        }
        .cate .product .productinfo .price,
        .cate .expired .productinfo .price {
            display: none;
            text-align: center;
            font-size: 12px;
            color: #222b45;
            height: 15px;
            width: 100%;
            background: #fff;
        }
        .cate .product .productinfo .price,
        .cate .expired .productinfo .price {
            text-align: center;
            font-size: 12px;
            color: #222b45;
        }
        .cate .product .box-buy,
        .cate .expired .box-buy {
            display: flex;
            border-top: 1px solid #e4e9f2;
            height: 35px;
            position: relative;
            width: 100%;
            background: #fff;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
        }
        .cate .product .priceinfo,
        .cate .expired .priceinfo {
            
            width: 100%;
            justify-content: space-between;
        }
        .cate .product .box-buy .price,
        .cate .expired .box-buy .price {
            font-weight: normal;
            font-size: 14px;
            color: #222b45;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            padding: 0 5px;
            flex: 0 0 auto;
        }
        .cate .product .box-buy .price,
        .cate .expired .box-buy .price {
            font-weight: normal;
            font-size: 14px;
            color: #222b45;
            text-align: center;
        }
        .colcontent-mb .buy-mb,
        .colcontent-mb .buy-mb {
            border-left: 1px solid #ebf0f9;
            font-size: 14px;
            color: #222b45;
        }
        .colcontent-mb .buy-mb,
        .colcontent-mb .buy-mb {
            text-transform: uppercase;
            align-items: center;
            margin: 2px 0;
            flex: 1 1 auto;
            text-align: center;
        }
        .updown {
            display: none;
        }
        /* back-top */
        #back-top.hascart {
            bottom: 45px;
        }
        #back-top {
            width: 40px;
            height: 40px;
            position: fixed;
            bottom: 90px;
            right: 33px;
            z-index: 12;
            background: rgba(70, 70, 70, .8392156862745098);
            border-radius: 50%;
            text-align: center;
            color: #fff;
            cursor: pointer;
            display: none;
        }
        #back-top span {
            display: block;
            font-size: 9px !important;
            line-height: 8px;
        }
        /* viewmore */
        .groupfeature.lineSeasion .viewmore.noafter {
            background: #fff;
            margin-right: 3px;
        }
        .groupfeature.lineSeasion .viewmore,
        .groupfeature.groupfeaturefresh .viewmore {
            margin: 0 5px 1px 0;
        }
        .groupfeature .viewmore {
            color: #008848;
            font-size: 14px;
            display: flex;
            margin: 0 3px 1px;
            height: 44px;
            justify-content: center;
            align-items: center;
            border-radius: 8px;
            border: 1px solid #008848;
            position: relative;
            overflow: hidden;
        }
        .groupfeature .viewmore>b {
            margin-left: 4px;
            position: relative;
            margin-right: 5px;
        }
        .groupfeature .viewmore>b {
            margin-left: 4px;
            position: relative;
            margin-right: 5px;
        }
        .owl-carousel {
            display: none;
        }
        /* groupfeature groupfeaturefresh  */
        .groupfeature.groupfeaturefresh {
            padding: 3px;
            padding-right: 0;
            position: relative;
            padding-top: calc(13% - 8px);
            min-height: 42px;
            background: none !important;
        }
        .groupfeature {
            margin-bottom: 9px;
        }
        .groupfeature.groupfeaturefresh .banner {
            position: absolute;
            top: 0;
            padding-right: 3px;
            padding-top: 3px;
            text-align: center;
            width: 100% !important;
            left: 0 !important;
        }
        .groupfeature.groupfeaturefresh .banner>img {
            width: 88%;
            height: auto;
        }
        .groupfeature.groupfeaturefresh .banner .bannertitle {
            background: transparent;
            position: absolute;
            top: 0;
            height: calc(100% - 6px);
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 3px 0;
        }
        .owl-carousel {
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            z-index: 1;
        }
        .groupfeature.groupfeaturefresh .banner .bannertitle .owl-stage-outer {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0, 0, 0);
        }
        .groupfeature.groupfeaturefresh .banner .bannertitle .owl-stage {
            height: 100%;
        }
        .owl-carousel .owl-stage {
            position: relative;
            touch-action: manipulation;
        }
        .groupfeature.groupfeaturefresh .banner .bannertitle .owl-item {
            height: 100%;
            width: 100%;
        }
        .owl-carousel .owl-item {
            position: relative;
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
        }
        .groupfeature.groupfeaturefresh .banner .bannertitle .owl-item>div.meattitle {
            font-size: 19px;
        }
        .groupfeature.groupfeaturefresh .banner .bannertitle .owl-item>div {
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 17px;
            font-weight: bold;
            flex-direction: column;
            height: 100%;
        }
        .owl-nav {
            display: none;
        }
        .groupfeature.groupfeaturefresh .cate-list {
            display: block;
            overflow: auto;
            overflow-x: auto !important;
            white-space: nowrap !important;
            flex-wrap: wrap !important;
            box-sizing: border-box;
            margin-left: 4px;
            width: 100% !important;
        }
        .groupfeature.groupfeaturefresh .cate-list .cate-item {
            overflow: hidden;
            background: #fff;
            margin: 3px 3px 0 0;
            display: inline-block;
            width: 20%;
            position: relative;
            text-align: center;
            color: #000;
            border-radius: 3px;
            min-height: 40px;
            font-size: 13px;
            box-sizing: border-box;
            vertical-align: text-bottom;
        }
        .groupfeature.groupfeaturefresh .cate-list .cate-item>span {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 40px;
            box-sizing: border-box;
            font-size: 12px;
            line-height: 14px;
            border: 1px solid #c5cee0;
            border-radius: 4px;
        }
        .groupfeature.groupfeaturefresh .viewmore.noafter {
            background: #fff;
            margin-right: 6px;
        }
        .groupfeature.groupfeaturefresh .viewmore {
            margin: 0 5px 1px 3px;
        }
        .groupfeature.lineSeasion .viewmore,
        .groupfeature.groupfeaturefresh .viewmore {
            margin: 0 5px 1px 0;
        }
        .groupfeature .viewmore {
            background: #fff;
            color: #008848;
            font-size: 14px;
            display: flex;
            margin: 0 3px 1px;
            height: 44px;
            justify-content: center;
            align-items: center;
            border-radius: 8px;
            border: 1px solid #008848;
            position: relative;
            overflow: hidden;
        }
        .groupfeature .viewmore .bhx-arrowdown {
            background-position: -260px -428px;
            width: 11px;
            height: 7px;
        }
        .groupfeature .viewmore>b {
            margin-left: 4px;
            position: relative;
            margin-right: 5px;
        }
        .cateproduct {
            background: none;
            margin-bottom: 7px;
        }
        .cate .product,
        .cate .expired {
            float: left;
            width: calc(33.3% - 6px) !important;
            background: #fff;
            position: relative;
            box-sizing: border-box;
            margin: 7px 3px 0 3px;
            padding: 0;
            border: 1px solid #e4e9f2;
            box-shadow: 0 3px 2px rgb(198 218 248 / 25%);
            border-radius: 8px;
            height: 100%;
            display: block;
            min-height: 175px;
        }
        .cate .product>a,
        .cate .expired>a {
            display: block;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            height: 100%;
            width: 100%;
            position: relative;
            overflow: hidden;
            min-height: 108px;
        }
        .cate {
            flex-flow: row wrap;
            flex: 1 100%;
            clear: both;
            width: 100%;
        }
        .groupfeature .cate .product .boximg {
            height: auto;
            padding: 0;
        }
        .cate .product>a .boximg,
        .cate .expired>a .boximg {
            display: block;
            width: 100%;
            height: auto;
            position: relative;
            overflow: hidden;
        }
        .groupfeature .cate .product .boximg {
            height: auto;
            padding: 0;
        }
        .cate .product>a .boximg,
        .cate .expired>a .boximg {
            display: block;
            width: 100%;
            height: auto;
            position: relative;
            overflow: hidden;
        }
        /* slide-home */
        .owl-carousel.owl-loaded {
            background: #fff;
            margin-bottom: 7px;
        }
        .owl-carousel.owl-loaded {
            background: #fff;
            margin-bottom: 7px;
        }
        .owl-carousel {
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            position: relative;
            z-index: 1;
        }
        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0, 0, 0);
        }
        .owl-carousel .owl-stage {
            position: relative;
            touch-action: manipulation;
        }
        .slide-home a {
            line-height: 0;
        }
        .slide-home,
        .slide-home a {
            display: block;
        }
        .owl-carousel .owl-item img.owl-lazy {
            transform-style: preserve-3d;
        }
        .owl-carousel .owl-item .owl-lazy {
            opacity: 0;
            transition: opacity 400ms ease;
        }
        .owl-theme .owl-dots {
            text-align: center;
            -webkit-tap-highlight-color: transparent;
        }
        .owl-dots {
            margin-top: 5px !important;
            /* position: absolute; */
            bottom: 0;
            /* width: 100%; */
        }
        .owl-theme .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1;
        }
        .owl-carousel .owl-nav button.owl-prev,
        .owl-carousel .owl-nav button.owl-next,
        .owl-carousel button.owl-dot {
            background: none;
            color: inherit;
            border: none;
            padding: 0 !important;
            font: inherit;
        }
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next,
        .owl-carousel .owl-dot {
            cursor: pointer;
            user-select: none;
        }
        .owl-theme .owl-dots .owl-dot span {
            width: 7px;
            height: 7px;
            margin: 5px 6px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }
        /* tips */
        .tips {
            background: #fff;
            overflow: hidden;
            box-shadow: 0 5px 10px rgb(109 128 155 / 25%);
        }
        .box-videoknh {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        .newvideo {
            padding: 8px 6px 0;
        }
        /* nomehews */
        .nomehews {
            display: block;
            overflow: hidden;
            padding: 0 6px;
            background: #fff;
        }
        .nomehews a {
            display: inline-block;
            overflow: hidden;
            color: #2f76cb;
            font-size: 13px;
            padding: 4px 0;
            width: 49%;
        }
        .lazy.loaded,
        .vlazy.loaded,
        .owl-lazy.loaded {
            opacity: 1;
        }
        .nomehews a img {
            float: left;
            width: 65px;
            height: 47px;
            margin-right: 10px;
        }
        .nomehews a p {
            display: block;
            overflow: hidden;
            line-height: 1.3em;
            font-size: 13px;
            color: #4a4a4a;
            height: 51px;
        }
        .nomehews a p>.viewtotal {
            display: inline;
        }
        .bhx-view {
            background-position: -74px -400px;
            width: 15px;
            height: 11px;
            margin-left: 3px;
        }
        .nomehews a span:not(.viewtotal) {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            color: #999;
            margin-left: 2px;
        }
        .nomehews a.viewother {
            text-align: center;
            color: #008848;
            position: relative;
            width: 100%;
        }
        .nomehews a.viewother>span {
            text-align: center;
            color: #008848;
            position: relative;
            font-size: 14px;
        }
        .nomehews a span:not(.viewtotal) {
            display: inline-block;
            vertical-align: middle;
            margin-left: 2px;
        }
        .nomehews a.viewother>span:before,
        .nomehews a.viewother>span:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 4px solid #008848;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            position: absolute;
            right: -15px;
            top: 7px;
        }
        .nomehews a.viewother>span:after {
            border-top-width: 4px;
            border-top-color: #fff;
            top: 5px;
        }
    .hiscart .temcart span {
    display: inline-block;
    width: 14px !important;
    height: 14px !important;
    background: #f00;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    position: absolute;
    top: 0px !important;
    text-align: center;
    left: 8px !important;
}
        /* footer-media */
       
        .callcenter {
            display: block;
            overflow: hidden;
            padding: 5px 10px;
            background: #006d3b;
            font-size: 10px;
            font-weight: normal;
            text-align: left;
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .callcenter .infocc {
            display: inline-block;
            width: calc(100%/3 - 3px);
            line-height: 12px;
        }
        .callcenter .infocc .time {
            font-size: 10px;
        }
        .callcenter .infocc .phone {
            font-size: 12px;
            font-weight: 600;
            display: block;
        }
        .bhx-call {
            background-position: -93px -400px;
            width: 11px;
            height: 11px;
        }
        .callcenter .infocc .phone>a {
            color: #fff;
        }
        .callcenter .infocc .time {
            font-size: 10px;
        }
        .callcenter .moreinfo {
            font-size: 10px;
            position: relative;
            width: 19%;
            display: flex !important;
            align-items: center;
        }
        .callcenter .moreinfo>span {
            display: inline-block;
            width: 82%;
            margin-right: 5px;
            text-align: center;
        }
        .callcenter .moreinfo .bhx-arrowdown {
            background-position: -240px -428px;
            width: 11px;
            height: 7px;
        }
        .linkstatic .hot-Job {
            font-weight: normal!important;
            margin-left: 0px!important;
            width: 35% !important;
        }
        .webmember {
            overflow: hidden;
            padding: 7px 0;
            border-bottom: 1px solid #f5f8fd;
            width: 100%;
        }
        .webmember a {
            display: inline-block;
            overflow: hidden;
            width: 34%;
            height: 18px;
            margin-bottom: 10px;
        }
        [class^="bhx-"], [class*="bhx-"] {
            background-image: url(https://cdn.tgdd.vn/bachhoaxanh/www/Content/images/bhx@2x.v202109110050.png);
            background-repeat: no-repeat;
            display: inline-block;
            line-height: 30px;
            vertical-align: middle;
            background-size: 325px auto;
        }
        .bhx-tgdd {
            background-position: -114px -423px;
            width: 94px;
            height: 20px;
            background-size: 285px auto;
        }
        .bhx-dmx {
            background-position: -6px -423px;
            width: 94px;
            height: 20px;
            background-size: 285px auto;
        }
        .webmember a:nth-child(3n+3) {
            width: 28%;
        }
        .bhx-ak {
            background-position: -118px -447px;
            width: 66px;
            height: 20px;
            background-size: 285px auto;
        }
        .bhx-maiam {
            background-position: -4px -397px;
            width: 88px;
            height: 20px;
            background-size: 285px auto;
        }
        .bhx-4kfarm {
            background-position: -192px -444px;
            width: 84px;
            height: 20px;
            background-size: 285px auto;
        }
        .webmember .fb-subscriber {
            display: flex;
            align-items: center;
            font-size: 12px;
            color: #222b45;
        }
        .bhx-fb-icon {
            background-position: -78px -34px;
            width: 19px;
            height: 19px;
            background-size: 324px auto;
            margin-right: 3px;
        }
        .bhx-bct {
            background-position: -113px -395px;
            width: 88px;
            height: 26px;
            background-size: 285px auto;
            position: relative;
            top: -2px;
        }
        .bhx-dmca {
            background-position: -11px -443px;
            width: 94px;
            height: 23px;
            background-size: 285px auto;
        }
        .webmember .yt-subscriber, .webmember .fb-subscriber {
            display: flex;
            align-items: center;
            font-size: 12px;
            color: #222b45;
        }
        .bhx-yt-icon {
            background-position: -99px -34px;
            width: 19px;
            height: 19px;
            background-size: 324px auto;
            margin-right: 3px;
        }
        
        .linkstatic a.recruitment {
            background-color: #ff4500;
            color: #fff !important;
            border-radius: 2px;
            text-indent: 8px;
            width: 80px !important;
        }
        .linkfooter .copyright {
            display: block;
            font-size: 10px !important;
            color: #999;
            text-align: justify;
            background: #e9edf0;
            padding: 5px 10px 5px 5px;
            width: 100%;
        }
        .tgdd-ref {
            height: 56px;
            display: flex;
            border-bottom: 1px solid #dcdcdc;
            background: #fff;
            margin-left: -6px;
            padding: 8px 0 8px 6px;
        }
        .tgdd-ref .sim {
            width: 32%;
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: 6px;
        }
        .tgdd-ref .sim>a,
        .tgdd-ref .installment>a,
        .tgdd-ref .buyvoucher>a {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            font-size: 12px;
            font-weight: 500;
            color: #037841;
            border: 1px solid #037841;
            box-sizing: border-box;
            box-shadow: 0 5px 10px rgb(198 218 248 / 25%);
            border-radius: 8px;
        }
        .tgdd-ref .installment {
            width: 32%;
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: 6px;
        }
        .tgdd-ref .buyvoucher {
            width: 36%;
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: 6px;
        }
        /* css-main-product */
        .colcontent-mb {
            width: 100% !important;
        }
        .groupfeature.lineSeasion {
            background: none !important;
        }
        .footer-pc {
            display: none !important;
        }
        footer {
            width: 100% !important;
        }
        /* search items mainnav */
        .menu-active {
            display: none;
        }
        .search-result ul {
            background: #fff;
            margin-top: 6px;
            position: relative;
            width: 100%;
            max-height: 352px;
            overflow-x: hidden;
            border: 1px solid #e4e9f2;
            box-shadow: 0 5px 10px rgb(198 218 248 / 65%);
            border-radius: 8px;
            padding: 0;
        }
        .search-result ul li {
            padding: 10px 14px;
            border-bottom: 1px solid #e4e9f2;
        }
        nav li {
            display: block;
            position: relative;
        }
        .search-result ul li a {
            color: #515764;
            font-size: 14px;
        }
        
         /* css-sticky-cart */
        .sticky-cart {
            bottom: 45px;
        }
        .sticky-cart {
            width: 40px;
            height: 40px;
            position: fixed;
            bottom: 45px;
            left: 18px;
            z-index: 8;
            background: rgba(70, 70, 70, .8392156862745098);
            border-radius: 50%;
            text-align: center;
            color: #fff;
            cursor: pointer;
        }
        .sticky-cart>div {
            display: block;
            position: relative;
            text-align: center;
        }
        .sticky-cart>div .bhx-fastcart {
            background-position: -110px -399px;
            width: 15px;
            height: 14px;
            text-align: center;
        }
        [class^="bhx-"],
        [class*="bhx-"] {
            background-image: url(//cdn.tgdd.vn/bachhoaxanh/www/Content/images/bhx@2x.v202109271405.png);
            background-repeat: no-repeat;
            display: inline-block;
            line-height: 30px;
            vertical-align: middle;
            background-size: 325px auto;
        }
        .sticky-cart>div div {
            font-size: 9px;
            line-height: 8px;
        }
        .sticky-cart>div span {
            width: 12px;
            height: 12px;
            background: #f00;
            border-radius: 20px;
            font-size: 8px;
            font-weight: 600;
            line-height: 13px;
            position: absolute;
            top: -3px;
            text-align: center;
            right: 3px;
            color: #fff;
        }
        /* css-cart-fast */
        .cart-fast {
            display: none;
            position: fixed;
            bottom: 47px;
            left: 0;
            background: #fff;
            width: 100%;
            max-width: 100%;
            margin: auto;
            height: auto;
            z-index: 20;
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            max-height: calc(100vh);
            min-height: 40px;
            font: 14px/18px Helvetica, Arial, sans-serif;
            color: #333;
            outline: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: geometricPrecision;
            max-width: 480px;
        }
        .overlay-mobile {
            display: none;
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            background: #000;
            opacity: .7;
            z-index: 20;
            margin: auto;
        }
        .cart-fast span.cs {
            display: block;
            overflow: hidden;
            padding: 10px 10px 0;
            color: #288ad6;
            font-size: 14px;
            text-align: right;
        }
        .cart-fast span.cs {
            z-index: 21;
            position: relative;
            background: #fff;
        }
    }
    
    html {
        scroll-behavior: smooth;
    }
    /* product */
    
    .colcontent>ul,
    .colcontent>div {
        background-color: #fff;
    }
    
    .banner-zalo-market,
    .banner-zalo-market img {
        width: 100%;
        height: auto;
    }
    .title-account span{
      color:#008848;
    }
    .breadcrumb-1 {
        padding: 0 10px;
    }
    .breadcrumb-1 a{
      color:#008848;
    }
    .breadcrumb-1 {
        display: block;
        overflow: hidden;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    
    .breadcrumb-1 li {
        overflow: hidden;
        vertical-align: top;
        float: left;
    }
    
    .breadcrumb-1 li a:first-child {
        padding-left: 0;
    }
    
    .breadcrumb-1 li a {
        color: #288ad6;
        font-weight: normal;
        position: relative;
        margin-right: 10px;
        padding-right: 9px;
    }
    
    .breadcrumb-1 li a {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        font-size: 12px;
        padding: 0 5px;
        line-height: 40px;
    }
    
    .breadcrumb-1 li a:before,
    .breadcrumb-1 li a:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #979797;
        position: absolute;
        right: -4px;
        top: 16px;
    }
    
    .breadcrumb-1 li a:after {
        border-left-width: 4px;
        border-left-color: #fff;
        right: -2px;
        top: 16px;
    }
    
    .rowinfo {
        display: flex;
        margin: auto;
    }
    
    .leftcolrelate {
        float: left;
        width: 568px;
    }
    
    .leftcolrelate .details {
        margin-bottom: 10px;
        padding-left: 15px;
        background-color: #fff;
    }
    
    .textinfpro {
        display: block;
        padding: 15px 0;
        background: #fff;
        color: #4a4a4a;
        font-size: 20px;
    }
    
    .textinfpro::before {
        position: relative;
        content: '';
        height: 25px;
        width: 3px;
        background-color: #008848;
        top: 5px;
        display: inline-block;
        margin-right: 10px;
    }
    
    .short-description {
        display: block;
        padding: 5px;
        font-size: 14px;
        line-height: 25px;
    }
    
    .infoproduct.nospeci {
        padding-bottom: 0;
    }
    
    .infoproduct {
        display: block;
        overflow: hidden;
        background: #fff;
    }
    
    .infoproduct li {
        display: block;
        overflow: hidden;
        background: #fff;
        border-bottom: 1px solid #ecf0f1;
        padding: 10px 5px;
    }
    
    .infoproduct li span {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        font-size: 13px;
        color: #999;
        width: 18%;
    }
    
    .infoproduct li div {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        color: #4a4a4a;
        width: 80%;
    }
    
    .rightcolrelate {
        float: right;
        overflow: hidden;
        background: #fff;
        width: 375px;
        margin-left: 27px;
    }
    
    .groupcate {
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
        background: #fff;
        border-radius: 4px;
        /* min-height: 222px; */
    }
    
    .namegroup {
        display: block;
        overflow: hidden;
        font-size: 14px;
        font-weight: 600;
        padding: 25px 10px 15px 10px;
    }
    
    .listgroup-1 a:nth-child(5n+1) {
        clear: both;
    }
    
    .listgroup-1 img {
        display: block;
        width: 45px;
        height: 45px;
        margin: 0 auto 5px;
        border-radius: 50px;
    }
    
    .listgroup-1 a {
        float: left;
        overflow: hidden;
        margin-bottom: 15px;
        width: 20%;
        text-align: center;
    }
    
    .listgroup-1 {
        display: block;
        overflow: hidden;
    }
    
    .listgroup-1 span {
        display: block;
        line-height: 1.3em;
        font-size: 12px;
        color: #288ad6;
        text-align: center;
    }
    
    .homehews-1 {
        min-height: 312px;
    }
    
    .bartitle {
        display: block;
        overflow: hidden;
    }
    
    .bartitle .hometitle-1 {
        float: left;
        text-transform: uppercase;
        font-weight: 600;
        overflow: hidden;
        line-height: 1.3em;
        background: #fff;
        padding: 15px 10px 10px;
        color: #4a4a4a;
    }
    
    .homehews-1 a.viewother {
        text-align: center;
        float: right;
        margin-right: 10px;
        padding-top: 15px;
    }
    
    .homehews-1 a {
        display: block;
        overflow: hidden;
        color: #288ad6;
        font-size: 13px;
        padding: 10px;
        min-height: 16px;
    }
    
    .homehews-1>a {
        border-top: 1px solid #f3f3f3;
        padding: 12px 0;
        margin: 0 10px;
    }
    
    .homehews-1 a img {
        float: left;
        width: 65px;
        height: auto;
        margin-right: 10px;
        min-height: 30px;
        max-height: 32px;
    }
    
    .homehews-1 a p {
        color: #4a4a4a;
        width: calc(100% - 75px);
        float: left;
    }
    
    .infosell {
        overflow: visible;
        width: 410px;
        margin-left: 10px;
        box-sizing: border-box;
        float: left;
    }
    
    .nameproduct {
        display: block;
        overflow: hidden;
        line-height: 1.3em;
        font-size: 22px;
        color: #4a4a4a;
        margin-bottom: 10px;
    }
    
    .expireddate {
        margin-bottom: 15px;
        color: #999;
    }
    
    .ratinglist-price {
        width: 100%;
        display: inline-block;
        margin-bottom: 15px;
    }
    
    .boxprice {
        display: inline-block;
    }
    
    .boxprice strong {
        display: inline-block;
        font-size: 24px;
        color: #c10017;
        vertical-align: middle;
    }
    
    .choosebuy,
    .expired-buy {
        display: block;
        overflow: hidden;
        background: #008848;
        font-size: 18px;
        color: #fff !important;
        text-align: center;
        text-transform: uppercase;
        padding: 16px 0;
        margin-bottom: 10px;
        border-radius: 4px;
        width: 100%;
    }
    
    .infosell .shipping {
        padding: 10px 7px;
    }
    
    .shipping {
        display: block;
        overflow: hidden;
        padding: 10px;
        background: #f6f8fa;
        margin-top: 10px;
    }
    
    .shipping div {
        display: block;
        overflow: hidden;
        font-size: 12px;
        color: #4a4a4a;
        line-height: 30px;
    }
    
    .shipping .bhx-sship {
        background-position: -281px -239px;
    }
    
    .bhx-sship {
        background-position: -55px -261px;
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
    
    .rowdetail .shipping div:first-child span {
        width: 93%;
        line-height: 24px;
    }
    
    .shipping span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }
    
    .shipping .bhx-swap {
        background-position: -242px -239px;
    }
    
    .shipping #detailReturn {
        margin-left: 5px;
        vertical-align: middle;
    }
    
    .rowdetail {
        display: block;
        overflow: hidden;
        background: #fff;
        padding: 0 10px 20px 10px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    
    .slide {
        overflow: hidden;
        width: 540px;
        min-height: 381px;
        box-sizing: border-box;
        float: left;
    }
    
    .listthums {
        display: block;
        margin: 0 !important;
        overflow: hidden;
        margin: auto;
        padding: 15px 0;
    }
    
    .listthums div.thumbpro:nth-child(-n+7),
    .popupgalla .listthums div.thumbpro:nth-child(-n+10) {
        display: block;
    }
    
    .quantity-area {
        margin-bottom: 15px;
    }
    
    .counter {
        position: relative;
        background: #fff;
        border-radius: 4px;
        display: block;
        overflow: hidden;
        margin: 0 0 10px;
    }
    
    .counter .down {
        float: left;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    
    .counter .up,
    .counter .down {
        width: 50px;
        height: 50px;
        cursor: pointer;
        background: #fff;
        background: linear-gradient(#fff, #f3f3f3);
        position: relative;
        user-select: none;
        border: 1px solid #ececec;
    }
    
    .counter .down span {
        width: 20px;
        height: 2px;
        background: #1f884c;
        display: block;
        margin: 23px auto;
        border-radius: 4px;
        user-select: none;
    }
    
    .counter input {
        font-size: 20px;
        color: #333;
        float: left;
        width: calc(100% - 100px);
        height: 50px;
        text-align: center;
        line-height: 40px;
        user-select: none;
        border: 1px solid #ececec;
        border-right: 0;
        border-left: 0;
    }
    .counter .up span+span {
    width: 2px;
    height: 20px;
    margin: -34px auto 0;
    user-select: none;
}
.counter .up span {
    width: 20px;
    height: 2px;
    background: #1f884c;
    display: block;
    margin: 23px auto;
    border-radius: 4px;
    user-select: none;
}
.counter .up {
    float: right;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
    
    .chonloai {
        text-align: left;
        margin-top: 0;
    }
    
    .chonloai {
        display: block;
        overflow: hidden;
        margin: 10px 0;
        
        position: relative;
    }
    
    .chonloai span {
        width: 128px;
        margin-right: 5px;
        position: relative;
        padding-top: 30px;
        height: 95px;
        margin-bottom: 20px;
    }
    
    .chonloai span {
        display: inline-block;
        vertical-align: top;
        border: 1px solid #dfdfdf;
        border-radius: 4px;
    }
    
    .chonloai img {
        float: left;
        width: 45px;
        padding: 0 5px;
        display: block;
    }
    
    .chonloai .info-product {
        display: block;
        float: left;
    }
    
    .chonloai .info-product i {
        position: absolute;
        left: 0;
        right: 0;
        top: 8px;
        margin: auto;
    }
    
    .chonloai a i {
        display: block;
        margin: 5px auto;
    }
    
    .bhx-opt {
        background-position: -280px -52px;
        width: 16px;
        height: 16px;
    }
    
    .chonloai .info-product b,
    .chonloai .info-product strong {
        text-align: left;
    }
    
    .chonloai span b,
    .chonloai span strong {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #4a4a4a;
    }
    
    .chonloai span strong {
        color: #d0021b;
    }
    
    .chonloai a span.unit {
        position: absolute;
        bottom: -20px;
        text-align: center;
        display: block;
        width: 100%;
        color: #4a4a4a;
    }
    
    .chonloai a.chon {
        border-color: #008848;
    }
    
    @media screen and (min-width: 426px) {
        .mobile {
            display: none;
        }
        .relative-1{
          display: none;
        }
        .cart-wrap-1{
           display: none;
        }
    }
    
    
    @media screen and (max-width: 426px) {
        section {
            display: block;
            width: 100% !important;
            margin: 0;
            padding-top: 44px;
            background: #f5f8fd;
        }
    }
    
    @media screen and (max-width: 426px) {
        .container {
            padding-right: 0px;
            padding-left: 0px;
            margin-right: auto;
            margin-left: auto;
        }
    }
    .boxscroll {
      padding-bottom:10px;
      background: white;
    }
    .group-info.hasExchange .description {
        padding-right: 0;
       
    }
    
    .description {
        padding-right: 10px;
        color: #222b45;
        font-size: 14px;
        line-height: 16px;
        overflow: hidden;
        position: relative;
        background: #fff;
       
    }
    
    .description h1,
    .description strong {
        font-weight: bold;
        display: inline-block;
    }
    
    .group-info {
        display: flex;
        margin-top: 5px;
        padding: 0 10px 0;
        position: relative;
        background: white;
    }
    
    .group-info.hasExchange {
        display: block;
    }
    
    .group-boxbuy-area {
        display: flex;
        margin-top: 6px;
        padding-bottom:5px;
    }
    .group-boxbuy-area span{
      margin-right: 5px;
      
    }  
    .group-boxbuy-area>div:not(:last-child) {
        margin-right: 5px;
    }
    
    .group-boxbuy-area>div {
        width: calc(33% - 2px);
    }
    
    .boxbuy-area {
        min-width: 110px;
        border: 1px solid #dfdfdf;
        height: 62px;
        border-radius: 8px;
        text-align: center;
        display: block;
        box-sizing: border-box;
        color: #222b45;
        position: relative;
      
    }
    
    .boxbuy-area .group-price {
        border-bottom: 1px solid #e4e9f2;
        height: 31px;
        overflow: hidden;
    }
    
    .boxbuy-area .group-price img {
        width: 22px;
        height: 22px;
        margin-right: 7px;
        display: inline-block;
        margin: auto;
        vertical-align: sub;
        margin-top: 4px;
    }
    
    .boxbuy-area .title-info {
        display: inline;
        font-size: 12px;
        vertical-align: middle;
        margin-top: 3px;
        margin-left: 5px;
    }
    
    .boxbuy-area .price-btnbuy {
            text-align: -webkit-center;
        padding: 5px 0;
    }
    
    .boxbuy-area .price-btnbuy>div {
        width: 70%;
    }
    
    .boxbuy-area .price-btnbuy a.choosebuy-1 {
        position: relative;
        margin-top: 0;
        color: rgba(34, 43, 69, 1);
        width: 29%;
        min-width: 40px;
      
    }
    .choosebuy-1{
      border: none;
      background: white;
    }
    .group-info .viewmoredesc {
        color: #008848;
    }
    /* css-cart-main */
    /*.ldh{*/
    /*  height:500px;*/
    /*}*/
    .ldh{
      
    }
    
    
    .lst-product1 {
      height:300px;
      overflow: scroll;
    }
    .cart-wrap {
        max-width: 640px;
        margin: 0 auto;
        padding-top: 50px;
       
    }
    
    body.dk .cart-wrap {
        padding-top: 70px;
    }
    /* footer */
    
    .show {
        display: block !important;
    }
    
    .linkfooter {
        display: none;
        overflow: hidden;
        padding-left: 6px;
        background: #fff;
        max-height: 0;
        transition: all 0.5s;
    }
    
    .linkstatic a {
        float: left;
        overflow: hidden;
        font-size: 11px;
        color: #222b45;
        line-height: 30px;
        width: 35%;
        line-height: 27px;
    }
    
    .linkstatic a:before {
        content: '•';
        display: inline-block;
        font-size: 12px;
        color: #222b45;
        vertical-align: middle;
        margin-right: 3px;
    }
    
    .linkstatic a:nth-child(3n+3) {
        width: 30%;
    }
    
    .linkstatic a {
        float: left;
        overflow: hidden;
        font-size: 11px;
        color: #222b45;
        line-height: 30px;
        width: 35%;
        line-height: 27px;
    }
    
    @media screen and (min-width: 640px) {
        .cart-content {
            min-height: initial;
        }
    }
    
    .cart-content {
        background: #fff;
        position: relative;
        /*min-height: calc(100vh - 44px);*/
        box-sizing: border-box;
        display: block;
    }
    
    .p-gender {
        padding: 10px;
        border-bottom: 1px solid #f0f3f5;
        color: #333;
        font-size: 14px;
        font-weight: bold;
    }
    
    .cart-content .block {
        padding: 10px;
        padding-bottom: 0;
        position: relative;
    }
    
    .lst-product {
        box-sizing: border-box;
    }
    
    .lst-product .item-cart {
        clear: both;
        padding: 12px 10px 10px;
        font-size: 14px;
        color: #333;
        position: relative;
        margin: 0 -10px;
        border-bottom: 1px solid #f8f8f8;
        float: left;
        width: calc(97% + 20px);
        box-sizing: border-box;
    }
    .lst-product1 .item-cart {
        clear: both;
        padding: 12px 10px 10px;
        font-size: 14px;
        color: #333;
        position: relative;
        margin: 0 -10px;
        border-bottom: 1px solid #f8f8f8;
        float: left;
        width: calc(97% + 20px);
        box-sizing: border-box;
    }
    
    .lst-product .item-cart img {
        float: left;
        width: 60px;
        height: auto;
        margin: 0 10px 0 0;
    }
    .lst-product1 .item-cart img {
        float: left;
        width: 60px;
        height: auto;
        margin: 0 10px 0 0;
    }
    
    .lst-product .item-cart .colinfo {
        float: left;
        width: calc(100% - 155px);
        position: relative;
    }
    .lst-product1 .item-cart .colinfo {
        float: left;
        width: calc(100% - 155px);
        position: relative;
    }
    
    .lst-product .item-cart .colinfo .name {
        line-height: 1.5em;
    }
    .lst-product1 .item-cart .colinfo .name {
        line-height: 1.5em;
    }
    
    .lst-product .item-cart .name,
    .cart-content .billpro .bill-item .colinfo .name {
        display: block;
        line-height: 1.3em;
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
        word-break: break-word;
        text-align: left;
        width: 100%;
        overflow: hidden;
    }
    .lst-product1 .item-cart .name,
    .cart-content .billpro .bill-item .colinfo .name {
        display: block;
        line-height: 1.3em;
        font-size: 14px;
        color: #333;
        margin-bottom: 10px;
        word-break: break-word;
        text-align: left;
        width: 100%;
        overflow: hidden;
    }
    .lst-product .item-cart .quantity {
        font-size: 12px;
        margin-bottom: 5px;
        position: relative;
    }
    .lst-product1 .item-cart .quantity {
        font-size: 12px;
        margin-bottom: 5px;
        position: relative;
    }
    
    .lst-product .item-cart .quantity>div {
        float: left;
        box-sizing: initial;
    }
    .lst-product1 .item-cart .quantity>div {
        float: left;
        box-sizing: initial;
    }
    
    .quantitynum {
        overflow: hidden;
    }
    
    .quantitynum i.nochange {
        color: #ccc;
        background: #fff;
    }
    
    .quantitynum i:first-of-type {
        border-radius: 4px 0 0 4px;
        border-right: 0;
        line-height: 24px;
    }
    
  
    
    .quantitynum .qty {
        float: left;
        padding: 0 5px;
        width: 22px;
        border: 1px solid #ededed;
        text-align: center;
        height: 26px;
        line-height: 26px;
        box-shadow: 0;
        -webkit-appearance: none;
        -moz-appearance: textfield;
        font-size: 14px;
        border-radius: 0;
    }
    
    .lst-product .item-cart .delete {
        background: #fff;
        padding: 2px 6px;
        display: inline-block;
        cursor: pointer;
        font-size: 13px;
        color: #0081bd;
       
        vertical-align: middle;
        margin-left: 25px;
    }
    .lst-product1 .item-cart .delete {
        background: #fff;
        padding: 2px 6px;
        display: inline-block;
        cursor: pointer;
        font-size: 13px;
        color: #0081bd;
       
        vertical-align: middle;
        margin-left: 25px;
    }
    
    .lst-product .item-cart .colmoney {
        float: right;
        text-align: right;
        width: 80px;
    }
    .lst-product1 .item-cart .colmoney {
        float: right;
        text-align: right;
        width: 80px;
    }
    
    .lst-product .item-cart strong {
        display: inline-block;
        overflow: hidden;
        color: #333;
    }
    .lst-product1 .item-cart strong {
        display: inline-block;
        overflow: hidden;
        color: #333;
    }
    
    .summary {
        padding-top: 5px;
        margin: 0 -10px;
    }
    
    .summary .row1 {
        width: 100%;
        display: flex;
        overflow: unset;
        font-size: 14px;
    }
    
    .summary>div {
        overflow: hidden;
        line-height: 25px;
        padding: 0 10px;
    }
    
    .summary .row1 .col55 {
        width: calc(100%);
        padding-bottom: 5px;
    }
    
    .summary .row1 .col55>div,
    .summary .row1 .col55>a {
        text-align: right;
        position: relative;
    }
    
    .summary div>span {
        display: inline-block;
        color: #999;
        width: auto;
        text-align: right;
        position: relative;
    }
    
    .summary div>label {
        display: inline-block;
        width: 120px;
        text-align: right;
        color: #333;
        font-size: 14px;
    }
    
    .summary div>.shipfee .shipfee-label {
        position: relative;
        display: inline-block;
        color: #999;
        width: auto;
        text-align: right;
        padding-left: 20px;
    }
    
    div>.shipfee .shipfee-label>b {
        color: #0081bd;
        font-weight: normal;
        cursor: pointer;
    }
    
    .summary div>label {
        display: inline-block;
        width: 120px;
        text-align: right;
        color: #333;
        font-size: 14px;
    }
    /* btn-gio hang */
    
    .cart-content #block1 .summary .btn-order {
        display: block;
        padding: 0;
        line-height: 18px;
    }
    
    .btn-step {
        margin: 5px 10px 10px;
        display: block;
        padding: 15px 20px;
        font-size: 16px;
        width: calc(100% - 20px);
    }
    
    .btn-og {
        font-size: 14px;
        font-weight: bold;
        color: #fff !important;
        border: 0;
        text-align: center;
        background: #ff9142;
        border-radius: 4px;
        background: #008848;
        cursor: pointer;
        outline: none;
    }
    
    .clearall {
        width: 100%;
        padding: 0 10px;
        text-align: center;
        margin: 20px 0;
    }
    
    .clearall button {
        color: #0081bd;
        background-color: transparent;
        border: none;
        padding: 3px 5px;
        color: #0081bd;
        background-color: transparent;
        border: none;
        padding: 0 5px;
        cursor: pointer;
        line-height: 20px;
        position: relative;
    }
    
    .acti {
        background: #008848 !important;
        color: #fff101!important;
    }
    
    .owl-dots {
        display: none;
    }
    .relative {
    padding: 0 10px 5px 10px;
    margin-bottom: 5px;
}
.titledt {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-weight: 600;
    padding: 20px 0 10px 0;
    font-size: 20px;
}
.cate .product-1, .cate .expired {
    float: left;
    width: 245px;
    background: #fff;
    border-top: 0;
    margin: 0;
    position: relative;
    padding-bottom: 60px;
    box-sizing: border-box;
}
.cate .product-1 a, .cate .expired a {
    display: block;
    overflow: hidden;
    /*padding: 8px 8px 0;*/
}
.cate .product-1 .boximg, .cate .expired .boximg {
    display: block;
    width: 100%;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.cate .product-1 .boximg img, .cate .expired .boximg img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto 0;
}
.cate .product-1 .product-name-1, .cate .expired .product-name-1 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 13px;
    color: #333;
    padding: 10px 0 0;
    margin-bottom: 7px;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cate .product-1 .removepoint, .cate .expired .removepoint {
    display: block;
    overflow: hidden;
    height: 26px;
}
.cate .product-1 .removepoint span, .cate .expired .removepoint span {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #666;
    margin-bottom: 7px;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.cate .product-1 .price, .cate .expired .price {
    display: block;
    overflow: hidden;
}
.cate .product-1 .price strong, .cate .expired .price strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #b10e0e;
    font-weight: bold;
    font-weight: normal;
}
.cate .product-1 .buy, .cate .expired .buy {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #008848;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 10px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #008848;
    width: 80%;
    background: white;
}
.valueChild.active {
  border: 1px solid #008848;
 
}
.valueChild1.active {
    border: 1px solid #008848;
}
.valueChild.active::before{
  display:block;
}
.valueChild::before{
  position: absolute;
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #008848;
    display: none;
    right: 0;
    bottom: 0;
}

}
.info-product{
  position:relative;
}
.hiscart .temcart span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #f00;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    position: absolute;
    top: 15px;
    text-align: center;
    left: 15px;
}
.quantitynum span {
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    color: #abafb2;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
    border: 1px solid #dadbdd;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}
.quantitynum input.item-quantity {
    background: #ededed;
    font-weight: 500;
    font-size: 15px;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 35px;
    border: 1px solid #dadbdd;
    border-left: none;
    border-right: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
}
.boxfilter {
        display: block;
        height: 40px;
        overflow: visible;
        background: #fff;
        margin-bottom: 5px;
        padding-top: 5px;
    }
    
    .collection-filter-sortby {
        float: right;
    }
    
    .custom-dropdown {
        display: block;
        overflow: hidden;
        padding: 11px 0px 5px 10px;
        color: #288ad6;
        cursor: pointer;
        margin: 3px 5px 0 0;
    }
    
    .combofilter>li.subthree {
        float: right;
    }
    
    .combofilter li {
        float: left;
        overflow: visible;
        position: relative;
    }
    
    .combofilter li.subthree .criteria-first {
        border: 1px solid #d3d3d3;
        border-radius: 4px;
    }
    
    .combofilter li .criteria-first {
        display: block;
        overflow: hidden;
        padding: 5px 25px 5px 10px;
        font-size: 13px;
        color: #288ad6;
        cursor: pointer;
        margin: 3px 5px 0 0;
    }
    
    .combofilter li>h2.criteria-first:before, .combofilter li>h2.criteria-first:after, .combofilter li .criteria-first:before, .combofilter li .criteria-first:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid #288ad6;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 16px;
    right: 13px;
}
    
    .combofilter li>h2.criteria-first.open-select:after {
        border-bottom-width: 5px;
        border-bottom-color: #fff;
        top: 17px;
        right: 13px;
    }
    
    .combofilter>li:first-child>.select2-container {
        margin-left: 0;
    }
    
    .combofilter li span.select2 {
        position: absolute;
        top: 0;
        width: 0 !important;
        overflow: hidden;
        opacity: 0;
        left: 0;
    }
    
    .combofilter .select2-container--default {
        margin: 3px 5px 0 0;
        border: 1px solid #008848;
    }
    
    .combofilter .select2-container {
        width: auto !important;
        background: none;
        border-radius: 4px;
    }
    
    .select2-container {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        vertical-align: middle;
    }
    
    .subthree:hover .site-account {
        opacity: 1;
        visibility: visible;
    }
    
    .header_dropdown_content {
        position: absolute;
        background-color: white;
        min-width: 200px;
        color: #677279;
        border: solid 1px #dfe3e8;
        top: calc(100% + 15px);
        right: 0;
        left: auto;
        border-radius: 3px;
        z-index: 9;
        font-family: 'Quicksand', sans-serif;
    }
    
    .site-account {
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
    }
    
    .header_dropdown_content .box-triangle {
        position: absolute;
        right: 15px;
        bottom: calc(100% - -7px);
        margin: 0;
        width: 27px;
        height: 5px;
    }
    
    .combofilter .select2-results__option {
        display: block;
        font-size: 13px;
        color: #515151;
        line-height: 20px;
        width: 100%;
        padding: 0;
        padding-left: 25px;
        box-sizing: border-box;
        margin: 5px 0;
    }
    .select2-results__option input {
      display: none;
    }
    
    .combofilter .select2-container--open .select2-dropdown {
        position: relative;
        width: 100% !important;
        background: #fff;
        padding: 10px;
        border: 1px solid #dddfe2;
        box-shadow: 0 2px 8px 0 rgb(123 123 123 / 50%);
        border-radius: 2px;
    }
    .dangky {
    background-color: #fff;
    border-color: #fff;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: #000000 0px 0px 0px 0px;
    color: #333333;
    font-size: 14px;
    margin: 0px 0px 20px;
    padding: 19px;
}
.title-login {
    color: #008945;
    font-size: 18px;
    font-weight: 700;
    line-height: 25.2px;
    margin: 0px 0px 10px;
    text-transform: uppercase;
    text-align: center;
}
.bt-continue {
    background-color: #008945;
    border-color: #008945;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    text-align: center;
}
.dangnhap {
    background-color: #fff;
    border-color: #e3e3e3;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: #000000 0px 0px 0px 0px;
    color: #333333;
    font-size: 14px;
    margin: 0px 0px 20px;
    padding: 19px;
}
.text-label {
    color: #008945;
    display: inline-block;
    font-weight: 700;
    margin: 0px 0px 5px;
    padding: 5px 0px;
}
.input-text {
    background-color: #ffffff;
    border-color: #cccccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: #000000 0px 0px 0px 0px;
    color: #555555;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    outline: none;
    width: 100%;
}
.pdt-5 {
    margin-top: 10px;
}.title-login2 {
    color: #008945;
    font-size: 16px;
    font-weight: 700;
    line-height: 25.2px;
    margin: 0px 0px 10px;
    text-transform: uppercase;
}
.is-flex {
    display: flex !important;
}
.padl-5px {
    padding-left: 5px;
}
 .contain-boxintro {
        border-top: 8px solid #f5f8fd;
    }
    
    .boxintro {
        padding: 10px;
        background: #fff;
    }
    
    
    #vn-value-chi-tiet {
      height:65px;
    position: relative;
    font-family: "SF Pro Display",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
  
    overflow: hidden;
}
#vn-value-chi-tiet1 {
      height:613px;
    position: relative;
    font-family: "SF Pro Display",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
  
    overflow: hidden;
}
#vn-value-chi-tiet2 {
      height:586px;
    position: relative;
    font-family: "SF Pro Display",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
  
    overflow: hidden;
}
#vn-value-chi-tiet3 {
      height:592px;
    position: relative;
    font-family: "SF Pro Display",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
  
    overflow: hidden;
}
#vn-value-chi-tiet4 {
      height:65px;
    position: relative;
    font-family: "SF Pro Display",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
  
    overflow: hidden;
}
#vn-value-chi-tiet5 {
    height:300px;
    position: relative;
    font-family: "SF Pro Display",sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
  
    overflow: hidden;
}
    .boxintro p {
    text-align: justify;
    clear: both;
    font-size: 12px;
}
.contain-boxintro .contain-article.article {
    display: inline;
}
    
    .contain-boxintro .contain-article.article a {
        color: #008945;
    }
    
    .boxintro .ggg {
        font-size: 13px;
        display: block;
        text-align: center;
        color: #008945;
        background: none;
    }
    .viewmoredesc.ggg{
       font-size: 15px;
        display: block;
        text-align: center ;
        color: #008945;
        background: none;
        border: none;
    }
    .boxintro .ggg:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #008945;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 0 0 5px;
    }
    
    .boxintro .ovlarticle {
        
    
    }
    
    #vn-gradient {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 65px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
#vn-gradient5 {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 65px;
   
}
 #vn-gradient4 {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
   
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
#vn-gradient1{
  display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    
}
#vn-gradient2{
  display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
  
}
#vn-gradient3{
  display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
   
}
    
.w-100 {
    width: 100%;
}
.account-area--left {
    flex: 1 1 20%;
    width: 20%;
    max-width: 267px;
}
.mgb-15 {
    margin-bottom: 15px;
}
.mg-0 {
    margin: 0px;
}
.title-account {
    margin-bottom: 5px;
    display: block;
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px #eee solid;
    color: #aaa;
    font-size: 14px;
    font-weight: 400px;
}
.account-info__phone-number.active {
    background: #eee none repeat scroll 0 0;
    border-color: #64adce;
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 3px;
}
.adn_account_mn i {
    padding-left: 10px;
}
.adn_account_mn span a {
    margin-left: 10px;
    font-weight: 400;
    color: #008945;
}
.adn_account_mn i {
    padding-left: 10px;
}
.account-area--right {
    flex: 1 1 80%;
    width: 80%;
    max-width: 1069px;
    border: 1px solid #ddd;
    border-bottom: none;
    margin-left: 15px;
}
.account-area--table {
    border-top: 10px solid #ddd;
}
table#history-order tr th {
    border-bottom: 1px solid #ddd;
    height: 60px;
    color:#008945;
    text-align: center;
}
.is-text-center {
    text-align: center !important;
}
.mgb-10 {
    margin-bottom: 10px;
    margin-top: 15px;
    font-size:15px;
    color:#008945;
}
.breadcrumb-1 {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 14px;
    font-weight: bold;
}
.breadcrumb-1 a{
  color:#008945;
}
@media screen and (max-width: 798px){
.account-area--left,
.account-area--right {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 798px){
.account-area--content {
    flex-direction: column;
  }
}
@media screen and (max-width: 426px){
.groupfeature.lineSeasion {
    background:white !important;
}
}
@media screen and (max-width: 426px){
.groupfeature.groupfeaturefresh {
    padding: 3px;
    padding-right: 0;
    position: relative;
    padding-top: calc(13% - 8px);
    min-height: 42px;
    background: white !important;
}
}
@media (max-width: 426px){
.colcontent-mb {
    width: 100% !important;
    background: white;
  }
}
.main-product-1 {
    display: block;
    margin: 50px auto 0;
    width: 1200px;
}
.main-product-2 {
    display: block;
    margin: 50px auto 0;
    width: 1200px;
}
.wrapper {
    max-width: 1100px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.cart-wrap-1 {
    max-width: 640px;
    margin: 0 auto;
    padding-top: 70px;
}
.adn_account_item {
    text-align: center;
    margin-top: 10px;
}
.adn_address_btn {
    justify-content: center;
}
.default-btn {
    display: inline-block;
    background-color: white;
    color: #008945;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #008945;
    margin-left: 10px;
}
.hiscart a:hover{
  color:#fff;
}
.quantity-area-1 {
  
}
.price-btnbuy button.choosebuy-1:before {
    content: "";
    padding-left: 3px;
    top: 2px;
    left: 0;
    width: 1px;
    height: 13px;
    border-left: 1px solid #e4e9f2;
}
.cate .product .box-buy .buy-1, .cate .expired .box-buy .buy-1 {
    border-left: 1px solid #ebf0f9;
    font-size: 14px;
    color: #222b45;
}
.cate .product .box-buy .buy-1, .cate .expired .box-buy .buy-1 {
    text-transform: uppercase;
    color: #363636;
    font-size: 12px;
    border-left: 1px solid #e1e1e1;
    align-items: center;
    margin: 4px 0;
    flex: 1 1 auto;
    text-align: center;
}
.breadcrumb-wrap {
    margin-bottom: 15px;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
}
.address-form  h3{
  font-size:24px;
  

}
.address-form .pdtb-10 {
    padding: 0;
}

.input-form {
    margin: 10px 0 !important;
    width: 100%;
     margin-right: 15px !important;
}
.address-form input {
    width: -webkit-fill-available;
}
.pdtb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.colcontent-1 {
    width: 980px;
    float: right;
    background: white;
}
.colcontent-2 {
    
    float: right;
    background: white;
}
.product-quantity-input i{

    color:#008945;
   padding: 5px 5px;
    cursor: pointer;
    
   background: linear-gradient(#fff, #f3f3f3);
    border: solid 1px #f5f5f5;
    font-weight: 600;
}
.dnt-text-infor {
    margin-top: 5px;
    height: 45px;
    
}
.description p{
  display: inline-flex;
}

.btn-tat {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    /*transition: .5s ease;*/
    left: 0;
    /*opacity: 0;*/
    right: 0;
}
.btn-tat1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    /*transition: .5s ease;*/
    left: 0;
    opacity: 1;
    right: 0;
}
.hideExpired {
  width: 100%;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    background-size: 100%;
}
.btn-click .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #008945;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
 
    border: 1px solid #008848;
}
.btn-click1 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #008945;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
 
    border: 1px solid #008848;
}
.btn-click .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #008945 transparent transparent transparent;
}
.btn-click {
    width: 80%;
    border: hidden;
    height: 86%;
    margin: 0 -2px;
    border-radius: 4px;
    border: 1px solid #008848;

    position: relative;
    display: inline-block;
}
.btn-click1 {
    width: 96%;
    border: hidden;
    height: 86%;
    margin: 0 1px;
    border-radius: 4px;
    border: 1px solid #008848;
    background:white;
    position: relative;
    display: inline-block;
}

.btn-click a {
    text-decoration: none;
    color: #000;
    width: 100%;
} 
.btn-click1 a {
    text-decoration: none;
    color: #000;
    width: 100%;
} 

.overplay {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.hideExpired:hover .btn-tat{
    height: 20%; 
    opacity:1;
}


/*.cateproduct:hover .hideExpired{*/
/*    border: #37435f solid 10px;*/
/*    cursor: pointer;*/
/*    opacity: 0.8;*/
/*    transition: 0.5s;*/
/*}*/
.btn-click:hover .tooltiptext {
    visibility: visible;
  }  
.btn-click i {
    width: 100%;
    font-size:20px;
    color:#008848;
}
.btn-click1 i {
    padding-right: 3px;
    font-size:13px;
    color:#008848;
}



.img-height{
  height:130px  !important ;
}
.buy i{
  padding-right:10px;
  font-size:15px;
}
.btnX-bg {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.btnX-yellowRv-bd .btnX-yellowRv-bg {
    background: white;
}
.btnX-yellowRv-bd {
    width: 100%;
    border: 1px solid #008848;
    background:#008848;
    border-radius: 4px;
}
.btnX-yellowRv-bd1{
  
        font-size: 13px;
        color: #008848;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0;
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 10px;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #008848;
        width:80%;
        background: white;
}
.btnX {
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
}
.btnX1 {
    display: inline-block;
   
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
}
.btnX-yellowRv-bd .btnX-text {
    display: flex;
    line-height: 22px;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding: 14px 35px;
}
.btnX-text {
    position: relative;
    z-index: 1;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
}
.btnX-text1 {
    position: relative;
    z-index: 1;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
}
.btnX-yellowRv-bd:hover .btnX-text {
    color: black;
}

.btnX:hover .btnX-bg {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .btnX1:hover .btnX-bg {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        background:#008848;
    }
     .btnX-text:hover {
        -webkit-transition: all ease-in .3s;
        transition: all ease-in .3s;
        font-weight: 600;
    }
     .btnX-text1:hover {
        -webkit-transition: all ease-in .3s;
        transition: all ease-in .3s;
        font-weight: 600;
    }
.btnX-yellowRv-bd:hover .btnX-text {
    color: #008848;
}
.btnX-yellowRv-bd1:hover .btnX-text1 {
    color: #fff;
   
}
.btnX-yellowRv-bd1 .btnX-text1 {
    
    line-height: 22px;
    align-items: center;
    justify-content: center;
    color: #008848;
    
   
}
.btnX-text1 i{
  padding-right:3px;
}
.background-succ {
    background-color:#fff;
    color:#008848;     
    top: 0;
    left: 0;
    width: 400px;
    z-index: 1000;
    border-radius: 5px;
    height: 215px;
    position: absolute;
    display: none;
    justify-content: ;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.background-succ .content {
    padding-top: 50px;
    position: relative;
    text-align: center;
}
.background-succ .content img {
    width: 60px;
    height: 60px;
}
.background-succ .content p {
    display: block;
    font-size: 18px;
    margin-top: 1rem;
    font-weight: 500;
}
.pagination .select{
  background: #008848;
    color: #fff !important;
    border: 1px solid #444;
  }
  .pagination {
    display: inline-flex;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cate .product .priceinfo, .cate .expired .priceinfo {
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cate .product .box-buy .buy1, .cate .expired .box-buy .buy1 {
    border-left: 1px solid #ebf0f9;
    font-size: 14px;
    color: #222b45;
}
.cate .product .box-buy .buy1, .cate .expired .box-buy .buy1 {
    text-transform: uppercase;
    color: #363636;
    font-size: 12px;
    border-left: 1px solid #e1e1e1;
    align-items: center;
    margin: 8px 0;
    flex: 1 1 auto;
    text-align: center;
}
.box-buy button{
 border:none;
 background:#fff;
}
 .valueChild1 .active::before {
    display: block;
}
.valueChild1 ::before {
    position: absolute;
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #008848;
    display: none;
    right: 0;
    bottom: 0;
}
 .visible {
    pointer-events: auto;
    background: #f5f8fd;
}
.visible .cateitem {
    margin-bottom: 5px;
    background: #fff;
}