html, body {
    -webkit-overflow-scrolling: touch;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f7f8f9;
}

.ls-brand-subhead img {
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hidden {
    display: none;
}


.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

@media (hover: hover) {
    a:hover {
        text-decoration: none;
        color: #333;
    }
}

a.lnk-xanh, a.lnk-xanh:active {
    color: #1a0dab;
}


    a.lnk-xanh:visited {
        color: #609;
    }



div {
    display: block;
}


strong, b {
    font-weight: 700;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

input[type="radio"], input[type="checkbox"] {
    display: none;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="button"],
input[type="submit"],
input[type="password"],
input[type="email"],
input[type="number"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    text-transform: none;
}

:-moz-placeholder {
    text-transform: none;
}

::placeholder {
    text-transform: none;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */
.wrap {
    margin: auto;
    width: 100%;
}

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

.block {
    display: inline-block;
}


/*Style header*/

.box-navi-top {
    background: #f7f5f6;
    width: 100%;
    height: 30px;
}

.box-navi-inner {
    width: 100%;
}

.title-khuyen-mai {
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: 22px;
    display: none;
}

.tag-price-sale {
    display: none;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 30px;
    text-indent: 5px;
}

    .rslides > li {
        display: block;
        padding-left: 10px;
        line-height: 30px;
        padding-top: 2px;
    }

        .rslides > li > a.promo-new-item {
            display: inline-block;
            line-height: 30px;
        }

.title-navi-prom {
    display: inline-flex;
    white-space: nowrap;
}

.rslides:before {
    width: 23px;
    height: 23px;
    content: "";
    border-radius: 5px;
    position: absolute;
    background: url(../images/gift.png)no-repeat;
    margin-top: 6px;
    background-size: 14px;
    left: 5px;
}

.box-header {
    background: #DA251C;
    width: 100%;
}

.box-top-menu {
    height: 40px;
    position: relative;
}

.button-home-nav .button-home-inner {
    width: 50px;
    height: 40px;
    display: block;
}

.button-home-nav.x-hover .menu-box {
    display: block;
}

.icon-home {
    background-image: url(../images/icon-home-main.png);
    background-image: -webkit-image-set(url(../images/icon-home-main.png)1x,url(../images/icon-home-main-x2.png) 2x);
    height: 40px;
    display: block;
    margin: auto;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
/*.icon-home:before{
    content:"\2261";
    position: absolute;
    top: -2px;
    left: 9px;
    font-size: 2.7em;
    font-family: Verdana;
    line-height: 42px;
    color: #fff;
}*/
.title-menu-nav {
    display: none;
}

.name-text {
    position: absolute;
    bottom: 9px;
    left: 12px;
    font-size: 8px;
    text-transform: uppercase;
    color: #fff;
}

.menu-box {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 82px;
    display: none;
    z-index: 9999;
    height: 100vh;
    overflow-y: auto;
}
/*.menu-box:before{
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eee;
    top: -8px;
    left: 13px;
}*/
.pure-menu.menu-top {
    background: #eee;
    padding: 3px 0;
    border-bottom: 1px solid #ddd;
}

.pure-menu.menu-bottom {
    background: #eee;
    padding: 3px 0;
    border-top: 1px solid #ddd;
    color: #333;
}

.icon-menu-item img {
    width: 22px;
    vertical-align: -6px;
    margin-right: 10px;
    image-rendering: -webkit-optimize-contrast;
}

.pure-menu-item.first {
    background-color: #eee;
    position: relative;
}

.pure-menu-link.home {
    color: #da251c;
}

.close-item {
    position: absolute;
    right: 5px;
    top: 8px;
}

    .close-item .fa {
        margin-right: 5px;
    }

.pure-menu-link.promotion {
    color: #e74c3c;
}

.pure-menu-link.suplink .fa-chevron-right {
    font-size: 11px;
    color: #29abdf;
    padding-right: 5px;
}

.meta-app {
    width: 90%;
    margin: auto;
    padding: 10px 0;
    text-align: center;
}

    .meta-app .title-app {
        font-size: 12px;
        margin-bottom: 10px;
    }

.app-store a {
    margin: 0 5px;
    width: 110px;
    display: inline-block;
}

.app-store img {
    width: 100px;
}

.logo-m {
    width: 126px;
    margin-left: -15px;
}

.logo {
    background-image: url(../images/logo-web-meta.svg);
    background-image: -webkit-image-set(url(../images/logo-web-meta.svg)1x,url(../images/logo-web-meta.svg) 2x);
    height: 40px;
    display: block;
    margin: auto;
    background-size: 110px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

@media (min-width:980px) {
    /*Fix: Man hinh review cua Ms Tuyen kich thuoc khong tieu chuan ko hien thi Logo*/
    .logo {
        background-position: left;
    }
}

.phone-box {
    font-size: 16px;
}

.phone-hover {
    position: absolute;
    right: 48px;
    top: 12px;
    cursor: pointer;
}

.phone-box .fa-phone {
    font-size: 22px;
    line-height: .9em;
    color: #fff;
    float: left;
}

.title-icon-top {
    color: #fff;
    margin-left: 5px;
    display: none;
}

.phone-list {
    position: absolute;
    border: 1px solid #ddd;
    line-height: 25px;
    z-index: 998;
    background: #fff;
    padding: 5px 10px;
    top: 39px;
    width: calc(100% - 20px);
    right: 0px;
    display: none;
    text-indent: 1px;
}

    .phone-list:before {
        position: absolute;
        content: "";
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        top: -8px;
        right: 47px;
    }

    .phone-list:after {
        content: "";
        position: absolute;
        width: 40px;
        height: 20px;
        background: transparent;
        top: -11px;
        right: 30px;
        z-index: 8;
    }

.phone-list-item {
    margin: 5px 0;
}

.hotline-title .fa {
    color: #888;
    margin-right: 7px;
}

.hotline-title {
    min-width: 152px;
    display: inline-block;
}

    .hotline-title.email i {
        display: none;
    }

    .hotline-title.email::before {
        content: "";
        font: normal normal normal 14px/1 FontAwesome;
        color: #888;
        margin-right: 10px;
    }

.number-phone {
    color: #da251c;
    display: inline-block;
    font-weight: bold;
}

.txt-timer {
    display: inline-block;
}

.phone-box:hover .phone-list,
.phone-box.x-hover .phone-list {
    display: block;
}

.wrap-supp-inner {
    position: absolute;
    border: 1px solid #ddd;
    line-height: 25px;
    z-index: 998;
    background: #fff;
    padding: 5px 10px;
    width: auto;
    right: 80px;
    top: 50px;
    display: none;
}

    .wrap-supp-inner:before {
        position: absolute;
        content: "";
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        top: -8px;
        right: 20px;
    }

.supp-inner-item .fa {
    color: #888;
    margin-right: 7px;
}

.supp-inner-item a:hover {
    color: #da251c;
}

.support-box:hover .wrap-supp-inner {
    display: block;
    font-size: 16px;
}

.cart-link {
    position: absolute;
    right: 80px;
    top: 6px;
}

.supp-inner-item {
    margin-bottom: 5px;
    font-size: 16px;
}

    .supp-inner-item i {
        width: 14px;
        text-align: center;
    }

    .supp-inner-item img {
        width: 16px;
        margin-right: 6px;
        text-align: center;
        vertical-align: -2px;
        display: inline-block;
    }

.cart-box {
}

    .cart-box .fa-shopping-cart {
        font-size: 22px;
        line-height: .9em;
        color: #fff;
        margin-top: 5px;
        box-sizing: border-box;
    }

.cart-product-box {
    width: 100%;
    position: fixed;
    line-height: 25px;
    z-index: 999;
    background: #fff;
    top: 0px;
    right: 0px;
    left: 0;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    height: 100vh;
    overflow-y: auto;
}

.cart-product-empty, .list-prod-incart {
    background-color: #fff;
}

.cart-product-box:target {
    visibility: visible;
    opacity: 1;
}
/*.list-notications-box.bell:before, .cart-product-box:before{
    position: fixed;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(50, 50, 50, 0.5);
        z-index: -999;
        content: "";
        left: 0;
}*/
.count-cart {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #f9ea19;
    z-index: 99;
    position: absolute;
    left: 15px;
    text-align: CENTER;
    font-size: 11px;
    top: -3px;
}

.cart-product-box .title-cart-box {
    font-weight: bold;
    background-color: #f2f2f2;
    line-height: 40px;
    font-size: 16px;
}

    .cart-product-box .title-cart-box::before {
        content: "";
        font: normal normal normal 28px/1 FontAwesome;
        color: #19abe0;
        width: 42px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

.title-have {
    font-size: 14px;
    color: #333;
    text-transform: none;
    margin-left: 5px;
    vertical-align: middle;
}

.title-cart-box .close-item,
.title-notication .close-item {
    text-transform: none;
    font-size: 16px;
    top: 0;
}

.noti-cart-empty {
    text-align: center;
    padding: 10px 0;
}

.icon-cart-empty img {
    width: 80px;
}

.txt-cart-empty {
    font-size: 15px;
}

.list-notications-box.cart {
    display: block;
    position: initial;
}

.buy-all {
    background-color: #0071c4;
    width: 160px;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 3px 2px 3px;
    border-radius: 2px;
    margin: 0 auto 15px;
}

    .buy-all a {
        color: #fff !important;
        display: block;
    }

.select-prod {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select-prod input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkprod {
    position: absolute;
    top: 20px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #2196F3;
    border-radius: 3px;
}

.select-prod:hover input ~ .checkprod,
.select-prod.x-hover input ~ .checkprod {
    background-color: #fff;
}

.select-prod input:checked ~ .checkprod {
    background-color: #2196F3;
}

.checkprod:after {
    content: "";
    position: absolute;
    display: none;
}

.select-prod input:checked ~ .checkprod:after {
    display: block;
}

.select-prod .checkprod:after {
    left: 4px;
    top: -1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-notications-box.cart .viewed-left,
.list-prod-incart .viewed-left {
    margin-left: 20px;
}

.list-notications-box.cart .viewed-right,
.list-prod-incart .viewed-right {
    width: calc(100% - 140px);
}

.box-among-incart tr td {
    border: 1px solid #dfdfdf;
}

.btn-among {
    border: none;
    background: #fff;
    padding: 2px 10px;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.form-among {
    border: none;
    background: #fff;
    font-size: 16px;
    width: 35px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0 !important;
    height: 27px;
}

.input-group-btn {
    margin: 0;
}
/*.input-group-btn:hover .btn-among.up,
.input-group-btn.x-hover .btn-among.up,
.input-group-btn:hover .btn-among.down,
.input-group-btn.x-hover .btn-among.down{background: #ddd;}*/
.incart-total {
    padding: 5px 10px;
}

.total-sum-row {
    line-height: 30px;
    text-align: center;
}

    .total-sum-row b {
        margin-left: 50px;
    }

.link-support {
    position: absolute;
    right: 47px;
    top: 9px;
}

    .link-support .fa-question-circle {
        font-size: 22px;
        color: #fff;
    }

.notica-link {
    position: absolute;
    right: 15px;
    top: 10px;
}

    .notica-link .fa-user {
        font-size: 20px;
        color: #fff;
    }

.txt-login {
    display: block;
}

.txt-login-more {
    display: block;
    font-size: 11px;
}

.list-notications-box {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 8888;
    right: 0;
    top: 0px;
    /*border-bottom: 1px solid #ddd;*/
    height: 100vh;
    overflow-y: auto;
}

    .list-notications-box.bell:target {
        visibility: visible;
        opacity: 1;
    }

    .list-notications-box.bell {
        transition: opacity 500ms;
        visibility: hidden;
        opacity: 0;
    }

.account-box {
    background-color: #fff;
}

#login-account {
    padding: 20px;
}

.account-input {
    border: 1px solid #ddd;
    width: calc(100% - 2px);
    font-size: 16px;
    height: 30px !important;
    text-indent: 5px;
    margin-bottom: 10px !important;
    border-radius: 3px !important;
}

.login-submit {
    margin-bottom: 10px;
}

.btn-login:hover {
    cursor: pointer;
}

.btn-login {
    width: 100%;
    height: 33px;
    background-color: #19abe0;
    border: none;
    color: #fff;
}

.divider {
    text-align: center;
    font-size: 13px;
    color: #999;
    position: relative;
    margin-bottom: 12px;
    margin-top: 30px;
}

    .divider span {
        display: inline-block;
        background-color: #fff;
        position: relative;
        padding: 0 8px;
    }

    .divider:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-bottom: 1px dashed #efefef;
    }

.login-social-wrap {
    display: block;
}

    .login-social-wrap.G {
        margin-top: 15px;
    }

.btn-sc {
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: none;
    width: 100%;
}

    .btn-sc.btn-facebook {
        background-color: #39579a;
        color: #fff;
        border: 1px solid #39579a;
    }

    .btn-sc.btn-google {
        background-color: #fff;
        border: 1px solid #ddd;
    }

.icon-face {
    background: url(../images/facebook-logo.png)no-repeat;
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}

.icon-google {
    background: url(../images/google-icon.png)no-repeat;
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 10px;
}

.account-forget-pass {
    display: inline-block;
    float: left;
}

.account-row a {
    color: #0071c4;
}

.account-register {
    display: inline-block;
    float: right;
}

.txt-login-more b {
    color: #fffc00;
}

.account-box.acc-info {
    padding: 10px;
}

.acc-info-row-item.name {
    display: inline-block;
    text-indent: 0;
}

.acc-info-row {
    width: 45%;
    display: inline-block;
}

.acc-avata-user {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    border-radius: 50%;
    display: inline-block;
}

    .acc-avata-user img {
        max-width: 100%;
        border-radius: 50%;
    }

.acc-info-item .fa {
    margin-right: 5px;
}

.acc-info-item {
    line-height: 24px;
    font-size: 16px;
    margin: 5px 0;
}

    .acc-info-item a .fa {
        color: #0071c4;
    }

.title-notication {
    height: 36px;
    line-height: 36px;
    background-color: #f2f2f2;
    text-indent: 12px;
    font-weight: bold;
    font-size: 16px;
}

    .title-notication:nth-child(1)::before {
        content: "\f007";
        font: normal normal normal 20px/1 FontAwesome;
        color: #19abe0;
        margin-right: 5px;
        vertical-align: middle;
    }

    .title-notication.title-notication-viewed::before {
        display: none;
    }

.product-viewed-item {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
}

.viewed-left {
    width: 80px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.viewed-thumb img {
    width: 80px;
}

.viewed-discount {
    position: absolute;
    right: 0;
    top: 0;
    background: #da251c;
    padding: 0 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
}

.viewed-delete {
    color: #666666;
    font-size: 12px;
}

.viewed-right {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: calc(100% - 95px);
}

.prod-visited-manuf a {
    color: #19abe0;
}

.prod-visited-price-m {
    color: #da251c;
}

.prod-visited-timer {
    color: #666;
    font-size: 12px;
}

.prod-visited-attri {
    margin-bottom: 5px;
}

.visited-attri-item {
    margin-left: 5px;
}

    .visited-attri-item.first {
        margin-left: 0;
    }

.visited-buy-now {
    background-color: #da251c;
    width: 100px;
    text-align: center;
    padding: 2px 0;
    border-radius: 2px;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

    .visited-buy-now a {
        color: #fff !important;
        display: block;
    }

.product-viewed-more {
    width: 100%;
    text-align: center;
    padding: 5px 0;
}

    .product-viewed-more a {
        color: #19abe0;
    }

.promotion-view-box .list-promotion-banner {
    padding: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.promotion-banner-item {
    display: inline-block;
    border: 1px solid #777;
    margin-right: 5px;
    height: auto;
}

    .promotion-banner-item img {
        width: 240px;
        height: 149px;
    }

    .promotion-banner-item a {
        display: flex;
    }

.login-box {
    width: 100%;
    text-align: center;
    padding: 10px 0 20px;
    background-color: #fff;
}

.promotion-view-box, .product-viewed {
    background-color: #fff;
}

.button-member {
    color: #fff;
    height: 24px;
    width: 120px;
    border: none;
    margin: 0 10px !important;
}

    .button-member.login {
        background-color: #0066cc;
    }

    .button-member.register {
        background-color: #ff6600;
    }

.box-search {
    width: calc(100% - 24px);
    margin: auto;
}

.txtsearch {
    width: 100%;
    border: none !important;
    border-radius: 2px;
    text-indent: 10px;
    height: 32px;
    font-size: 16px;
    box-sizing: border-box;
    padding-right: 80px !important;
}

    .txtsearch.has-mic {
        padding-right: 100px !important;
    }

    .txtsearch:focus {
        outline: none;
    }

.frmsearch {
    position: relative;
    padding-bottom: 10px;
}

.btnFindSearch {
    background: url(../images/Search-48.png)no-repeat center center;
    background-size: 18px;
    border: none;
    width: 30px;
    height: 30px;
    text-indent: 30px;
}

.btnSearch {
    position: absolute;
    top: 0;
    right: 0px;
}

    .btnSearch input:hover {
        cursor: pointer;
    }

#slogan-main {
    display: block;
    padding-bottom: 13px;
}

#checkout #slogan-main {
    display: block;
    background-color: #eee;
}

#checkout .slogan-body,
#tragop .slogan-body {
    display: none;
}

#checkout .slogan-top {
    padding-bottom: 15px;
    font-size: 14px;
    margin-top: 0px;
    font-weight: 700;
}

.slogan-top {
    text-align: center;
    font-size: 20px;
    clear: both;
}

.slogan-body {
    background-color: #fff;
    padding: 15px 0 10px;
}

.row-slogan {
    width: calc(100% - 10px);
    justify-content: space-between;
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 0 5px;
}

    .row-slogan a {
        color: #333 !important;
    }

.slogan-item {
    display: inline-block;
    text-align: center;
}

.service-name {
    font-size: 18px;
    vertical-align: 18px;
    margin-left: 5px;
}

.ac_results {
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 0px 3px 1px rgba(0,0,0,.15);
}

    .ac_results li {
        padding: 3px 5px;
        font-size: 13px;
    }

        .ac_results li:hover {
            cursor: pointer;
        }

td.ac-price {
    color: #da251c;
}

.ac-img img {
    max-width: 30px;
    padding: 5px;
    max-height: 30px;
}

li.ac_odd {
    background-color: #eee;
}

.ac_over, .ac_over a, .ac_over .ac-price {
    background-color: #080;
    color: #fff !important;
}

    .ac_over i {
        color: #ffb909 !important;
        font-weight: 500;
    }

.ac_odd.ac_over {
    background-color: #080;
    color: #fff;
}

.ac_over .ac-st font {
    color: #fff;
}

/*Style Footer*/
#footer-m {
    background-color: #fff;
    margin-bottom: -20px;
}

.menu-footer {
    width: 100%;
}

.row-footer {
    padding: 8px 10px 10px 10px;
    border-bottom: 1px solid #76767661;
    border-top: 1px solid #f1f1f19e;
}

    .row-footer.support {
        border-top: none;
    }

.bar-row-title {
    font-weight: bold;
    font-size: 16px;
}

.column-supp {
    width: 20%;
    display: inline-block;
    line-height: 26px;
}

    .column-supp.region {
        width: 38%;
    }

.region-name .fa-phone-square {
    color: #da251c;
    margin-right: 5px;
}

.region-phone, .region-phone a {
    color: #2f80ed;
    font-weight: bold;
}

.title-supp-pc {
    color: #333;
    margin-right: 5px;
    display: none;
}

.row-timer {
    border-top: 1px solid #f1f1f19e;
    padding: 5px 0;
}

.timer-item {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

    .timer-item.region {
        width: 75%;
    }

.body-connect, .body-verified {
    text-align: center;
}

.box-social {
    text-align: center;
    margin: 10px 0;
    display: inline-block;
}

.social-item {
    width: 50px;
    margin: 0 3px 5px 3px;
    display: inline-block;
}

    .social-item a {
        height: 32px;
    }

.name-social {
    font-size: 12px;
    display: none;
}

.title-app-name {
    font-size: 18px;
    display: none;
}

.row-footer.payment {
    display: none;
}

.bar-row-payment {
    font-weight: 500;
    font-size: 16px;
}

.body-payment {
    text-align: center;
}

.body-verified .verified-item {
    display: inline-block;
    width: 80px;
    margin-right: 3px;
}

.verified-item.tinnhiem img {
    height: 30px;
    vertical-align: 5px;
}

.verified-item.dmca {
    vertical-align: 5px;
}

.verified-item img {
    max-width: 100%;
}

/*.lazy-img {
    background: transparent url(/logos/img-holder.png) center center no-repeat;
}

.lazy-loaded {
    background: none;
}*/

.language a {
    color: #132571;
}

.name-company {
    text-transform: uppercase;
    font-weight: bold;
}

.name-slogan {
    line-height: 16px;
}

.email-add {
    display: none;
}

.address-company {
    margin: 10px 0;
    line-height: 22px;
}

.title-row-info {
    font-weight: 500;
    position: relative;
    font-size: 16px;
}

.info-another {
    border-bottom: 1px solid #76767661;
    border-top: 1px solid #f1f1f19e;
    padding: 5px 0;
}

    .info-another.support-cust {
        border-top: none;
    }

    .info-another.about-meta, .row-footer.info {
        border-bottom: none;
    }

.list-info-another {
    padding: 0 10px;
}

    .list-info-another .info-another-item {
        margin: 8px 0;
    }

.arrow-icon {
    background: url(../images/arrow-down.png)no-repeat center;
    transition: all 0.3s ease;
    position: absolute;
    width: 24px;
    height: 24px;
    background-size: 12px;
    right: 6px;
    top: 1px;
}

.list-info-another {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/*.name-dkdn {
    display: none;
}*/

.expanded .list-info-another {
    max-height: 500px;
}

.expanded .arrow-icon {
    transform: rotate(180deg);
}

.border-bottom-pc-1 {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 48px;
    display: none;
}

.border-bottom-pc-2 {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 98px;
    display: none;
}

.has-license ~ .border-bottom-pc-2 {
    margin-top: 105px;
}

.phone-add {
    display: block;
}

.qrcode-app {
    width: 40px;
    height: 40px;
    display: none;
}

    .qrcode-app img {
        max-width: 100%;
    }

#scrolltop {
    background-color: #c2c2c2;
    bottom: 2em;
    color: #333 !important;
    display: none;
    text-align: center;
    opacity: .5;
    line-height: 33px;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    position: fixed;
    right: 10px;
    text-decoration: none;
    z-index: 99;
}

    #scrolltop:before {
        background: url(https://meta.vn/Data/image/2021/05/10/up-icon.png)no-repeat;
        width: 24px;
        height: 24px;
        content: "";
        display: block;
        left: 6px;
        position: absolute;
        top: 6px;
    }

    #scrolltop .fa {
        font-size: 1.3em;
    }

    #scrolltop:hover,
    #scrolltop.x-hover {
        opacity: 1;
        transition: 1s;
    }

/*style trang login*/
.wrap-login {
    background-color: #fff;
    width: 100%;
}

.wrap-box-login {
    width: calc(100% - 20px);
    margin: 0px auto;
    border-radius: 3px 3px 0 0;
    padding: 10px 0;
}

.tabLogin {
    position: relative;
}

.title-tabLg {
    background-color: #0071c4;
    padding: 5px 5px 0px 5px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #0071c4;
    border-bottom: none;
}

    .title-tabLg > input[type="radio"] {
        position: absolute;
        left: -100px;
        top: -100px;
    }

        .title-tabLg > input[type="radio"] + label {
            display: inline-block;
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            text-align: center;
            white-space: nowrap;
            padding: 5px 10px;
        }

        .title-tabLg > input[type="radio"]:checked + label {
            font-weight: bold;
            color: #333;
            background-color: #fff;
            border-top: 1px solid #0071c4;
            border-radius: 3px 3px 0 0;
            padding: 5px 10px;
        }

.tabLogin section {
    display: none;
    padding: 10px 0 0;
    border: 1px solid #ddd;
    border-radius: 0 0 3px 3px;
    border-top: none;
}

.tab-content-Lg.active {
    display: block;
}

.box-Lg-inner {
    padding: 0 10px 10px;
}

    .box-Lg-inner .divider {
        margin-top: 0;
    }

.rg-chinhsach {
    font-size: 11px;
}

    .rg-chinhsach a {
        color: #0071c4;
    }

.receive-email {
    margin: 10px 0;
}

.newletter-check {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .newletter-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.letter-check {
    position: absolute;
    top: 1px;
    left: 0px;
    height: 12px;
    width: 12px;
    background-color: #fff;
    border: 1px solid #2196F3;
    border-radius: 3px;
}

    .letter-check:after {
        content: "";
        position: absolute;
        display: block;
    }

.newletter-check .letter-check:after {
    left: 3px;
    top: -1px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lable-title-letter {
    margin-left: 20px;
}

.newletter-check input:checked ~ .letter-check {
    background-color: #2196F3;
}

.note-resetpass {
    margin-top: 10px;
}

.visited-page .prod-title {
    padding: 5px;
}

.prod-item, .list-sort label {
    cursor: pointer;
}

.countdown-product {
    position: relative;
    clear: both;
    width: 100%;
    display: inline-block;
    margin-top: 0px;
    background: #da251c;
    line-height: 22px;
    color: #fff;
    padding: 0 1px;
    z-index: 2;
}

.cdown-pro-left {
    padding-left: 14px;
    font-size: 12px;
    display: inline-block;
}

    .cdown-pro-left:before {
        background: url(/Data/image/2020/11/06/icon-fs.png) no-repeat;
        content: "";
        position: absolute;
        height: 24px;
        width: 15px;
        left: 2px;
        background-size: 12px;
    }

.cdown-pro-right {
    display: inline-block;
    float: right;
    padding-right: 5px;
}

    .cdown-pro-right #flashsale {
        color: #fff;
        font-size: 12px;
    }

.phone-box:hover .phone-hover-bg,
.support-box:hover .phone-hover-bg {
    height: 15px;
    width: 300px;
    position: absolute;
    right: 0;
    top: 35px;
}

.hotro-xeo-top {
    padding: 10px 5px;
}

.filter-xeo-desc, .hotro-xeo-desc {
    display: contents;
}

.filter-xeo-number {
    font-size: 14px;
}

.ac_wrapper {
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 1200px) {
    .wrap {
        width: 1236px;
    }

    .box-top-menu {
        height: 50px;
        top: 12.5px;
    }

    .box-header {
        height: 50px;
        box-shadow: 1px 1px 1px 1px #33333340;
    }

    .logo-m {
        margin-top: 5px;
        margin-left: 70px;
    }

    .logo {
        top: 5px;
        width: 110px;
    }

    .box-search {
        width: 540px;
        position: absolute;
        top: 20.5px;
        margin-left: 245px;
    }

    .title-icon-top {
        display: inline-block;
        vertical-align: middle;
    }

    .notica-link {
        width: 120px;
        right: 5px;
        top: 18px;
    }

    .cart-link {
        right: 310px;
        top: 12px;
    }

    .link-support {
        right: 85px;
        top: 15px;
    }

    .cart-product-box {
        width: 700px;
        margin: auto;
        box-shadow: 0 0 1px 2px rgba(0,0,0,.15) !important;
        top: 75px;
    }

    .list-notications-box, .cart-product-box {
        height: calc(100vh - 100px);
    }

        .list-notications-box.bell {
            top: 75px;
            width: 900px;
            margin: auto;
            box-shadow: 0 0 1px 2px rgba(0,0,0,.15) !important;
            left: 0;
        }

    .login-account-left {
        width: 240px;
        display: inline-block;
        vertical-align: middle;
    }

    .divider {
        display: inline-block;
        margin: 0px 5px;
    }

    .login-social {
        width: 240px;
        vertical-align: -24px;
        display: inline-block;
    }

    .phone-list {
        top: 50px;
        width: 300px;
    }

        .phone-list:before {
            right: 205px;
        }

    .phone-hover {
        top: 18px;
        right: 180px;
    }

    .txtsearch {
        height: 33px !important;
        font-size: 14.5px;
        padding-right: 110px !important;
    }

    #FindSubmit {
        height: 33px;
        width: 90px;
        background-color: #ddd;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
    }

    #txtQuery:placeholder-shown {
        text-indent: 32px;
    }

    #txtQuery:focus {
        text-indent: 10px;
    }

    #txtQuery:placeholder-shown ~ .head-icon-search {
        display: block;
    }

    #txtQuery:focus ~ .head-icon-search, #txtQuery:not(:placeholder-shown) ~ .head-icon-search {
        display: none;
    }

    .txtsearch {
        font-size: 14.5px;
    }

    .head-icon-search {
        background: url(/themes/meta.vn/images/Search-48.png)no-repeat center center;
        background-size: 18px;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 8px;
        left: 8px;
        display: none;
    }

    .btnFindSearch {
        width: 100%;
        height: 100%;
        background-position: 5px;
        padding-left: 20px;
        text-indent: 0px;
        background: none;
    }

    .button-home-nav {
        position: absolute;
        top: 95px;
        z-index: 99;
    }

        .button-home-nav .button-home-inner {
            width: 245px;
            background-color: #fff;
            height: 34px;
            border-bottom: 1px solid #ddd;
            display: inline-block;
        }

    .icon-home {
        background-image: url(../images/icon-home-main-red.png);
        background-image: -webkit-image-set(url(../images/icon-home-main-red.png)1x,url(../images/icon-home-main-red-x2.png) 2x);
        width: 23px;
        height: 34px;
        display: inline-block;
        margin-left: 15px;
    }
    /*.icon-home:before{
        color: #da251c;
        top: -6px;
    }*/
    .title-menu-nav {
        /*text-transform: uppercase;*/
        /*color: #da251c;*/
        color: #333;
        font-size: 16px;
        font-weight: 500;
        margin-left: 15px;
        display: inline-block;
        line-height: 36px;
        vertical-align: top;
    }

    #footer-m {
        background-color: #fff;
        padding-bottom: 20px !important;
    }

        #footer-m .wrap {
            position: relative;
        }

    .title-supp-pc {
        display: inline-block;
    }

    .column-supp-title, .row-timer, .arrow-icon, .expanded .arrow-icon {
        display: none;
    }

    .column-supp {
        display: unset;
    }

    .row-footer {
        border-bottom: none;
        border-top: none;
    }

        .row-footer.support {
            width: 200px;
            border-bottom: none;
            margin-top: 10px;
        }

    .region-name {
        font-weight: bold;
        margin-top: 10px;
    }

    .info-another.support-cust {
        position: absolute;
        top: 0;
        left: 220px;
    }

    .info-another.account-manager {
        position: absolute;
        top: 0;
        left: 550px;
    }

    .info-another {
        border-bottom: none;
    }

        .info-another.about-meta {
            position: absolute;
            top: 0;
            right: 345px;
        }

    .row-footer.connect {
        position: absolute;
        top: 0;
        right: -75px;
        border-bottom: none;
        border-top: none;
    }

    .title-app-name {
        display: inline-block;
        margin-right: 20px;
    }

    .box-social.app {
        position: absolute;
        left: -965px;
        top: 350px;
        width: 500px;
        text-align: left;
        margin-left: 10px;
    }

    .social-item {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

        .social-item a {
            display: inline-block;
        }

    .box-social.app .name-social {
        font-weight: bold;
    }

    .qrcode-app {
        display: block;
        position: absolute;
        right: -40px;
        bottom: 5px;
    }

    .name-social {
        display: inline-block;
        vertical-align: 11px;
    }

    .row-footer.info {
        border-top: 1px solid #ccc;
        margin-top: 5px;
    }
    #detail .row-footer.info {
        /*margin-top: -80px;*/
    }
    #detail .box-social.app {
        /*top: 265px;*/
    }
    #detail .row-footer.verified {
        /*top: 260px;*/
    }
    #detail .brand-company {
        /*top: 340px;*/
    }
    #detail .address-company {
        /*top: 320px;*/
    }
    .row-footer.payment {
        display: block;
        position: absolute;
        right: 0;
        border-bottom: none;
        top: 365px;
    }

    .social-item.appstore, .social-item.googleplay {
        width: 22%;
        vertical-align: middle;
    }

    .bar-row-payment {
        font-size: 18px;
        font-weight: normal;
        display: inline-block;
    }

    .body-payment {
        display: inline-block;
        vertical-align: middle;
    }

    .name-slogan {
        margin-bottom: 5px;
    }

    .bar-row-title.veri {
        display: none;
    }

    .brand-company {
        position: absolute;
        left: 10px;
        top: 420px;
    }

    .row-footer.verified {
        position: absolute;
        right: -17px;
        top: 345px;
    }

    .body-verified .verified-item {
        width: 120px;
    }

    .verified-item.tinnhiem img {
        height: 42px;
        vertical-align: 5px;
    }

    .name-company {
        font-weight: normal;
        font-size: 20px; /*margin-bottom: 5px;*/
    }

    .phone-add, .email-add, .border-bottom-pc-1, .border-bottom-pc-2 {
        display: block;
    }

    .border-bottom-pc-2 {
        margin-top: 90px;
        border-top: none;
    }

    .address-company {
        position: absolute;
        top: 400px;
        right: 0px;
        width: calc(100% - 697px);
        background: #fff;
        padding: 10px 10px 5px 15px;
    }
    /*.has-license .address-company {
        top: 525px;
    }*/

    .list-info-another {
        min-height: 320px !important;
        padding: 0;
    }

    .add-footer {
        display: inline-block;
        min-width: 300px;
    }

    .phone-add {
        display: inline-block;
    }

    .name-dkdn {
        display: block;
    }

    #slogan-main {
        display: block;
        padding-bottom: 5px;
    }

    #detail .title-menu-nav,
    #catpage-m .title-menu-nav,
    #catpagesub-m .title-menu-nav,
    #brand .title-menu-nav,
    #checkout .title-menu-nav,
    #checkout-complete .title-menu-nav,
    #searchpage .title-menu-nav,
    #Promotion .title-menu-nav,
    #microsite .title-menu-nav,
    #intro-meta .title-menu-nav,
    #member .title-menu-nav,
    #view-video .title-menu-nav,
    #hotro .title-menu-nav,
    #loginpage .title-menu-nav,
    #baohanh .title-menu-nav,
    #tragop .title-menu-nav,
    #travandon .title-menu-nav,
    #compare .title-menu-nav {
        display: none;
    }

    #detail .button-home-nav .button-home-inner,
    #catpage-m .button-home-nav .button-home-inner,
    #catpagesub-m .button-home-nav .button-home-inner,
    #brand .button-home-nav .button-home-inner,
    #checkout .button-home-nav .button-home-inner,
    #checkout-complete .button-home-nav .button-home-inner,
    #searchpage .button-home-nav .button-home-inner,
    #Promotion .button-home-nav .button-home-inner,
    #microsite .button-home-nav .button-home-inner,
    #intro-meta .button-home-nav .button-home-inner,
    #member .button-home-nav .button-home-inner,
    #view-video .button-home-nav .button-home-inner,
    #hotro .button-home-nav .button-home-inner,
    #loginpage .button-home-nav .button-home-inner,
    #baohanh .button-home-nav .button-home-inner,
    #tragop .button-home-nav .button-home-inner,
    #travandon .button-home-nav .button-home-inner,
    #compare .button-home-nav .button-home-inner {
        background: none;
        border: none;
        cursor: pointer;
    }

    #detail .button-home-nav,
    #catpage-m .button-home-nav,
    #brand .button-home-nav,
    #catpagesub-m .button-home-nav,
    #checkout .button-home-nav,
    #checkout-complete .button-home-nav,
    #searchpage .button-home-nav,
    #Promotion .button-home-nav,
    #microsite .button-home-nav,
    #intro-meta .button-home-nav,
    #member .button-home-nav,
    #view-video .button-home-nav,
    #hotro .button-home-nav,
    #loginpage .button-home-nav,
    #baohanh .button-home-nav,
    #tragop .button-home-nav,
    #travandon .button-home-nav,
    #compare .button-home-nav {
        top: 8px;
        left: 0;
    }

    #detail .icon-home,
    #catpage-m .icon-home,
    #brand .icon-home,
    #catpagesub-m .icon-home,
    #checkout .icon-home,
    #checkout-complete .icon-home,
    #searchpage .icon-home,
    #Promotion .icon-home,
    #microsite .icon-home,
    #intro-meta .icon-home,
    #member .icon-home,
    #view-video .icon-home,
    #hotro .icon-home,
    #loginpage .icon-home,
    #baohanh .icon-home,
    #travandon .icon-home,
    #compare .icon-home {
        background-image: url(../images/icon-home-main.png);
        background-image: -webkit-image-set(url(../images/icon-home-main.png)1x,url(../images/icon-home-main-x2.png) 2x);
        margin-left: 0;
    }

    #detail .menu-box,
    #catpage-m .menu-box,
    #brand .menu-box,
    #catpagesub-m .menu-box,
    #checkout .menu-box,
    #checkout-complete .menu-box,
    #searchpage .menu-box,
    #Promotion .menu-box,
    #microsite .menu-box,
    #intro-meta .menu-box,
    #member .menu-box,
    #view-video .menu-box,
    #hotro .menu-box,
    #loginpage .menu-box,
    #baohanh .menu-box,
    #tragop .menu-box,
    #travandon .menu-box,
    #compare .menu-box {
        top: 54.5px;
        left: 0px;
        box-shadow: 1px 0px 1px 0px rgba(0,0,0,.15);
        height: auto;
        overflow-y: unset;
    }

    #catpage-m .menu-box,
    #brand .menu-box,
    #catpagesub-m .menu-box,
    #checkout .menu-box,
    #checkout-complete .menu-box,
    #searchpage .menu-box,
    #Promotion .menu-box,
    #microsite .menu-box,
    #intro-meta .menu-box,
    #member .menu-box,
    #view-video .menu-box,
    #hotro .menu-box,
    #loginpage .menu-box,
    #baohanh .menu-box,
    #tragop .menu-box,
    #travandon .menu-box,
    #compare .menu-box {
        display: none;
    }

    #detail .button-home-nav.x-hover .menu-box,
    #catpage-m .button-home-nav.x-hover .menu-box,
    #brand .button-home-nav.x-hover .menu-box,
    #catpagesub-m .button-home-nav.x-hover .menu-box,
    #checkout .button-home-nav.x-hover .menu-box,
    #checkout-complete .button-home-nav.x-hover .menu-box,
    #searchpage .button-home-nav.x-hover .menu-box,
    #Promotion .button-home-nav.x-hover .menu-box,
    #microsite .button-home-nav.x-hover .menu-box,
    #intro-meta .button-home-nav.x-hover .menu-box,
    #member .button-home-nav.x-hover .menu-box,
    #view-video .button-home-nav.x-hover .menu-box,
    #hotro .button-home-nav.x-hover .menu-box,
    #loginpage .button-home-nav.x-hover .menu-box,
    #baohanh .button-home-nav.x-hover .menu-box,
    #tragop .button-home-nav.x-hover .menu-box,
    #travandon .button-home-nav.x-hover .menu-box,
    #compare .button-home-nav.x-hover .menu-box {
        display: block;
        box-shadow: 1px 0px 1px 0px rgba(0,0,0,.15);
    }

    @media (hover:hover) {
        #detail .button-home-nav:hover .menu-box,
        #catpage-m .button-home-nav:hover .menu-box,
        #brand .button-home-nav:hover .menu-box,
        #catpagesub-m .button-home-nav:hover .menu-box,
        #checkout .button-home-nav:hover .menu-box,
        #checkout-complete .button-home-nav:hover .menu-box,
        #searchpage .button-home-nav:hover .menu-box,
        #Promotion .button-home-nav:hover .menu-box,
        #microsite .button-home-nav:hover .menu-box,
        #intro-meta .button-home-nav:hover .menu-box,
        #member .button-home-nav:hover .menu-box,
        #view-video .button-home-nav:hover .menu-box,
        #hotro .button-home-nav:hover .menu-box,
        #loginpage .button-home-nav:hover .menu-box,
        #baohanh .button-home-nav:hover .menu-box,
        #tragop .button-home-nav:hover .menu-box,
        #travandon .button-home-nav:hover .menu-box,
        #compare .button-home-nav:hover .menu-box {
            display: block;
            box-shadow: 1px 0px 1px 0px rgba(0,0,0,.15);
        }
    }

    #detail .menu-box:before, #catpage-m .menu-box:before, #brand .menu-box:before, #catpagesub-m .menu-box:before, #checkout .menu-box:before, #checkout-complete .menu-box:before, #searchpage .menu-box:before, #Promotion .menu-box:before, #microsite .menu-box:before, #intro-meta .menu-box:before, #member .menu-box:before, #view-video .menu-box:before, #hotro .menu-box:before, #loginpage .menu-box:before, #baohanh .menu-box:before, #tragop .menu-box:before, #travandon .menu-box:before, #compare .menu-box:before {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 245px;
        height: 14px;
        /*border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #fff;*/
        top: -14px;
        left: 0px;
    }

    #catpage-m .menu-box:after,
    #brand .menu-box:after,
    #detail .menu-box:after,
    #catpagesub-m .menu-box:after,
    #checkout .menu-box:after,
    #checkout-complete .menu-box:after,
    #searchpage .menu-box:after,
    #Promotion .menu-box:after,
    #microsite .menu-box:after,
    #intro-meta .menu-box:after,
    #member .menu-box:after,
    #view-video .menu-box:after,
    #hotro .menu-box:after,
    #loginpage .menu-box:after,
    #baohanh .menu-box:after,
    #tragop .menu-box:after,
    #travandon .menu-box:after,
    #compare .menu-box:after {
        position: absolute;
        width: 2000px;
        height: 100vh;
        z-index: -99;
        background: rgba(0, 0, 0, 0.35);
        content: "";
        top: 0;
        left: -300px;
        pointer-events: none;
    }

    #detail .pure-menu-allow-hover:hover > .pure-menu-children,
    #detail .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #catpage-m .pure-menu-allow-hover:hover > .pure-menu-children,
    #catpage-m .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #brand .pure-menu-allow-hover:hover > .pure-menu-children,
    #brand .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #catpagesub-m .pure-menu-allow-hover:hover > .pure-menu-children,
    #catpagesub-m .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #checkout .pure-menu-allow-hover:hover > .pure-menu-children,
    #checkout .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #checkout-complete .pure-menu-allow-hover:hover > .pure-menu-children,
    #checkout-complete .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #searchpage .pure-menu-allow-hover:hover > .pure-menu-children,
    #searchpage .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #Promotion .pure-menu-allow-hover:hover > .pure-menu-children,
    #Promotion .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #microsite .pure-menu-allow-hover:hover > .pure-menu-children,
    #microsite .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #intro-meta .pure-menu-allow-hover:hover > .pure-menu-children,
    #intro-meta .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #member .pure-menu-allow-hover:hover > .pure-menu-children,
    #member .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #view-video .pure-menu-allow-hover:hover > .pure-menu-children,
    #view-video .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #hotro .pure-menu-allow-hover:hover > .pure-menu-children,
    #hotro .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #loginpage .pure-menu-allow-hover:hover > .pure-menu-children,
    #loginpage .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #baohanh .pure-menu-allow-hover:hover > .pure-menu-children,
    #baohanh .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #tragop .pure-menu-allow-hover:hover > .pure-menu-children,
    #tragop .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #travandon .pure-menu-allow-hover:hover > .pure-menu-children,
    #travandon .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #compare .pure-menu-allow-hover:hover > .pure-menu-children,
    #compare .pure-menu-allow-hover.x-hover > .pure-menu-children {
        top: 0;
    }

    #searchpage .slogan-top {
        padding-top: 45px;
    }

    .wrap-box-login {
        width: 500px;
    }

    .box-Lg-inner .divider {
        display: block;
    }

    .box-Lg-inner .login-social {
        width: 100%;
    }

    #hotro #center-m,
    #baohanh #center-m,
    #baohanh .slogan-top {
        background-color: #fff;
    }

    #hotro .box-header,
    #baohanh .box-header {
        margin-bottom: 5px;
    }

    .promotion-banner-item img {
        width: 360px;
        height: 223px;
    }


    .account-input {
        font-size: 15px;
    }

    /*Nút cộng trừ chỉ đổi background trên PC*/
    .input-group-btn:hover .btn-among.up,
    .input-group-btn.x-hover .btn-among.up,
    .input-group-btn:hover .btn-among.down,
    .input-group-btn.x-hover .btn-among.down {
        background: #ddd;
    }

    .product-viewed-item {
        padding: 10px 15px;
    }

    .account-box.acc-info {
        padding: 10px 20px;
    }
    /*Hiển thị sản phẩm trong giỏ hàng như checkout */

    .list-prod-incart .viewed-right {
        display: inline-flex;
    }

    .list-prod-incart .prod-visited-name {
        width: 40%;
        margin-right: 10px;
    }

    .list-prod-incart .prod-incart-among {
        width: 20%;
        margin-left: 40px;
    }

    .list-prod-incart .prod-visited-manuf {
        margin-right: 10px;
    }

    .list-prod-incart .prod-visited-price-m {
        text-align: right;
        font-weight: 500;
        width: 40%;
    }
    .row-slogan{
        width: calc(100% - 160px);
        padding: 0 80px;
    }

    /*---------------------------------------------*/

    .hotro-xeo-top {
        padding: 10px 0 0;
    }

    .icon-menu-item img {
        margin-right: 15px;
    }
}

@media screen and (min-width: 479px) and (max-width: 979px) {
    #menu-container {
        position: relative;
    }

    nav.button-home-nav {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .phone-list {
        top: 40px;
        width: 300px;
        right: 12px;
    }
    .phone-list:before{
        right: 37px;
    }

    .support-box:hover .wrap-supp-inner {
        display: block;
        font-size: 16px;
        right: 26px;
        top: 43px;
    }

    .notica-link:hover .account-hover-container {
        display: block;
        right: 8px;
        top: 23px;
    }

    .add-footer {
        display: inline-block;
        min-width: 300px;
    }

    .phone-add {
        display: inline-block;
    }

    .logo-m {
        width: calc(100% - 180px);
    }

    .account-input {
        font-size: 15px;
    }

    .hotro-xeo-top {
        padding: 10px 0 0;
    }

    .icon-menu-item img {
        margin-right: 15px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1023px) {
    .wrap {
        max-width: 960px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .wrap {
        max-width: 1000px;
    }
}

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

    .box-header, .box-top-menu {
        height: 50px;
        top: 12.5px;
    }

    .logo-m {
        margin-top: 5px;
        margin-left: 70px;
    }

    #detail .button-home-nav .button-home-inner,
    #catpage-m .button-home-nav .button-home-inner,
    #brand .button-home-nav .button-home-inner,
    #catpagesub-m .button-home-nav .button-home-inner,
    #checkout .button-home-nav .button-home-inner,
    #checkout-complete .button-home-nav .button-home-inner,
    #searchpage .button-home-nav .button-home-inner,
    #Promotion .button-home-nav .button-home-inner,
    #microsite .button-home-nav .button-home-inner,
    #intro-meta .button-home-nav .button-home-inner,
    #member .button-home-nav .button-home-inner,
    #view-video .button-home-nav .button-home-inner,
    #hotro .button-home-nav .button-home-inner,
    #loginpage .button-home-nav .button-home-inner,
    #baohanh .button-home-nav .button-home-inner,
    #tragop .button-home-nav .button-home-inner,
    #travandon .button-home-nav .button-home-inner,
    #compare .button-home-nav .button-home-inner {
        background: none;
        border: none;
    }

    #detail .title-menu-nav,
    #catpage-m .title-menu-nav,
    #brand .title-menu-nav,
    #catpagesub-m .title-menu-nav,
    #checkout .title-menu-nav,
    #checkout-complete .title-menu-nav,
    #searchpage .title-menu-nav,
    #Promotion .title-menu-nav,
    #microsite .title-menu-nav,
    #intro-meta .title-menu-nav,
    #member .title-menu-nav,
    #view-video .title-menu-nav,
    #hotro .title-menu-nav,
    #loginpage .title-menu-nav,
    #baohanh .title-menu-nav,
    #tragop .title-menu-nav,
    #travandon .title-menu-nav,
    #compare .title-menu-nav {
        display: none;
    }

    #detail .button-home-nav,
    #catpage-m .button-home-nav,
    #brand .button-home-nav,
    #catpagesub-m .button-home-nav,
    #checkout .button-home-nav,
    #checkout-complete .button-home-nav,
    #searchpage .button-home-nav,
    #Promotion .button-home-nav,
    #microsite .button-home-nav,
    #intro-meta .button-home-nav,
    #member .button-home-nav,
    #view-video .button-home-nav,
    #hotro .button-home-nav,
    #loginpage .button-home-nav,
    #baohanh .button-home-nav,
    #tragop .button-home-nav,
    #travandon .button-home-nav,
    #compare .button-home-nav {
        top: 8px;
        left: 5px;
    }

    #detail .icon-home,
    #catpage-m .icon-home,
    #brand .icon-home,
    #catpagesub-m .icon-home,
    #checkout .icon-home,
    #checkout-complete .icon-home,
    #searchpage .icon-home,
    #Promotion .icon-home,
    #microsite .icon-home,
    #intro-meta .icon-home,
    #member .icon-home,
    #view-video .icon-home,
    #hotro .icon-home,
    #loginpage .icon-home,
    #baohanh .icon-home,
    #tragop .icon-home,
    #travandon .icon-home,
    #compare .icon-home {
        background-image: url(../images/icon-home-main.png);
        background-image: -webkit-image-set(url(../images/icon-home-main.png)1x,url(../images/icon-home-main-x2.png) 2x);
        margin-left: 0;
    }

    #detail .menu-box:before,
    #catpage-m .menu-box:before,
    #brand .menu-box:before,
    #catpagesub-m .menu-box:before,
    #checkout .menu-box:before,
    #checkout-complete .menu-box:before,
    #searchpage .menu-box:before,
    #Promotion .menu-box:before,
    #microsite .menu-box:before,
    #intro-meta .menu-box:before,
    #member .menu-box:before,
    #view-video .menu-box:before,
    #hotro .menu-box:before,
    #loginpage .menu-box:before,
    #baohanh .menu-box:before,
    #tragop .menu-box:before,
    #travandon .menu-box:before,
    #compare .menu-box:before {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 245px;
        height: 14px;
        /*border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #fff;*/
        top: -14px;
        left: 0px;
    }

    #catpage-m .menu-box:after,
    #brand .menu-box:after,
    #detail .menu-box:after,
    #catpagesub-m .menu-box:after,
    #checkout .menu-box:after,
    #checkout-complete .menu-box:after,
    #searchpage .menu-box:after,
    #Promotion .menu-box:after,
    #microsite .menu-box:after,
    #intro-meta .menu-box:after,
    #member .menu-box:after,
    #view-video .menu-box:after,
    #hotro .menu-box:after,
    #loginpage .menu-box:after,
    #baohanh .menu-box:after,
    #tragop .menu-box:after,
    #travandon .menu-box:after,
    #compare .menu-box:after {
        position: absolute;
        width: 2000px;
        height: 100vh;
        z-index: -99;
        background: rgba(0, 0, 0, 0.35);
        content: "";
        top: 0;
        left: -60px;
        pointer-events: none;
    }

    #detail .menu-box,
    #catpage-m .menu-box,
    #brand .menu-box,
    #catpagesub-m .menu-box,
    #checkout .menu-box,
    #checkout-complete .menu-box,
    #searchpage .menu-box,
    #Promotion .menu-box,
    #microsite .menu-box,
    #intro-meta .menu-box,
    #member .menu-box,
    #view-video .menu-box,
    #hotro .menu-box,
    #loginpage .menu-box,
    #baohanh .menu-box,
    #tragop .menu-box,
    #travandon .menu-box,
    #compare .menu-box {
        top: 42px;
        left: -5px;
        box-shadow: 1px 0px 1px 0px rgba(0,0,0,.15);
        height: auto;
        overflow-y: unset;
    }

    #catpage-m .menu-box,
    #brand .menu-box,
    #catpagesub-m .menu-box,
    #checkout .menu-box,
    #checkout-complete .menu-box,
    #searchpage .menu-box,
    #Promotion .menu-box,
    #microsite .menu-box,
    #intro-meta .menu-box,
    #member .menu-box,
    #view-video .menu-box,
    #hotro .menu-box,
    #loginpage .menu-box,
    #baohanh .menu-box,
    #tragop .menu-box,
    #travandon .menu-box,
    #compare .menu-box {
        display: none;
    }

    #detail .button-home-nav.x-hover .menu-box,
    #catpage-m .button-home-nav.x-hover .menu-box,
    #brand .button-home-nav.x-hover .menu-box,
    #catpagesub-m .button-home-nav.x-hover .menu-box,
    #checkout .button-home-nav.x-hover .menu-box,
    #checkout-complete .button-home-nav.x-hover .menu-box,
    #searchpage .button-home-nav.x-hover .menu-box,
    #Promotion .button-home-nav.x-hover .menu-box,
    #microsite .button-home-nav.x-hover .menu-box,
    #intro-meta .button-home-nav.x-hover .menu-box,
    #member .button-home-nav.x-hover .menu-box,
    #view-video .button-home-nav.x-hover .menu-box,
    #hotro .button-home-nav.x-hover .menu-box,
    #loginpage .button-home-nav.x-hover .menu-box,
    #baohanh .button-home-nav.x-hover .menu-box,
    #tragop .button-home-nav.x-hover .menu-box,
    #travandon .button-home-nav.x-hover .menu-box,
    #compare .button-home-nav.x-hover .menu-box {
        display: block;
        box-shadow: 1px 0px 1px 0px rgba(0,0,0,.15);
    }

    @media (hover:hover) {
        #detail .button-home-nav:hover .menu-box,
        #catpage-m .button-home-nav:hover .menu-box,
        #brand .button-home-nav:hover .menu-box,
        #catpagesub-m .button-home-nav:hover .menu-box,
        #checkout .button-home-nav:hover .menu-box,
        #checkout-complete .button-home-nav:hover .menu-box,
        #searchpage .button-home-nav:hover .menu-box,
        #Promotion .button-home-nav:hover .menu-box,
        #microsite .button-home-nav:hover .menu-box,
        #intro-meta .button-home-nav:hover .menu-box,
        #member .button-home-nav:hover .menu-box,
        #view-video .button-home-nav:hover .menu-box,
        #hotro .button-home-nav:hover .menu-box,
        #loginpage .button-home-nav:hover .menu-box,
        #baohanh .button-home-nav:hover .menu-box,
        #tragop .button-home-nav:hover .menu-box,
        #travandon .button-home-nav:hover .menu-box,
        #compare .button-home-nav:hover .menu-box {
            display: block;
            box-shadow: 1px 0px 1px 0px rgba(0,0,0,.15);
        }
    }


    #detail .pure-menu-allow-hover:hover > .pure-menu-children,
    #detail .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #catpage-m .pure-menu-allow-hover:hover > .pure-menu-children,
    #catpage-m .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #brand .pure-menu-allow-hover:hover > .pure-menu-children,
    #brand .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #catpagesub-m .pure-menu-allow-hover:hover > .pure-menu-children,
    #catpagesub-m .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #checkout .pure-menu-allow-hover:hover > .pure-menu-children,
    #checkout .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #checkout-complete .pure-menu-allow-hover:hover > .pure-menu-children,
    #checkout-complete .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #searchpage .pure-menu-allow-hover:hover > .pure-menu-children,
    #searchpage .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #Promotion .pure-menu-allow-hover:hover > .pure-menu-children,
    #Promotion .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #microsite .pure-menu-allow-hover:hover > .pure-menu-children,
    #microsite .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #intro-meta .pure-menu-allow-hover:hover > .pure-menu-children,
    #intro-meta .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #member .pure-menu-allow-hover:hover > .pure-menu-children,
    #member .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #view-video .pure-menu-allow-hover:hover > .pure-menu-children,
    #view-video .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #hotro .pure-menu-allow-hover:hover > .pure-menu-children,
    #hotro .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #loginpage .pure-menu-allow-hover:hover > .pure-menu-children,
    #loginpage .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #baohanh .pure-menu-allow-hover:hover > .pure-menu-children,
    #baohanh .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #tragop .pure-menu-allow-hover:hover > .pure-menu-children,
    #tragop .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #travandon .pure-menu-allow-hover:hover > .pure-menu-children,
    #travandon .pure-menu-allow-hover.x-hover > .pure-menu-children,
    #compare .pure-menu-allow-hover:hover > .pure-menu-children,
    #compare .pure-menu-allow-hover.x-hover > .pure-menu-children {
        top: 0;
    }

    .box-search {
        max-width: 50%;
        position: absolute;
        top: 20.5px;
        left: 28%;
    }

    .title-icon-top {
        display: none;
    }

    .notica-link {
        right: 10px;
        top: 16px;
    }

    .cart-link {
        right: 135px;
        top: 10px;
    }

    .link-support {
        right: 40px;
        top: 15px;
    }

    .support-box:hover .wrap-supp-inner {
        right: 20px;
    }

    .phone-list {
        top: 50px;
        width: 300px;
        right: -30px;
    }

        .phone-list:before {
            right: 100px;
        }

    .phone-hover {
        top: 16px;
        right: 70px;
    }

    .txtsearch {
        padding: 9px 0;
    }

    #FindSubmit {
        height: 33px;
        width: 90px;
        background-color: #ddd;
    }

    .btnFindSearch {
        width: 100%;
        height: 100%;
        background-position: 5px;
        padding-left: 20px;
        text-indent: 5px;
    }

    .txtsearch {
        height: 33px;
        font-size: 14.5px;
        padding-right: 110px !important;
    }

    .button-home-nav {
        position: absolute;
        top: 95px;
        z-index: 99;
    }

        .button-home-nav .button-home-inner {
            width: 245px;
            background-color: #fff;
            height: 34px;
            border-bottom: 1px solid #ddd;
            display: inline-block;
        }

    .icon-home {
        background-image: url(../images/icon-home-main-red.png);
        background-image: -webkit-image-set(url(../images/icon-home-main-red.png)1x,url(../images/icon-home-main-red-x2.png) 2x);
        width: 23px;
        height: 34px;
        display: inline-block;
        margin-left: 10px;
        background-size: 20px;
    }
    /*.icon-home:before{
            color: #da251c;
            top: -6px;
        }*/
    .title-menu-nav {
        text-transform: uppercase;
        color: #da251c;
        font-weight: 500;
        margin-left: 7px;
        display: inline-block;
        line-height: 36px;
        vertical-align: top;
    }

    .cart-product-box {
        width: 700px;
        margin: auto;
        box-shadow: 0 0 1px 2px rgba(0,0,0,.15) !important;
        top: 75px;
    }

    .list-notications-box.bell {
        top: 75px;
        width: 900px;
        margin: auto;
        box-shadow: 0 0 1px 2px rgba(0,0,0,.15) !important;
        left: 0;
    }

    #footer-m {
        background-color: #fff;
    }

        #footer-m .wrap {
            position: relative;
        }

    .title-supp-pc {
        display: inline-block;
    }

    .column-supp-title, .row-timer, .arrow-icon, .expanded .arrow-icon {
        display: none;
    }

    .column-supp {
        display: unset;
    }

    .row-footer {
        border-bottom: none;
        border-top: none;
    }

        .row-footer.support {
            width: 180px;
            border-bottom: none;
            margin-top: 10px;
        }

    .region-name {
        font-weight: bold;
        margin-top: 10px;
    }

    .info-another.support-cust {
        position: absolute;
        top: 0;
        left: 220px;
        width: 230px;
    }

    .info-another.account-manager {
        position: absolute;
        top: 0;
        left: 450px;
    }

    .info-another {
        border-bottom: none;
    }

        .info-another.about-meta {
            position: absolute;
            top: 0;
            right: 225px;
        }

    .row-footer.connect {
        position: absolute;
        top: 0;
        right: -75px;
        border-bottom: none;
        border-top: none;
        width: 160px;
    }

    .title-app-name {
        display: inline-block;
        margin-right: 20px;
    }

    .box-social.app {
        position: absolute;
        left: -830px;
        top: 355px;
        width: 500px;
        text-align: left;
        margin-left: 10px;
    }

    .social-item {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

        .social-item a {
            display: inline-block;
        }

    .name-social {
        display: inline-block;
        vertical-align: 11px;
    }

    .box-social.app .name-social {
        font-weight: bold;
        display: inline-block;
    }

    .qrcode-app {
        display: inline-block;
    }

    .row-footer.info {
        border-top: 1px solid #ccc;
        margin-top: 5px;
    }

    .row-footer.payment {
        display: block;
        position: absolute;
        right: 0;
        border-bottom: none;
        top: 375px;
    }

    .social-item.appstore, .social-item.googleplay {
        width: 22%;
        vertical-align: middle;
    }

    .qrcode-app {
        display: block;
        position: absolute;
        right: -40px;
        bottom: 5px;
    }

    .bar-row-payment {
        font-size: 18px;
        font-weight: normal;
        display: inline-block;
    }

    .body-payment {
        display: inline-block;
        vertical-align: middle;
    }

    .name-slogan {
        margin-bottom: 5px;
    }

    .bar-row-title.veri {
        display: none;
    }

    .brand-company {
        position: absolute;
        left: 0;
        top: 422px;
        width: 47%;
    }

    .row-footer.verified {
        position: absolute;
        right: -17px;
        top: 350px;
    }

    .body-verified .verified-item {
        width: 120px;
    }

    .verified-item.tinnhiem img {
        height: 42px;
        vertical-align: 5px;
    }

    .name-company {
        font-weight: normal;
        font-size: 20px; /*margin-bottom: 5px;*/
    }

    .phone-add, .email-add, .border-bottom-pc-1, .border-bottom-pc-2 {
        display: block;
    }

    .address-company {
        position: absolute;
        top: 417px;
        right: 0;
        width: calc(100% - 500px);
    }

    .list-info-another {
        min-height: 330px !important;
        padding: 0;
    }

    #slogan-main, .name-dkdn {
        display: block;
        clear: both;
    }

    #slogan-main {
        margin-bottom: 10px;
    }

    .border-bottom-pc-2 {
        margin-top: 105px;
    }

    .has-license ~ .border-bottom-pc-2 {
        margin-top: 105px;
    }

    .add-footer {
        display: inline-block;
        min-width: 300px;
    }

    .phone-add {
        display: inline-block;
    }

    #searchpage .slogan-top {
        padding-top: 45px;
    }

    .wrap-box-login {
        width: 450px;
    }

    .box-Lg-inner .divider {
        display: block;
    }

    .box-Lg-inner .login-social {
        width: 100%;
    }

    #hotro #center-m,
    #baohanh #center-m,
    #baohanh .slogan-top {
        background-color: #fff;
    }

    #hotro .box-header,
    #baohanh .box-header {
        margin-bottom: 5px;
    }

    .promotion-banner-item img {
        width: 360px;
        height: 223px;
    }

    .account-input {
        font-size: 15px;
    }

    .hotro-xeo-top {
        padding: 10px 0 0;
    }

    .icon-menu-item img {
        margin-right: 15px;
    }

    .logo {
        top: 5px;
        width: 110px;
    }
    .row-slogan{
        width: calc(100% - 60px);
        padding: 0 30px;
    }
}

@media only screen and (min-width: 240px) and (max-width: 640px) {
    .support-box {
        display: none;
    }

    .phone-hover {
        right: 47px;
    }

    .notica-link {
        right: 15px;
    }

    .logo-m {
        width: calc(100% - 160px);
        position: relative;
        height: 40px;
        margin-left: -5px;
    }



    .logo-back {
        width: 100%;
        /*background: url(/themes/meta.vn/images/meta-tet-m.png) no-repeat center center;*/
        height: 40px;
        position: absolute;
        top: 0;
        left: 2px;
    }

    .slogan-item {
        vertical-align: top;
    }

    .service-name {
        font-size: 14px;
        display: block;
    }

    .rslides > li {
        padding-top: 0;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .name-social {
        display: block;
    }

    .social-item {
        width: 76px;
    }

    .logo-m {
        width: calc(100% - 180px);
    }
}