/*
Theme Name: phongthuy
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;600&family=Noto+Serif:wght@500;600;700&display=swap');*/
/*@font-face {
    font-family: 'Noto Serif';
    src: url('./fonts/noto-serif-vietnamese-400-normal.woff2') format('woff2');
    font-weight: 500 700;
    font-style: normal;
    font-display: swap;
}*/
/*@font-face {
    font-family: 'Dancing Script';
    src: url('./fonts/SVN-Dancing-script.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
*/
@media screen and (min-width: 850px){

    .shop-container div#product-sidebar{padding-right: 15px !important;border:0 !important;}
    .shop-container .col.large-9{padding-left: 15px !important}
    .post-sidebar.large-3.col{padding-left:15px; border-left:none !important}
    .category .large-9.col.border-sahow{
    padding-left:45px;
    }

}
@media screen and (max-width: 480px){
    .single-product .quick_buy_container{
        margin-left:0 !important;
        /*margin-top: 20px; */
    }
    
}


/*Add font-family*/

/*@font-face {
    font-family:'UTMNeosan';
    src: url('fonts/UTM_Neo_Sans_Intel.ttf');
    font-display: swap;
}*/

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf');
    font-display: swap;
}
/*Menu*/
@font-face {
    font-family: 'Roboto Bold';
    src: url('fonts/Roboto-Bold.ttf');
    font-display: swap;
}

html body {
    overflow-x: hidden;
    color: #000;
    background-color: #fff;
}

ul.product_list_widget li .quantity {
    color: #000 !important;
    opacity: 1;
}

.widget_shopping_cart p.total {
    color: #000;
}

body ul.product-categories li a:hover {
    border-left-color: #000 !important;
}

body a.button.checkout.wc-forward {
    color: #fff !important;
}

#header .header-cart-link .icon-shopping-bag {
    line-height: 34px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/v4/cart-v4.png);
    width: 34px;
    min-width: unset;
    height: 34px;
}
#header .account-item .account-link i{
    line-height: 34px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/v4/account-v4.png);
    width: 34px;
    min-width: unset;
    height: 34px;
}
#header .thm-phone-icon i{
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/v4/phone-v4.png);
    width: 32px;
    min-width: unset;
    height: 32px;
}
#header .header-cart-link .icon-shopping-bag:before ,#header .account-item .account-link i.icon-user:before,#header .thm-phone-icon i:before {
    opacity: 0;
}
.product-main {
    padding: 0 0px 40px 0px;
}

.nav-dropdown:after{display: none !important;}
.nav-dropdown-has-arrow li.has-dropdown:before, .nav-dropdown-has-arrow li.has-dropdown:after{
    display: none
}
.header-nav  > li {margin: 0}
.header-nav  > li > a{
    padding-left: 15px;
    padding-right: 15px;
    color: #d4c1a0 !important;
    font-size: 14px;
    font-weight: 400

}
.header-main .nav > li.active > a,.header-main .nav > li.current-menu-item > a{
    border: 0px;
    color: #d1aa5b!important;
}
.mlm-hero-slider .banner {
    background-color: #070706;
}
@media (min-width: 850px){

    #main-menuxx{
        display: grid !important;

        /* 6 cột cho hàng trên */
        grid-template-columns: auto auto auto auto auto auto;

        align-items: center;
        column-gap: 28px;
        row-gap: 12px;

        /* các item tự động chạy ngang */
        grid-auto-flow: column;
        justify-content: start;
    }

    /* =====================
       HÀNG 1
    ====================== */

    #main-menuxx > li:nth-child(1){
        grid-column: 1 / 5;
        grid-row: 1;
    }

    #main-menuxx > li:nth-child(2){
        grid-column: 5 / 7;
        grid-row: 1;
    }

   /* #main-menuxx > li:nth-child(3){
        grid-column: 5 / 7;
        grid-row: 1;
    }*/


    /* =====================
       HÀNG 2
    ====================== */

    #main-menuxx > li:nth-child(n+3){
        grid-row: 2;
        grid-column: auto !important;

        width: auto;
        margin: 0 !important;

        white-space: nowrap;
        justify-self: start;
    }

}

.header-nav  > li > ul > li > a{
    color: #d4c1a0 !important;
    border-bottom:none !important;
}

.header-nav  > li .nav-dropdown {
    background-color:#000;
    border: 2px solid #000;
}

/*End menu*/
.box-blog-post .is-divider{
height:0
}
.entry-content a {
     color: #66451a;
    text-decoration: underline;
    font-weight:600;
}
.single-post h1.title-single{
background: #fff;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #66451a;
    content: "";
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 36px;
}
.single-post article .article-inner .entry-content {
padding-left:15px;
padding-right:15px
}
.single-post article .article-inner{
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
border-radius:4px
}
#text-6 span.widget-title.thuan-title{
    height: 59px;
    line-height: 28px;
}
.article-post-widget {
    border-bottom: 1px solid #ddd;
    display: flex;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 0;
}
.article-post-widget span.date i{
color: #2196F3;
    padding-right: 9px;
}
.article-post-widget span.date{display:block; font-size:14px; color:#66451a}
.img-post-widget {
    max-width: 25%;
}
.post-content-widget a{font-size:15px}
.post-content-widget{padding-left:15px}

.article {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 0;
}
span.xemtiep {
    width: 100%;
    display: block;
    text-align: right;
    text-decoration: underline;
}
.badge.post-date{display:none}
.row.title-category span{
color: #66451a;
    text-transform: uppercase;
font-size: 18px;
padding-left:15px;
padding-right:15px;
}
.category h5.post-title.is-large{
    font-size: 22px;
    white-space: inherit;
    color: #000;
    font-weight: 400;
}
.category header.archive-page-header{display:none}
.row.title-category {
    border-bottom: 1px solid #66451a;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: -1px;
}

.category .large-9.col.border-sahow .row .post-item .col-inner{
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}
.category .large-9.col.border-sahow .row {
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
border-radius:4px;
padding-top:15px;
padding-bottom:15px
}
body{font-family: 'Roboto', serif !important}
input{border-radius: 3px !important}
li{list-style: none}
.button, button, input[type='submit'], input[type='reset'], input[type='button']{
    font-weight: 400
}
ul.info-address li{margin-left: 0}
ul.info-address li i{
        width: 25px;
    text-align: center;
        color: #66451a;
}

h1.entry-title.mb{
    color: #66451a;
    font-size: 18px;
    padding: 0 15px;
    border-bottom: 1px solid #66451a;
    padding-bottom: 15px;
    font-weight: 400
}
header.entry-header{
        margin-left: -15px;
    margin-right: -15px;
}

ul.nav-dropdown.nav-dropdown-default {
    min-width: 220px;
    padding: 8px;
    background: #111210;
    border: 1px solid rgba(233, 184, 86, .12);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .38);
}

ul.nav-dropdown.nav-dropdown-default li:hover a {
    background: rgba(233, 184, 86, .055);
    color: #e9b856 !important;
}

ul.nav-dropdown.nav-dropdown-default li a {
    min-height: 38px;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    margin: 0;
    border-radius: 0px;
    color: #c9bda9 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
    letter-spacing: 0;
    transition: background .2s ease, color .2s ease;
    border-bottom: 1px solid #303030!important;
}

#header .header-nav-main > li > a:hover {
    color: #d1aa5b !important;
}

#header .header-nav-main > li > a i.icon-angle-down {
    display: none;
}


.page #content{
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    border-radius: 4px;
}
.img{ width: auto;}

.header-main #logo{margin-right: 0}
.header-main .large-9{padding-left: 15px; padding-right: 15px;}
.header-main .large-9 .nav-right{justify-content: flex-start;}
#content{padding-top: 0px}
body .grid-col.banner-hover1 .img-inner.dark{position: relative !important}
.banner-hover1 .img-inner:before{
    background-color: rgba(255,255,255, 0.15);
    content: "";
    height: 0;
    left: 0;
      position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.banner-hover1 .img-inner:hover::before{
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}

.banner-hover1 .img-inner:after{
    background-color: rgba(255,255,255, 0.15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.banner-hover1 .img-inner:hover::after{
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}

.header-main #main-menu i.icon-angle-down{  
    font-size: 12px !important;opacity: 1;
    margin-left: 6px;
    /* line-height: 0; */
    margin-top: -4px;
}
.header-main #main-menu .nav-dropdown{
    box-shadow: 0 0 0 0;
    border: 0;
    background-color:#66451a;
    padding: 0;

}
.header-main #main-menu  ul.nav-dropdown{
    padding:0 !important;
}
.header-main #main-menu ul.nav-dropdown li a{
    margin: 0 !important;
    padding: 15px 15px 15px 10px !important;
    color: #fff !important;
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
    border-bottom: 0
}
.header-main #main-menu ul.nav-dropdown li a:hover{
    background-color: #966945;
}
.header-main .nav>li.header-divider{
        height: 50px;
            border-left: 1px solid #96a0ad;
            border-color: #96a0ad !important;
            margin:0;
}
.header-main .nav-right li a.header-cart-link{height: 50px; }
.header-main .nav-right li.header-search input.search-field{
    min-height: 51px;
    width: 320px;
    border: 5px solid  #D0D0D0;
}
.header-main .nav-right li.header-search button.submit-button{display: none}
.header-main .nav-right li.header-search i.icon-search{font-size: 20px;}
.slider-nav-light .flickity-prev-next-button{opacity: 0}

span.widget-title.thuan-title {
    background-color: #000;
    color: #eac572;
    font-size: 15px;
    font-weight: 500;
    padding: 16px 10px;
    text-transform: uppercase;
    display: block;
}

body form.checkout h3 {
    font-weight: 500;
}

body form.checkout input[type="email"],body form.checkout input[type="text"],body form.checkout input[type="tel"],body form.checkout textarea {
    border: 1px solid #000;
}

.woocommerce-checkout .has-border {
    border: 1px solid #000;
}

 #order_review th,#order_review td {
     font-weight: 500;
 }

#order_review label,  #order_review legend {
    font-weight: 500;
}


#main  ul.product-categories li a{
    padding: 17px 15px 17px 55px;
    line-height: 1;
    color: #fff;
    background: url(images/vong_tay.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-38 a {
    background: url(images/san-pham-sale.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-22 a {
    background: url(images/tram_huong_108.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-35 a {
    background: url(images/tram-sanh-chim.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-28 a {
    background: url(images/vong-tram-boc-vang.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-37 a {
    background: url(images/vong-tram108-hat.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-31 a {
    background: url(images/mat-day-chuyen.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-30 a {
    background: url(images/nhang-nu-tram.png) no-repeat 15px 11px;
}

#main  ul.product-categories li.cat-item-32 a {
    background: url(images/tram-canh-de-ban.png) no-repeat 15px 11px;
}


#main  ul.product-categories li:hover a{
    border: none;
    color: #eac572;
}

body #main  ul.product-categories li.current-cat a {
    color: #eac572;
    font-weight: normal;
}

.list-group-item.active {
    background-color: #000 !important;
    text-align: center;
        border-top-left-radius: 4px;
    border-top-right-radius: 4px;
        padding: 10px 15px;
        display: block;
}
.list-group h3 {
    font-size: 18px;
    border-bottom: 1px solid #66451a;
    color: #66451a;
    margin: 10px;
    text-align: center;
    padding-bottom: 5px;
    font-weight: normal;
        width: calc(100% - 20px);
}
.support .text-center {
    text-align: left;
    clear: both;
    display: table;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin: 15px 0;
}
.support p{margin-bottom: 0}
.support {
    margin: 0px 12px;
    display: table;
    width: calc(100% - 20px);
}
.textwidget {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-border-radius: 4px;
}
.support .supp-name {

    text-align: left;
    color: #66451a;
    font-size: 17px;
    font-weight: normal;
}
.support .text-center:last-of-type {
    border: none;
}

/*Product*/
.header-category-page {
    padding-bottom: 15px;
}
h1.category-title-archive{
        float: left;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    line-height: 36px;
    font-weight: 500
}
.badge-container{right: 0; left: unset;}
.badge-container .badge{width: 70px; height: 30px;    border-radius: 0;}
.badge-container .badge-inner.secondary.on-sale{
    background: url(images/sale.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 30px;
        border-radius: 0;
        text-align: right;
}
.badge-container span.onsale:before{
    content: 'Sale';
    font-size: 60%;
}
.product-small .price-wrapper
{
    min-height: 30px;
    order: 2;
    margin-top: 5px;
}

.product-small .title-wrapper {
    order: 1;
}

.product-small .box-text.text-center{
    text-align: center;
    padding-bottom: 10px;
    padding-top:10px;
    min-height: 112px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;

}
a.hotline-widget {
    color: #dd3333;
    font-size: 30px;
}
.product-small span.woocommerce-Price-amount.amount{
    font-size: 18px !important;
    color: red;
    font-weight: 700;
}
.product_list_widget .woocommerce-Price-amount.amount{
    font-size: 18px !important;
    color: red;
    font-weight: 500;
}


.home .row .col {
    padding-bottom: 5px;
}

.product-small span.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    font-size: 13px;
}

.product-small .title-wrapper .product-title a{
   color: #000;
    font-size: 16px;
    width: 100%;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
}
.section-title-center span, .section-title-bold-center span{
    color: #66451a;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0px 15px;
    font-weight: 400;
    margin:0;
}
.section-title b{
        height: 1px;
    opacity: 1;
    background-color: #66451a;
}
.section-title-container{margin-bottom: 0}
.product-small .box-image:hover .image-tools{opacity: 1; height:100%}
.product-small .box-image .image-tools{
    top: 0 !important;
    bottom: unset;
    opacity: 0;
    width: 100% !important;
    height: 100% !important;
    transition: all ease .1s
  } 
.product-small .box-image .hover-slide-in{transform:unset !important;}
.product-small .box-image .grid-tools a{
    background-color: rgba(131, 185, 216, 0.72) !important
}
.product-small a.quick-view img{
        width: 50px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateZ(360) !important;
    -webkit-transition: -webkit-transform .5s ease-in-out;
          transition:         transform .5s ease-in-out;

}
a.quick-view img:hover{
    -webkit-transform: rotate(360deg) !important;
          transform: rotate(360deg) !important;
}
.box-image img{
    transform: unset !important
}
.product-small .box-image .image-tools {
    top: 0 !important;
    bottom: unset;
    opacity: 0;
    width: 100% !important;
    height: 100% !important;
    transition: all ease .1s;
}
h1.product-title.entry-title{
        margin-top: 20px;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #333;
    line-height: 36px;
}
.price-wrapper span.amount{
    font-size: 18px;
    color: #ff0000;
    font-weight: 600;
    margin-top: 1px
}
#pro_sku {
    font-size: 14px;
    color: #303030;
    padding-left: 2px;
} 
.product-small  .price-wrapper .price{flex-direction: column;}
.single-product .product-info .price-wrapper .price{  
    padding-bottom: 12px;
    margin-top: 10px;
}
 .price-wrapper .price{
     display: flex;
     color: #f0f0f0;
}

.single-product .price-wrapper .price {
    color: #eaeaea;
}

.text_variable {
    font-size: 13px;
    color: #f00;
    font-weight: bold;
}

.text_variable i {
    font-size: 17px;
    padding-right: 5px;
}

.price-wrapper .price del{order:0; display: none;}

.price-wrapper .price ins {

}


.single-product .single_add_to_cart_button {
    display: inline-block;
    float: left !important;
}

.product-small .price .amount:nth-child(2) {
    display: none;
}

 .price-wrapper .price del span.amount{
    font-size: 20px;
    color: #000;
    opacity: 1
}

.single-product .woocommerce-variation-price .price del {
    display: none;
}

body .button-variable-item {
    border-radius: 0px !important;
    box-shadow: none;
    color: #000;
}

body .button-variable-item span {
    font-size: 14px;
}

body .entry-summary ul li {
    margin-left: 0px;
}

.variations label {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
}

body .woocommerce-variation-price {
    border-top: none;
}

body .button-variable-item.selected {
    background-color: #000 !important;
    color: #eac572;
}

body #place_order, body .checkout-button.button.alt:not(.is-outline) {
    background-color: #000;
    color: #fff;
}

 .row_blog {
     padding-bottom: 0px;
 }

 .row_blog .col.post-item {
     padding-bottom: 0px;
 }

footer .dark,footer .dark p,footer .dark td{
    color: #f0c481;
    font-size: 15px;
    line-height: 21px;
}

footer .row.dark li > a {
    padding: 2px 0;
}

footer .is-divider.small{
    height: 1px;
    width: 100%;
    max-width: 100%;
    background-color: #ad814c;
}
footer span.widget-title{
    font-weight: 500;
    color: #deab64;
    font-size: 16px;
    font-weight: bold;
}

footer {
    background: #000;
}

footer .is-divider {
    margin: 0px;
}

body .footer-2, body .absolute-footer {
    background-color: #000;
    padding: 10px;
}

body .footer-2 {
    /*font-family:'UTMNeosan';*/
}

.row_footer {   
    border-bottom: 1px solid #eac572;
}

.row_footer .section-title span {
    text-transform: inherit;
}

.row_footer .col{
    border-left: 1px solid #eac572;
    padding-bottom: 0px;
}

.row_footer .col .col-inner{
    padding-left: 60px;
}

.row_footer .col:first-child {
    border: none;
}

.row_footer h3.section-title-normal {
    font-size: 14px;
    color: #ff0000;
    font-weight: normal;
}

.row_footer p {
    color: #eac572;
    font-size: 13px;
}

.row_footer .col_struck {
    background: url('images/icon_truck.png') no-repeat 20px 24px ;
    position: relative;
}

.row_footer .col_struck::after{
    content:'';
    position: absolute;
    bottom: -5px;
    left: -3px;
    width: 20px;
    height: 10px;
    background-color: #000;
}

.row_footer .col_set {
    background: url('images/icon_set.png') no-repeat 20px 24px ;
}

.row_footer .col_phone {
     background: url('images/icon_phone.png') no-repeat 20px 24px ;
 }

.row_footer .col_clock {
    background: url('images/icon_clock.png') no-repeat 20px 24px ;
    position: relative;
}

.row_footer .col_clock::after{
    content:'';
    position: absolute;
    bottom: -5px;
    right: -3px;
    width: 20px;
    height: 10px;
    background-color: #000;
}

.post-sidebar .img-post-widget img {
    width: 63px;max-width: inherit;
}


footer .is-divider.small {
    background-color: unset;
}

footer .text-red {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0px;
}

footer #text-4 {
    text-align: center;
}


/*
.footer-2 {
    padding-top: 0px;
}

.footer-2 .widget {
    margin-bottom: 0px;
}

.footer-2  ul {
    float: right;
}

.footer-2  ul li {
    display: inline-block;
    padding-left: 20px;
    position: relative;
}


.footer-2  ul li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 8px;
    width: 1px;
    height: 20px;
    background-color: #333;
}

.footer-2  ul li:first-child:before {
    display: none;
}

.footer-2  ul li:first-child{
    position: relative;
}

.footer-2  ul li:first-child:after {
    display: block;
    content: "";
    width: 11px;
    height: 11px;
    background-image: url('images/icon_home3.png');
    position: absolute;
    top: 13px;
    left: 0px;
}
*/
.absolute-footer{
   padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px solid #f0c481;
}
.absolute-footer .container{
    padding-top: 0px;
    position: relative;
    color: #f0c481;
    text-align: center;
}

.absolute-footer a {
    color: #fff;
}


#product-sidebar .large-3 {
    flex-basis: 100%;
    max-width: 100%;
    border-left: none;
}

#product-sidebar .row_footer {
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
}

#product-sidebar .row_footer p {
    color: #000;
}

.product-page-price {
    background: #eaeaea;
    padding-top: 7px;
}

.single-product .price-wrapper .price ins {
    margin-top: 0px;
}
.span_price {
    margin-right: 20px;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    color: #000;
}
.medium-3 {
    padding-bottom: 10px!important;
}
footer ul li {border: 0 !important}
.footer-primary.pull-left{width: 100%;}
.footer-primary.pull-left .right{float: right;}
.product-quick-view-container{padding:15px;}
.box-text.box-text-products{
    padding-top: 9px;
    text-align: center;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
}
.product-title a {
color: #000!important;
}
/*Single-product*/
.quantity.buttons_added{width: 100%;margin-bottom: 30px;}
 button.single_add_to_cart_button.button.alt{
    height: 40px;
    border-radius: 0px;
    margin: 0;
    font-size: 14px;
    float: right;
    background-color: #fe0000;
    text-align: center;
    color: #fff;
    min-width: 174px;
}

.single-product h1.product-title.entry-title {
    margin-top: 0px;
}

.single-product  .product-info {
    padding-top: 0px;
}

 button.single_add_to_cart_button.button.alt:after{
    display: none;
}

.product-quick-view-container .quick_buy_container a{display:flex}
.single-product input.quick-buy-thuan, .product-quick-view-container .quick_buy_container a{
    background-color: #fe0000 !important;
    color: #fff;
    height: 40px;
    margin: 0;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 174px;
    border-radius: 0px !important;
}

.single-product .quick-buy-thuan{
    background-color: #fe0000 !important;
    color: #fff;
    height: 40px;
    margin: 0;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 174px;
    border-radius: 0px !important;
    display: inline-block;
}

.sidebar-widget-phone {
    float: left;
    margin-left: 20px;
}

.sidebar-inner .textwidget {
    border-radius: 0px;
    box-shadow: none;
}

.store-sidebar h4.sidebar-title {
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    font-size: .875rem;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.store-sidebar ul li {
    background-color: #000;
    border-radius: 6px;
    box-shadow: 0px 0px 3px #999;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
}

.store-sidebar ul li p {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
}

.store-sidebar ul li p i {
    position: absolute;
    left: 3px;
    top: 4px;
}

.store-sidebar ul li p a {
    color: #eac572
}

.store-sidebar .btn-outline-danger {
    color: #eac572;
    background-color: transparent;
    border:1px solid #eac572;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.deliver {
    clear: both;
    padding-bottom: 30px;
    text-align: left;
}

.deliver .item-deliver {
    margin: 20px 0px 0px;
    position: relative;
    text-align: left;
    padding-left: 40px;
}

.deliver .item-deliver img{
    margin-right: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.deliver .item-deliver span {
    color: red;
    font-weight: 700;
}

.deliver .item-deliver a {
    text-decoration: none;
    color: #111111;
}

.deliver .item-deliver a:hover {
    color: red;
}

.woocommerce-checkout h1.entry-title.mb {
    padding-top: 15px;
}


#zalo-phoneIcon {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 61px;
    height: 61px;
    background: url('images/icon_zalo.png');
    background-size: auto auto;
    background-size: cover;
    z-index: 999;
}

.quick-alo-ph-img-circle-detail{
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}
.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle-detail{
    background-color: #ff0101;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}
@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}
@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.checkout-sidebar button#place_order {
    border-radius: 20px;
    color: #fff;
    background: rgba(214, 168, 79, 0.04);
    border: 1px solid rgba(214, 168, 79, 0.65);
}
.sidebar-widget-phone a {
    padding-left: 46px;
    padding-right: 10px;
    padding-top: 8px;
    height: 40px;
    margin: 0;
    font-size: 14px;
    float: right;
    background-color: unset!important;
    text-align: center;
    color: #fff;
    position: relative;
}

.sidebar-widget-phone a::before {
    content: '';
    background: url(images/icon_phone4.png) no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-position: center left;
    left: 0;
    margin-left: 10px;
}

.sidebar-widget-phone .textwidget {
    display: inline-block;
    border-radius: 0px;
    box-shadow: none;
}

.single-product .quick_buy_container{
    display: inline-block;
    position: relative;
    margin-left: 0px;
    font-size: 14px;
    float: left;
}
.single-product .quick_buy_container:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 30px;
    top: 0;
    background-position: center left;
    left: 0;
    margin-left: 17px;
    z-index: 999
}
.single-product .quick_buy_container:after, .quick_buy_container:after{
      display: none;
}
.single-product form.cart{
    margin-bottom: 10px;
}
h3.product-section-title-related{
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    display: block;
    color: #000;
    font-size: 17px;
}
.related .product-small .col-inner{
        -webkit-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 0px 9px 5px rgba(0,0,0,0.1);
    box-shadow: 3px -1px -1px 1px rgba(0,0,0,0.1);
    border-radius: 0px;
}
.related .product-small .col-inner .box-text.box-text-products{
    padding-left: 1.2em;
    padding-right: 1.2em;
    background-color: #fff;
}
.product-quick-view-container .quick_buy_container{margin-left:5px; display:inline-block; position: relative;}
.single-product .product-info .quick_buy_container a{display:none}
.single-product .product-quick-view-container .product-info .quick_buy_container a{display:flex}
.product-quick-view-container form.cart .quick_buy_container input {display: none}
.single-product .product-info .breadcrumbs{display: none}
.breadcrumbs{
        min-height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
}
.bracumthuan{padding: 0 15px;}

.wrap_breadcrumbs {
    background-color: #1a1a18;
    margin-bottom: 20px;
}

.breadcrumbs{
    background-color: #1a1a18;
    font-family: 'UTMNeosan';
    color: #ccc;
    padding: 5px 20px 5px 35px;
    font-size: 14px;
    background-image: url('images/icon_home.png');
    background-repeat: no-repeat;
    background-position: 10px 17px;
    border-radius: 10px; 
}

.single-product .breadcrumbs {
    margin-bottom: 0px;
}

.breadcrumbs a {
    color: #ccc;
}



.breadcrumbs .delimiter {
    padding: 0px 5px;
    margin-top: 1px;
    position: relative;
}

.breadcrumbs .divider{
        position: relative;
       color: #eaeaea;
       padding: 0px 3px;
       opacity: 1;
}
.breadcrumbs .divider:before{
    top: -7px;
    left: 3px;
    z-index: 3;
    content: '>';
    position: absolute;
    color: #5c5b5b;
    font-size: 16px;
}

.display-flex{
    display: flex;
}
ul.link-scroll-tab{margin-bottom: 0}
ul.link-scroll-tab li{float: left;}
ul.link-scroll-tab li a{
        font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding: 12px 15px;
    background-color: #d5d5d5;

}
ul.link-scroll-tab li:first-child a{
    padding-left: 10px;
}

ul.link-scroll-tab li.active a {
    background: #000;
    color: #eac572;
}

.product-footer .tab-content {
    background-color: #fff;
    padding: 20px;
}


p#billing_first_name_field, p#billing_address_1_field{width: 100%}

/*phone ring*/
.phone-ring {
    position: fixed;
    bottom: 120px;
    left: 0%;
    z-index: 999
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width: 150px;
    height: 150px;
    top: 18px;
    left: 4px;
    position: absolute;
    background-color: transparent;
    border-radius: 100% !important;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
   border-color: #a0cb00;
    border-color: rgb(234, 197, 114);
    opacity: .5;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
        width: 100px;
    height: 100px;
    top: 44px;
    left: 29px;
    position: absolute;
    background-color: #000;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: rgba(255, 125, 23, 0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width: 50px;
    height: 50px;
    top: 70px;
    left: 54px;
    position: absolute;
    background: rgba(30,30,30,0.1) url(images/phonering.png) no-repeat center center;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-size: 80%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #eac572;
    background-color: #00aff2 9;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

/*End phone ring*/

/*cong code */

body .nav-dropdown-default {
    padding: 0px 20px 20px 20px;
}

body .nav-dropdown > li > a {
    padding: 0px 20px 20px 20px;
}

body .button {
    color: #eac572;
}

body .nav-pagination > li > a:hover {
    color: #eac572;
}

body .nav-pagination > li > .current {
    color: #eac572;
}

#header {
    background-color: #111214;
    /*font-family: 'UTMNeosan';*/
}

#masthead {
    background: url('images/banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.header-top {
    background: #111214 !important;
    border-bottom: 1px solid #eac572;
    color: #eac572;
    font-size: 17px !important;
}

.searchform .search-field {
    font-size: 14px;
}

li.cart-item.has-icon {
    margin-left: 0px;
}

header .nav-dark .form-flat input:not([type="submit"]) {
    background-color: inherit !important;
    border-color: #eac572 !important;
    border-radius: 0px !important;
    /*font-family:'UTMNeosan';*/
}

li.cart-item a::after {
    border: none !important;
}

.header-top .nav li.html {
    color: #eac572;
    font-family: Roboto;
    font-size: 18px;
}
/* ================================
   HEADER WISHLIST
================================ */

.thm-header-wishlist {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: inherit;
    text-decoration: none;
}

.thm-header-wishlist:hover {
    color: #b9975b;
}

.thm-wishlist-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thm-wishlist-icon .icon-heart {
    font-size: 22px;
    line-height: 1;
}

.thm-wishlist-count {
    position: absolute;
    top: -9px;
    right: -11px;

    min-width: 17px;
    height: 17px;
    padding: 0 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background: #b9975b;
    color: #fff;

    font-size: 10px;
    font-weight: 600;
    line-height: 17px;

    box-sizing: border-box;
}

/* Nếu wishlist = 0 thì ẩn badge */
.thm-wishlist-count:not(.has-items) {
    display: none;
}

.thm-header-showroom {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.thm-location-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.thm-location-icon svg {
    display: block;
    width: 17px;
    height: 17px;
}

.thm-header-showroom:hover {
    color: #b9975b;
}

#header .thm-header-phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #d4c1a0;
    font-size: 16px;
    white-space: nowrap;
}

/*#header .thm-phone-icon {
    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(201, 158, 66, .35);
    border-radius: 9px;

    color: #e0ad48;

    background: linear-gradient(
        145deg,
        rgba(215, 170, 78, .07),
        rgba(215, 170, 78, .015)
    );
}

#header .thm-phone-icon i {
    position: static;
    transform: none;
    font-size: 18px;
    line-height: 1;
}*/

.mobile-nav .icon-menu::before {
    color: #eac572;
}

#header .logo img {

}



.phone_top {
    color: red;
}

.row .row.align-center {
    margin-left: auto;
    margin-right: auto;
}

.row_black .box-blog-post {
    position: relative;
}

.row_black .box-blog-post .box-image {
    position: relative;
    z-index: 10;
}

.row_black .box-blog-post .box-text {
    position: absolute;
    z-index: 99;
    bottom: 0px;
    padding-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.row_black .box-blog-post .box-text h5.post-title {
    color: #eac572;
    font-size: 14px;
    font-weight: 500;
}

.section-title-normal {
    border-bottom: none;
    /*margin-top: 30px; */
}

.section-title-normal span {
    border-bottom: none;
    padding-bottom: 0px;
    color: #000;
}

body.home #wrapper, body.home #main {
    background-color: #fff;
}

.row_black {
    margin-bottom: 30px;
}

.row_black .large-12 {
    padding-bottom: 0px;
}



.row_black .post-item {
    padding-top: 5px;
    padding-bottom: 0px;
}

.row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover{
    box-shadow: none;
}

.has-shadow > .col > .col-inner {
    background-color: unset;
}

.has-shadow.box:not(.box-overlay):not(.box-shade), .has-shadow .box:not(.box-overlay):not(.box-shade) {
    background-color: unset;
}

.footer-1 .col{
    flex-basis: 20%;
    max-width: 20%;
}

.row_black {
    margin-top: 5px;
}

.home .slider-wrapper + .row:not(.row-collapse) {
    margin-top: 0px;
}



.single-product .wpcf7-form-control-wrap.your-phone {
    position: relative;
}

.single-product .wpcf7-form-control-wrap.your-phone:before{
    content: '*';
    position: absolute;
    top: 10px;
    right: 5px;
    color: #eac572;
}

.single-product .wpcf7 .wpcf7-response-output {
    color: #fff;
}

div.wpcf7-mail-sent-ng {
    color: 2px solid green;
}

.product-footer {
    background-color: #f5f5f5;
    padding: 40px 20px 20px 20px;
}

.product-footer .product-section {
    border-top: none;
}

#woocommerce_products-2 ul.product_list_widget li img {
    position: relative;
    left: auto;
    top: 0px;
    width: auto;
    height: auto;
}

#woocommerce_products-2  ul.product_list_widget li {
    padding-left: 0px;
    text-align: center;
    background: #fff;
    margin-bottom: 15px;
    padding-top: 0px;
}

#woocommerce_products-2 span.product-title {
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    color:#000;
}


#product-sidebar .row_footer .col_struck {
    background: url('images/icon_truck_black.png') no-repeat 10px 12px;
}

#product-sidebar .row_footer .col_set {
    background: url('images/icon_set_black.png') no-repeat 13px 10px;
}

#product-sidebar .row_footer .col_phone {
    background: url('images/icon_phone_black.png') no-repeat 13px 10px;
}

#product-sidebar .row_footer .col_clock {
    background: url('images/icon_clock_black.png') no-repeat 13px 10px;
}

.related-products-wrapper {

}

.searchform ::placeholder {
    color: #eac572;
    opacity: 1;
}

.img .img-inner {
    text-align: center;
}

.row_intro {
    /*
    display: flex;
    align-items: center;
    */
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.row_intro .medium-8 {
    padding-left: 0px;
}

.row_intro .col-inner .col  {
    padding: 0px !important;
}

.row_intro > .medium-6:first-child {
    padding-left: 0px;
}

.row_intro .medium-6:nth-child(2) {
    padding-right: 0px;
}

.row_intro  li {
    background-color: #000;
    margin-bottom: 0px;
}

.row_intro li a {
    padding: 20px 5px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px #eac572 solid;
    border-right: 1px #eac572 solid;
}

.row_intro .col-inner > .row .col:nth-child(3) a, .row_intro .col-inner > .row .col:nth-child(6) a, .row_intro .col-inner > .row .col:nth-child(9) a {
    border-right: none;
}

.row_intro  li a img {
    display: block;
    margin: 0 auto;
    height: 28px;
}

.row_intro h1 {
    font-size: 34px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0px;
}

.row_intro h2 {
    font-weight: 400;
    padding-top: 10px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #323c3f;
    margin-bottom: 10px;
}

footer .product-categories  li a{
    border: none;
    padding: 5px 0px !important;
}

footer .product-categories  li a:hover {
    background-color: unset;
    border: none !important;
}

.blog-wrapper .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

body .flickity-page-dots .dot {
    border: none;
    background-color: #333;
    border-color: unset;
    opacity: 1;
}

body .slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #c00;
}

.blog-wrapper .wrap_breadcrumb{
   background-color: #eaeaea;
    margin-bottom: 20px;
}

.blog-wrapper .wrap_breadcrumb .breadcrumbs {
    margin-bottom: 0px;
}

.widget_product_categories {
    background-color: #000;
}
@media screen and (max-width: 849px){
    .header-main li.html.custom{
        display:unset;
    }
}
@media (max-width: 768px) {

    .sidebar-widget-phone a {
        background: none;
        background-color: unset !important;
    }

    .sidebar-widget-phone a::before {
        display: none;
    }
    .medium-logo-center .flex-right {
        width: auto;
        margin: 0 !important;
        grid-column: 3;
        grid-row: 1;
        min-width: unset!important;
    }

    .flex-col.show-for-medium.flex-left {
        grid-column: 1;
        grid-row: 1;
    }

    #header #logo {
        margin: 0px;
        grid-column: 2;
        grid-row: 1;
    }

    .row_black .col-inner .row.large-columns-4.medium-columns-1 {
        margin-left: 0px;
        margin-right: 0px;
    }
    

    .row_black .col-inner .row.large-columns-4.medium-columns-1 .post-item {
        padding-left: 0px;
        padding-right: 5px;
    }
    .row_black .col-inner .row.large-columns-4.medium-columns-1 .post-item:last-child {
        padding-right: 0px;
    }



}

#header .cart-item:before {
    display: none;
}

.home .row_intro ul{
    margin-bottom: 0px;
}

.home .row_intro li {
    margin-left: 0px;
}


@media (min-width: 850px) and (max-width: 1350px) {
    .sidebar-widget-phone {
        margin-left: 0px;
        float: none;
        display: block;
        width: 200px;
    }
    .sidebar-widget-phone a {
        min-width: 200px;
        float: left;
    }
    .sidebar-widget-phone .textwidget {
        display: block;
    }
    button.single_add_to_cart_button.button.alt {
        min-width: 200px;
        margin-bottom: 20px;
        display: block;
    }
}

@media screen and (max-width: 768px){
    .row_black {
        background-color: #fff;
        margin-top: 10px;
    }

    .row_black .slider-wrapper {
        margin-top: 0;
    }

    .home  .row.large-columns-4 .post-item {
        padding-left: 5px;
        padding-right: 5px;
        overflow: hidden;
    }

    .home .slider-wrapper + .row:not(.row-collapse) {
        margin-top: 42px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    body .flickity-page-dots  {
        bottom: -33px;
    }

    .row_black .large-12 {
        padding-left: 0px;
        padding: 0px;
    }

    .header-category-page .category-filtering {
        display: none;
    }

    .header-category-page  .woocommerce-ordering {
        display: none;
    }

    body .page-title-inner {
        padding-top: 5px;
    }

    body .off-canvas-left .mfp-content {
        width: 100%;
    }

    body .off-canvas-left.dark .mfp-content {
        background-color: rgba(0,0,0,0.9);
    }

    body .mfp-content {
        padding: 0px !important;
    }

    body .nav-sidebar.nav-vertical > li + li {
        border-color: #515151;
    }

    body .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        font-weight: normal;
    }

    .sidebar-menu ul.children a {
        background: rgba(77, 77, 64, .9);
        display: block;
        color: #ccc;
        padding: 0 0 0 30px;
        font-size: 12px;
        border-bottom: 1px #4d4d40 solid;
    }

    body .off-canvas .nav-vertical > li > a {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    body .off-canvas .nav-vertical li li > a {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    body .nav-vertical li li {
        padding-left: 0px;
    }

    html .page.home  #content {
        box-shadow: none;
    }

    .row_intro .col-inner .col {
        width: 50% !important;
        max-width: 50%;
    }

    .row_intro .col-inner > .row .col:nth-child(3) a, .row_intro .col-inner > .row .col:nth-child(6) a {
        border-right: 1px #eac572 solid;
    }

    .row_intro .col-inner > .row .col:nth-child(2) a, .row_intro .col-inner > .row .col:nth-child(4) a, .row_intro .col-inner > .row .col:nth-child(6) a, .row_intro .col-inner > .row .col:nth-child(8) a {
        border-right: none;
    }

    .row_intro p {
        text-align: justify;
    }

    footer #text-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .row_footer {
        padding-top: 0px;
    }

    footer {
        padding-top: 10px;
    }

    .row_blog .post-item {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .row_intro h1 {
        font-size: 34px;
        margin-top: 20px;
        font-weight:bold;
        line-height: 40px;
        color: #323c3f;
    }

    .row_black {
        margin-bottom: 0px;
    }

    body .product-small .image-tools.show-on-hover.hide-for-small {
        display: block !important;
    }

    body .product-small .box-image .grid-tools a{
        background-color: unset !important;
        height: 100%;
    }

    body .product-small .box-image .grid-tools a img {
        display: none;
    }

    .row_intro > .medium-6:first-child {
        padding-right: 0px;
    }

    .row_intro .medium-6:nth-child(2) {
        padding-left: 0px;
    }

    .more_content_home {
        position: relative;
        overflow-y: hidden;
        margin-bottom: 15px;
    }

    .crop_content p {
        display: none;
    }

    .crop_content p:nth-of-type(1) {

        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 48px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }



    .more_content_home #more_content {
        position: absolute;
        right: 4px;
        bottom: 3px;
        cursor: pointer;
        color: #666;
        text-align: left;
    }

    .more_content_home #more_content::before{
        color: red;
        font-size: 22px;
        font-weight: 500;
        position: absolute;
        left: -20px;
        top: -2px;
    }

}


@media screen and (max-width: 480px){

    .sidebar-widget-phone {
        margin-left: 0px;
        margin-top: 10px;
    }

    .product-summary {
      margin-top: 15px;
    }

    ul.link-scroll-tab {
        width: 100%;
    }

    ul.link-scroll-tab li {
        margin-bottom: 0px;
        float: none;
    }

    ul.link-scroll-tab li a {
        width: 100%;
        display: block;
    }

    .footer-1 .col {
        flex-basis: 78%;
        max-width: 100%;
    }

    .single-product .quick_buy_container {
        float: none;
        width: 100%;
        text-align: center;
    }

    .sidebar-widget-phone {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
    }

    .sidebar-widget-phone .custom-html-widget {
        width: 100%;
    }

    .sidebar-widget-phone a {
        float: none;
        height: 70px;
        display: block;
        max-width: 320px;
        margin: 0px auto;
        width: 100%;
        font-size: 23px;
        padding-top: 16px;
    }

    .single-product input.quick-buy-thuan {
        height: 70px;
        display: block;
        max-width: 320px;
        margin: 0px auto;
        width: 100%;
        font-size: 23px;
    }

    .single-product .quantity {
        display: flex;
        margin-right: auto;
        margin-left: auto;
        max-width: 100px;
    }

    button.single_add_to_cart_button.button.alt {
        float: none;
    }

    .footer-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row_footer .col {
        border-left: none;
    }

    .product-footer {
        background-color: #f5f5f5;
        padding: 40px 0px 20px 0px;
    }
    
    #woocommerce_products-2 ul.product_list_widget li {
        padding-top: 10px;
    }

    body {
        color: #555555;
    }


    .row_footer {
        border: none;
    }

    .row_footer .col {
        background-position:  0px 24px;
    }

    .single-product .single_add_to_cart_button {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }

    button.single_add_to_cart_button.button.alt {
        max-width: 320px;
        height: 70px;
        font-size: 23px;
        display: block;
        width: 100%;
    }

}

/*12082026 lhson*/
/* ===== USP ROW ===== */
/* =========================
   THM USP - LUXURY NEW STYLE
   ========================= */

.box-thm-4-icon{
    position: relative;
    z-index: 5;
}

.box-thm-4-icon.section-content{
    margin: 0 auto;
}

.thm-catbox br {
    display: none;
}

/* Khung tổng */
.mlm-usp-row{
    padding: 16px 20px !important;

    background:linear-gradient(135deg, rgb(17 18 20) 0%, rgba(15, 14, 12, .98) 100%);
    border: 1px solid rgba(190,145,52,.28);
    border-radius: 18px;

    box-shadow:
        0 18px 50px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.025);

    overflow: hidden;
}

/* bỏ margin mặc định Flatsome */
.mlm-usp-row > .col{
    padding: 0 !important;
}

.mlm-usp-col .col-inner{
    height: 100%;
}

/* mỗi USP */
.mlm-usp-item{
    position: relative;
    min-height: 92px;
    display: grid;
    grid-template-columns: 62px 1fr;
    grid-template-rows: auto auto;
    column-gap: 18px;
    align-items: center;

    padding: 5px 32px;
}

/* đường phân cách */
.mlm-usp-col:not(:last-child) .mlm-usp-item:after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 62px;
    transform: translateY(-50%);

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(190,145,52,.18) 18%,
        rgba(190,145,52,.45) 50%,
        rgba(190,145,52,.18) 82%,
        transparent
    );
}

/* icon tròn */
.mlm-usp-icon{
    grid-row: 1 / 3;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(190,145,52,.58);
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(190,145,52,.08),
            rgba(190,145,52,.015) 65%
        );

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.mlm-usp-icon img{
    width: 40px !important;
    height: 40px !important;
    object-fit: contain;

    filter:
        brightness(0)
        saturate(100%)
        invert(66%)
        sepia(54%)
        saturate(618%)
        hue-rotate(3deg)
        brightness(92%)
        contrast(90%);
}

/* title */
.mlm-usp-title{
    align-self: end;

    margin: 0 0 5px;
    color: #d4c1a0;

    font-size: 14px;
    line-height: 1.35;
    letter-spacing: .02em;
}
 

.mlm-usp-row > .col:nth-child(4):after{
     display: none;
}


.mlm-usp-col:nth-child(4) .mlm-usp-item:after{
     display: none;
}
/* description */
.mlm-usp-desc{
    align-self: start;

    color: rgba(255,255,255,.58);

    font-size: 12px;
    line-height: 1.55;
    font-weight: 400;
}

/* hover */
.mlm-usp-item:hover .mlm-usp-icon{
    transform: translateY(-3px);

    border-color: rgba(212,173,97,.9);

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(190,145,52,.15),
            rgba(190,145,52,.025) 70%
        );

    box-shadow:
        0 0 0 5px rgba(190,145,52,.035),
        0 8px 25px rgba(0,0,0,.25);
}

/* subtle light */
.mlm-usp-row:before{
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(212,173,97,.32),
        transparent
    );
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 1100px){

    .mlm-usp-item{
        grid-template-columns: 52px 1fr;
        column-gap: 13px;
        padding: 5px 18px;
    }

    .mlm-usp-icon{
        width: 50px;
        height: 50px;

    }

    .mlm-usp-icon img{
        width: 26px !important;
        height: 26px !important;
    }

    .mlm-usp-title{
        font-size: 14px;
        align-self: center;
    }

    .mlm-usp-desc{
        font-size: 11px;
    }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px){

    .box-thm-4-icon {
        padding: 15px 0px!important;
    }
    .mlm-usp-title{
        font-size: 14px;
        align-self: center;
    }
    .box-thm-4-icon .mlm-usp-row{
        border: 0px;
        padding: 0px!important;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .mlm-usp-row > .col:not(:last-child)::before {
  
        width: 3px;
        height: 5px!important;

        box-shadow:none!important;
    }
    .box-thm-4-icon .mlm-usp-col:nth-child(2):before {
        /*display: none;*/
    } 

    .mlm-usp-row:before{
        display: none;
    }
    .mlm-usp-col{
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .mlm-usp-item{
        min-height: 100px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        text-align: center;

        padding: 10px 5px;
    }

    .mlm-usp-icon{ 
        width: 35px;
        height: 35px;
        margin-bottom: 9px;
    }

    .mlm-usp-icon img{
        width: 25px !important;
        height: 25px !important;
    }

    .mlm-usp-title{
        margin-bottom: 4px;

        font-size: 11px;
        line-height: 1.4;
    }

    .mlm-usp-desc{
        display: none;


    } 
    .box-thm-4-icon .mlm-usp-item br {
        display: none;
    }

    /* mobile dùng grid 2x2 */
    .mlm-usp-col:not(:last-child) .mlm-usp-item:after{
        display: none;
    }

    /* line dọc giữa 2 cột */
    .mlm-usp-col:nth-child(odd) .mlm-usp-item:after{
        content: "";
        display: block;

        position: absolute;
        right: 0;
        top: 16%;
        width: 1px;
        height: 68%;

        transform: none;

        background: linear-gradient(
            to bottom,
            transparent,
            rgba(190,145,52,.25),
            transparent
        );
    }

    /* line ngang giữa 2 hàng */
    .mlm-usp-col:nth-child(-n+2) .mlm-usp-item:before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 12%;
        right: 12%;
        height: 1px;

        background: linear-gradient(
            90deg,
            transparent,
            rgba(190,145,52,.22),
            transparent
        );
    }
}
/*header top*/

ul.mobile-nav.nav.nav-right i.icon-shopping-bag, .header-main .nav-right li.header-search i.icon-search, .header-main .nav-right i.icon-phone {
    color: #eac572!important;
    font-size: 22px!important;
}

.header-main li.html.custom {
    margin: 0px;
}

.header-main li.html.custom i.icon-phone {
    color: #eac572 !important;
}

/*search box page*/
/* =========================================
   MINH LAM - SEARCH LIGHTBOX
   Tông trầm hương
========================================= */

@media only screen and (max-width: 767px) {

    /* Nền toàn popup */
    .mfp-bg,
    .mfp-wrap,
    .mfp-container,
    .mfp-content {
        background: #f5f0e7 !important;
    }


    /* Container */
    .mfp-container {
        position: absolute !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 100% !important;

        padding: 0 !important;
    }


    /* Nội dung */
    .mfp-content {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* Search wrapper */
    .searchform-wrapper {
        width: 100% !important;

        padding: 0px 20px 25px !important;

        background: #f5f0e7 !important;
    }


    /* Search form */
    .searchform {
        width: 100% !important;

        margin: 0 !important;
    }


    /* Input */
    .searchform .search-field {
        width: 100% !important;

        height: 46px !important;

        padding: 0 50px 0 16px !important;

        border: 1px solid #b89a63 !important;
        border-radius: 2px !important;

        background: #fffdf8 !important;

        color: #3e3024 !important;

        font-family: Arial, sans-serif !important;

        font-size: 14px !important;

        box-shadow: none !important;
    }


    .searchform .search-field::placeholder {
        color: #9b8a75 !important;
    }


    /* Search button */
    .searchform .button {
        width: 46px !important;
        height: 46px !important;

        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;

        color: #80633a !important;
    }


    .searchform .button i {
        font-size: 18px !important;
    }


    /* Nút đóng */
    .mfp-close {
        position: absolute !important;

        top: 10px !important;
        right: 12px !important;

        width: 40px !important;
        height: 40px !important;

        color: #fff !important;

        font-size: 36px !important;

        opacity: 1 !important;

        z-index: 9999 !important;
    }
    

}

@media only screen and (max-width: 767px) {

    #search-lightbox .form-flat input.search-field.mb-0 {
        color: #3e3024 !important;
    }
    #search-lightbox .searchform .button.icon i {
        color: #3e3024;
    }
    div#cart-popup {
        color: #000;
    }

    .cart-popup-title h4 {
        color: #000;
    }
}
li.cart-item.has-icon i.icon-shopping-bag {
    color: #eac572;
    font-size: 20px;
}

/* =========================================
   TRẦM HƯƠNG MINH LÂM
   PRODUCT CATEGORY BOX
========================================= */

.thm-catbox {
    width: 100%;
}

/* ===== HEADING ===== */

.thm-catbox__heading {
    text-align: center;
    margin-bottom: 25px;
}

.thm-catbox__label {
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 1px;
    color: #deab64;
    margin-bottom: 3px;
   
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
}
 
.thm-catbox__heading h2 {
    margin: 0;    
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    color: #222;
    font-family: "Roboto", sans-serif;
}

/* ===== DECOR ===== */

.thm-catbox__decor {
    position: relative;
    width: 55px;
    height: 18px;
    margin: 6px auto 0;
}

.thm-catbox__decor:before,
.thm-catbox__decor:after {
    content: "";
    position: absolute;
    top: 8px;
    width: 20px;
    height: 1px;
    background: #c6a05a;
}

.thm-catbox__decor:before {
    left: 0;
}

.thm-catbox__decor:after {
    right: 0;
}

.thm-catbox__decor span {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 4px;
    left: 24px;
    background: #c6a05a;
    transform: rotate(45deg);
}

/* ===== PRODUCT LIST ===== */

.thm-catbox__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

/* ===== ITEM ===== */

.thm-catbox__item {
    position: relative;
    display: block;
    height: 330px;
    overflow: hidden;
    border-radius: 20px;
    background: #160e09;
    text-decoration: none !important;
}

.thm-catbox__item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .45s ease;
}

/* Overlay */

.thm-catbox__item:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.02) 20%,
        rgba(0,0,0,0.18) 45%,
        rgba(0,0,0,0.90) 100%
    );
}

/* Hover image */

.thm-catbox__item:hover img {
    transform: scale(1.06);
}

/* ===== TITLE ===== */

.thm-catbox__name {
    position: absolute;
    z-index: 2;
    left: 12px; 
    right: 12px;
    bottom: 55px;

    color: #fff;
    text-align: center;

    font-size: 17px;
    line-height: 1.3;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;

    text-shadow: 0 2px 6px rgba(0,0,0,.7);
}


/* ===== ROUND ARROW ===== */

.thm-catbox__arrow {
    position: absolute; 
    z-index: 3;

    left: 50%;
    bottom: 15px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateX(-50%);

    border-radius: 50%;

    background: #d7b36a;
    color: #fff;

    font-size: 23px;
    line-height: 1;

    transition: all .3s ease;
}

.thm-catbox__item:hover .thm-catbox__arrow {
    background: #fff;
    color: #a57b38;
}

/* ===== VIEW ALL ===== */

.thm-catbox__more {
    margin-top: 28px;
    text-align: center;
}

.thm-catbox__more a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    height: 46px;
    padding: 0 32px;

    color: #d6a84f;
    background: rgba(214, 168, 79, 0.04);

    border: 1px solid rgba(214, 168, 79, 0.65);
    border-radius: 6px;

    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none;

    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.thm-catbox__more a:hover {
    color: #111215;
    background: #d6a84f;
    border-color: #d6a84f;

    box-shadow:
        0 8px 24px rgba(214, 168, 79, 0.18),
        0 0 0 1px rgba(214, 168, 79, 0.08);

    transform: translateY(-2px);
}

.thm-catbox__arrow {
    position: absolute;
    z-index: 3;

    left: 50%;
    bottom: 15px;

    width: 30px;
    height: 30px;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateX(-50%);

    border-radius: 50%;

    background: #d7b36a;
    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;

    line-height: 32px;
    text-align: center;

    transition: all .3s ease;

    box-sizing: border-box;
}

/* Đưa dấu > vào giữa chính xác */
.thm-catbox__arrow {
    line-height: 1;
    padding-bottom: 2px;
    opacity: .8;
}
.thm-catbox__arrow:hover{
    opacity: 1;
}

.thm-catbox__item:hover .thm-catbox__arrow {
    background: #fff;
    color: #a57b38;
}

.thm-catbox__arrow::before {
    content: "\f105";
    font-family: "fl-icons" !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin-top: 2px;
}


.mlps-slider .flickity-prev-next-button {
    width: 32px!important;
    height: 32px!important;
    background: #b18e4f!important;
    color: #fff!important;
    box-shadow: none;
    min-height: unset;
    border-radius: 50%;
    opacity:.8!important;
}
.mlps-slider .flickity-prev-next-button:hover{
    opacity:1!important;
}

.flickity-prev-next-button svg, .flickity-prev-next-button .arrow {width: 12px;padding: 0px;margin: 0px;}

/* MOBILE */
@media (max-width: 549px) {

    .thm-catbox__arrow {
        width: 28px;
        height: 28px;

        bottom: 11px;

        font-size: 21px;
        line-height: 1;

        padding-bottom: 2px;
    }

}

/* =========================================
   TABLET
========================================= */

@media (max-width: 849px) {

    .thm-catbox__list {
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
    }

    .thm-catbox__item {
        height: 300px;
    }

    .thm-catbox__name {
        font-size: 15px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 549px) {

    .thm-catbox__heading {
        margin-bottom: 18px;
    }

    .thm-catbox__label {
        font-size: 13px;
    }

    .thm-catbox__heading h2 {
        font-size: 25px;
    }

    /* 2 CARD / VIEW */
    .thm-catbox__list {
        display: flex;

        overflow-x: auto;

        gap: 12px;

        padding-bottom: 8px;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }

    .thm-catbox__list::-webkit-scrollbar {
        display: none;
    }

    .thm-catbox__item {

        flex: 0 0 calc(50% - 6px);

        height: 250px;

        border-radius: 15px;

        scroll-snap-align: start;
    }

    .thm-catbox__name {
        left: 7px;
        right: 7px;
        bottom: 48px;

        font-size: 12px;
        line-height: 1.3;
    }

    .thm-catbox__arrow {
        width: 28px;
        height: 28px;

        bottom: 11px;

        font-size: 20px;
    }

    .thm-catbox__more {
        margin-top: 18px;
    }

    .thm-catbox__more a {

        font-size: 12px;
        padding: 0px;
        min-height: 30px;
        gap: 5px;
        min-width: 130px;
        height: 34px;
    }
    #posbasic-zalo-contact{
        bottom: 80px!important;
        right: 10px!important;
    }
}

/*css box danh muc cho mobile 2*2 dong */
@media (max-width: 549px) {

    /* =====================================
       MOBILE: 2 BOX / 1 DÒNG
       ===================================== */

    .thm-catbox__list {
        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 5px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* P là phần tử trực tiếp */
    .thm-catbox__list > p {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================
       BOX
       TỶ LỆ 900x750 = 6/5
       ===================================== */

    .thm-catbox__list .thm-catbox__item {

        position: relative;

        display: block !important;

        width: 100% !important;

        height: auto !important;

        aspect-ratio: 6 / 5;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden;

        border-radius: 14px;
    }


    /* =====================================
       IMAGE
       HIỂN THỊ FULL ẢNH
       ===================================== */

    .thm-catbox__list .thm-catbox__item img {

        position: absolute;

        top: 0;
        left: 0;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        object-fit: cover !important;
        object-position: center center;

        transform: none !important;
    }


    /* =====================================
       OVERLAY
       ===================================== */

    .thm-catbox__list .thm-catbox__item::after {

        position: absolute;

        inset: 0;

        z-index: 1;

        pointer-events: none;

        background: linear-gradient(
            to bottom,
            rgba(0,0,0,0.02) 20%,
            rgba(0,0,0,0.15) 45%,
            rgba(0,0,0,0.88) 100%
        );
    }


    /* =====================================
       TÊN SẢN PHẨM
       ===================================== */

    .thm-catbox__list .thm-catbox__name {

        position: absolute;

        z-index: 2;

        left: 6px;
        right: 6px;
        bottom: 42px;

        display: block;

        margin: 0 !important;
        padding: 0 !important;

        color: #fff;

        font-size: 12px;
        line-height: 1.3;

        font-weight: 500;

        text-align: center;

        text-transform: uppercase;

        text-shadow: 0 1px 5px rgba(0,0,0,.8);
    }


    /* =====================================
       ARROW
       ===================================== */

    .thm-catbox__list .thm-catbox__arrow {

        position: absolute;

        z-index: 3;

        left: 50%;
        bottom: 10px;

        width: 24px;
        height: 24px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 0 !important;
        padding: 0 0 2px 0 !important;

        transform: translateX(-50%);

        border-radius: 50%;

        background: #d7b36a;

        color: #fff;

        font-family: Arial, sans-serif;

        font-size: 20px;
        line-height: 1;

        box-sizing: border-box;
    }


    /* =====================================
       XÓA ẢNH HƯỞNG CỦA <br>
       ===================================== */

    .thm-catbox__list .thm-catbox__item br {
        display: none !important;
    }

}

/*end css box danh muc cho mobile 2*2 dong */
/* =====================================================
   TRẦM HƯƠNG MINH LÂM
   PROFILE / USP SECTION
===================================================== */

.thm-profile {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    width: 100%;
 
    overflow: hidden;
}
.col.no-boder-new:after,.col.no-boder-new:before {
    content: "";
    display: none;
    border: none;
}

/* =====================================================
   ITEM
===================================================== */

.thm-profile__item {
    position: relative;

    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    padding: 5px 20px 8px;

    text-align: center;
}


/* Đường phân cách giữa các box */

.thm-profile__item:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 3px;
    right: 0;

    width: 1px;
    height: 72px;

    background: rgba(190, 160, 105, .45);
}


/* =====================================================
   ICON
===================================================== */

.thm-profile__icon {
    width: 52px;
    height: 52px;

    margin-bottom: 6px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.thm-profile__icon img {
    display: block;

    width: 35px;
    height: 35px;

    max-width: none;

    object-fit: contain;

    margin: 0 !important;
    padding: 0 !important;
}


/* =====================================================
   TEXT
===================================================== */

.thm-profile__text {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-height: 38px;

    color: #fff;

    font-size: 14px;
    line-height: 1.35;

    font-weight: 400;
}

.thm-profile__text strong {
    display: block;

    margin: 0;

    color: #fff;

    font-size: 14px;
    line-height: 1.35;

    font-weight: 400;
}

.thm-profile__text span {
    display: block;

    margin: 0;

    color: #fff;

    font-size: 14px;
    line-height: 1.35;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 849px) {

    .thm-profile {
        grid-template-columns: repeat(4, minmax(0, 1fr));

        padding: 15px 0;
    }

    .thm-profile__item {
        padding-left: 8px;
        padding-right: 8px;
    }

    .thm-profile__icon {
        width: 46px;
        height: 46px;
    }

    .thm-profile__icon img {
        width: 42px;
        height: 42px;
    }

    .thm-profile__text,
    .thm-profile__text strong,
    .thm-profile__text span {
        font-size: 12px;
    }

}


/* =====================================================
   MOBILE
   2 BOX / ROW
===================================================== */

@media (max-width: 549px) {

    .thm-profile {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 0;

        padding: 0px;

        border-radius: 0;
    }


    .thm-profile__item {

        min-height: 95px;

        padding: 0px;

        justify-content: flex-start;
    }


    /* Bỏ đường dọc mặc định */
    .thm-profile__item:not(:last-child)::after {
        display: none;
    }


    /* Đường dọc giữa 2 cột */
    .thm-profile__item:nth-child(odd)::after {
        content: "";

        display: block;

        position: absolute;

        top: 12px;
        right: 0;

        width: 1px;
        height: 75px;

        background: rgba(190, 160, 105, .40);
    }


    /* Đường ngang giữa 2 hàng */
    /* =====================================
   ĐƯỜNG NGANG CHỈ GIỮA HÀNG 1 VÀ 2
   ===================================== */

    /* Chỉ item 1 và 2 tạo đường ngang */
    .thm-profile__item:nth-child(1)::before,
    .thm-profile__item:nth-child(2)::before {
        content: "";

        position: absolute;

        left: 12px;
        right: 12px;
        bottom: 0;

        height: 1px;

        background: rgba(190, 160, 105, .25);
    }


    .thm-profile__icon {

        width: 43px;
        height: 43px;

        margin-bottom: 5px;
    }


    .thm-profile__icon img {

        width: 35px;
        height: 35px;
    }


    .thm-profile__text {

        min-height: auto;

        font-size: 13px;
        line-height: 1.3;
    }


    .thm-profile__text strong,
    .thm-profile__text span {

        font-size: 11px;
        line-height: 1.3;
    }

}

/* =====================================================
   SHOWROOM MINH LÂM
===================================================== */

.thm-showroom {

    display: grid;

    grid-template-columns: 1fr 1.2fr;

    width: 100%;

    overflow: hidden;

    background: #0d0c0a;
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.thm-showroom__content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    padding: 45px 55px;

    color: #fff;

    box-sizing: border-box;
}


/* Label */

.thm-showroom__label {

    margin-bottom: 8px;

    color: #fff;

    font-size: 13px;
    line-height: 1.4;

    font-weight: 400;

    letter-spacing: .5px;

    text-transform: uppercase;
}


/* Title */

.thm-showroom__content h2 {

    margin: 0 0 12px !important;

    color: #fff;


    font-size: 28px;

    line-height: 1.18;

    font-weight: 400;
}


/* Description */

.thm-showroom__content p {

    max-width: 430px;

    margin: 0 0 20px !important;

    color: rgba(255,255,255,.85);

    font-size: 14px;

    line-height: 1.65;

    font-weight: 400;
}


/* =====================================================
   BUTTON
===================================================== */

.thm-showroom__button {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-width: 165px;

    min-height: 42px;

    padding: 8px 14px;

    border: 1px solid #b9945b;

    border-radius: 5px;

    color: #fff !important;

    font-size: 13px;

    font-weight: 400;

    text-decoration: none !important;

    transition: all .3s ease;
}


.thm-showroom__button strong {

    font-size: 21px;

    line-height: 1;

    font-weight: 400;
}


.thm-showroom__button:hover {

    background: #b9945b;

    border-color: #b9945b;

    color: #fff !important;
}


/* =====================================================
   VIDEO
===================================================== */

.thm-showroom__video {

    position: relative;

    width: 100%;

    min-width: 0;

    overflow: hidden;

    background: #000;

    aspect-ratio: 16 / 9;
}


/* Poster */

.thm-showroom__poster {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;
}


/* Image */

.thm-showroom__poster > img {

    position: absolute;

    inset: 0;

    display: block;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    object-fit: cover;

    object-position: center;

}


/* =====================================================
   PLAY BUTTON
===================================================== */

.thm-showroom__play {

    position: absolute;

    z-index: 3;

    top: 50%;
    left: 50%;

    width: 72px;
    height: 72px;

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255,255,255,.8);

    border-radius: 50%;

    background: rgba(0,0,0,.35);

    cursor: pointer;

    transition: all .3s ease;
}


/* Tam giác Play */

.thm-showroom__play span {

    display: block;

    width: 0;
    height: 0;

    margin-left: 5px;

    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

    border-left: 15px solid #fff;
}


/* Hover */

.thm-showroom__play:hover {

    transform: translate(-50%, -50%) scale(1.08);

    background: rgba(181,145,85,.85);

    border-color: #b9955d;
}


/* =====================================================
   YOUTUBE IFRAME
===================================================== */

.thm-showroom__video iframe {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 849px) {

    .thm-showroom__content {

        padding: 0px;
    }

    .thm-showroom__content h2 {

        font-size: 24px;
    }

    .thm-showroom__content p {

        font-size: 13px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 549px) {

    .thm-showroom {

        display: flex;

        flex-direction: column;
    }
    .thm-showroom .thm-catbox__more{
        margin-top: 0px;
        margin: 0 auto; 
    }


    /* Nội dung trên */

    .thm-showroom__content {

        order: 1;

        padding: 10px;

        align-items: flex-start;
    }


    /* Video xuống dưới */

    .thm-showroom__video {

        order: 2;

        width: 100%;

        aspect-ratio: 16 / 10;
    }


    .thm-showroom__label {

        font-size: 12px;

        margin-bottom: 7px;
    }


    .thm-showroom__content h2 {

        margin-bottom: 12px !important;

        font-size: 20px;

        line-height: 1.2;
    }


    .thm-showroom__content p {

        margin-bottom: 18px !important;

        max-width: 100%;

        font-size: 13px;

        line-height: 1.6;
    }


    .thm-showroom__button {

        min-width: 150px;

        min-height: 40px;

        font-size: 12px;
    }


    .thm-showroom__play {

        width: 58px;
        height: 58px;
    }


    .thm-showroom__play span {

        border-top-width: 8px;
        border-bottom-width: 8px;

        border-left-width: 12px;
    }

}

.thm-showroom__video {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;

    overflow: hidden;

    background: #0d0c0a;

    aspect-ratio: 16 / 9;
}

.thm-showroom__poster {
    position: absolute;

    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}

.thm-showroom__poster > img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover;
    object-position: center center;
}

.star-rating span:before, .star-rating:before, .woocommerce-page .star-rating:before {
    color: #bd8d42!important;
}

.thm-pr-close{
    font-size: 12px!important;
}


@media (max-width: 849px) {
    body .off-canvas .nav-vertical > li > a {
        color: #deab64;
        font-family: 'Roboto';
        font-size: 14px;
    }

    body .nav-sidebar.nav-vertical > li + li .toggle {
        color: #deab64;
    }
}
.ml-footer-lang {
    display: none;
}

@media (max-width: 768px) {
    /*body .off-canvas .nav-vertical > li > a {
        color: #111;
        font-family: 'Roboto';
        font-size: 14px;
    } 

    body .nav-sidebar.nav-vertical > li + li .toggle {
        color: #111;
    }*/ 
    .ml-footer-lang {
        display: flex;
        position: fixed;
        bottom: 60px;
        z-index: 9999;
    }

    .ml-footer-lang .gtranslate_wrapper {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    div#main-menu {
        width: 75%;
        height: 100%;
    }
}


.mlps-title a {
    color: #deab64;
}


/* =========================================================
   MINH LAM FOOTER
========================================================= */

.ml-footer {
    --ml-bg: #0d0c0a;
    --ml-bg-soft: #15120e;
    --ml-gold: #c9a45f;
    --ml-gold-light: #e3c98d;
    --ml-text: #eee9df;
    --ml-muted: #9d968b;
    --ml-border: rgba(201, 164, 95, .18);

    position: relative;

    background: var(--ml-bg);
    color: var(--ml-text);

    font-size: 14px;
    line-height: 1.6;
}


.ml-footer a {
    color: inherit!important;
    text-decoration: none;

    transition:
        color .2s ease,
        opacity .2s ease,
        border-color .2s ease,
        background .2s ease;
}


.ml-footer-container {
    width: min(100% - 40px, 1450px);
    margin: 0 auto;
}


/* =========================================================
   MAIN
========================================================= */

.ml-footer-main {
    padding: 58px 0 48px;
}


.ml-footer-main .ml-footer-container {
    display: grid;

    grid-template-columns:
        minmax(280px, 1.2fr)
        minmax(180px, .8fr)
        minmax(180px, .8fr)
        minmax(280px, 1.25fr);

    gap: 55px;
}


/* =========================================================
   BRAND
========================================================= */

.ml-footer-brand {
    display: flex;
    align-items: center;

    gap: 15px;

    margin-bottom: 28px;
}


.ml-footer-logo {
    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    padding: 5px;

    border: 1px solid rgba(201, 164, 95, .35);
    border-radius: 50%;
}


.ml-footer-logo img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.ml-footer-brand-text {
    display: flex;
    flex-direction: column;
}


.ml-footer-brand-text strong {
    color: var(--ml-gold-light);


    font-size: 19px;
    font-weight: 500;
    line-height: 1.3;

    letter-spacing: .4px;
}


.ml-footer-brand-text span {
    margin-top: 5px;

    color: var(--ml-muted);

    font-size: 12px;
}


/* =========================================================
   CONTACT
========================================================= */

.ml-footer-contact-list {
    display: flex;
    flex-direction: column;

    gap: 17px;
}


.ml-footer-contact-item {
    display: flex;

    gap: 12px;

    color: var(--ml-text);
}


.ml-footer-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    margin-top: 1px;

    border: 1px solid rgba(201, 164, 95, .25);
    border-radius: 50%;

    color: var(--ml-gold);
}


.ml-footer-contact-item > div {
    min-width: 0;
}


.ml-footer-contact-item small {
    display: block;

    margin-bottom: 1px;

    color: var(--ml-muted);

    font-size: 12px;
}


.ml-footer-contact-item p {
    margin: 0;

    color: #d8d3ca;
}


.ml-footer-contact-item a {
    color: #fff!important;
}


.ml-footer-contact-item a:hover {
    color: var(--ml-gold-light);
}


.ml-footer-contact-item:first-child a {
    color: var(--ml-gold-light);

    font-size: 16px;
    font-weight: 600;
}


.ml-footer-separator {
    margin: 0 4px;

    color: var(--ml-muted);
}


/* =========================================================
   TITLES
========================================================= */

.ml-footer-title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    margin: 0 0 21px;
    padding: 0 0 13px;

    border: 0;
    border-bottom: 1px solid var(--ml-border);

    background: transparent;

    color: var(--ml-gold-light);

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;

    text-align: left;
    text-transform: uppercase;

    cursor: default;
}


.ml-footer-title span {
    display: none;

    font-size: 22px;
    font-weight: 300;
}


/* =========================================================
   MENU
========================================================= */

.ml-footer-menu ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.ml-footer-menu li {
    margin: 0 0 10px;
}


.ml-footer-menu a {
    position: relative;

    display: inline-block;

    padding-left: 0;

    color: #c8c2b8!important;
}


.ml-footer-menu a::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: 1px;

    width: 0;
    height: 1px;

    background: var(--ml-gold);

    transition: width .25s ease;
}


.ml-footer-menu a:hover {
    color: var(--ml-gold-light);
}


.ml-footer-menu a:hover::before {
    width: 100%;
}


/* =========================================================
   SOCIAL CARD
========================================================= */

.ml-social-card {
    padding: 18px;

    border: 1px solid var(--ml-border);
    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.008)
        );
}


.ml-social-head {
    display: flex;
    align-items: center;

    gap: 12px;
}


.ml-social-head img {
    width: 48px;
    height: 48px;

    object-fit: contain;

    border-radius: 8px;
}


.ml-social-head div {
    display: flex;
    flex-direction: column;
}


.ml-social-head strong {
    color: #fff;

    font-size: 15px;
}


.ml-social-head small {
    margin-top: 2px;

    color: var(--ml-muted);
}


.ml-social-actions {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 8px;

    margin-top: 16px;
}


.ml-social-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    border: 1px solid var(--ml-gold);
    border-radius: 7px;

    background: var(--ml-gold);

    color: #17130c !important;

    font-size: 13px;
    font-weight: 600;
}


.ml-social-btn:hover {
    background: var(--ml-gold-light);
}


.ml-social-btn-outline {
    background: transparent;

    color: var(--ml-gold-light) !important;
}


.ml-social-btn-outline:hover {
    background: rgba(201, 164, 95, .1);
}


/* =========================================================
   BOTTOM
========================================================= */

.ml-footer-bottom {
    border-top: 1px solid var(--ml-border);

    background: #090806;
}


.ml-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 66px;

    color: #817b72;

    font-size: 12px;
}


.ml-footer-bottom-links {
    display: flex;

    gap: 24px;
}


.ml-footer-bottom-links a:hover {
    color: var(--ml-gold-light);
}


/* =========================================================
   MOBILE ACTIONS
========================================================= */

.ml-footer-mobile-actions {
    display: none;
}


/* =========================================================
   MOBILE <= 768px
========================================================= */

@media (max-width: 768px) {

    .ml-footer {
        padding-bottom: 6px;
    }


    .ml-footer-container {
        width: calc(100% - 32px);
    }


    .ml-footer-main {
        padding: 38px 0 25px;
    }


    .ml-footer-main .ml-footer-container {
        display: block;
    }


    /* CONTACT */

    .ml-footer-contact {
        padding-bottom: 30px;
    }


    .ml-footer-brand {
        align-items: center;

        margin-bottom: 24px;
    }


    .ml-footer-logo {
        flex-basis: 52px;

        width: 52px;
        height: 52px;
    }


    .ml-footer-brand-text strong {
        font-size: 17px;
    }


    .ml-footer-contact-list {
        gap: 15px;
    }


    .ml-footer-contact-item:first-child a {
        font-size: 15px;
    }


    /* ACCORDION */

    .ml-footer-menu,
    .ml-footer-social {
        border-top: 1px solid var(--ml-border);
    }


    .ml-footer-title {
        min-height: 57px;

        margin: 0;
        padding: 0;

        border-bottom: 0;

        font-size: 14px;

        cursor: pointer;
    }


    .ml-footer-title span {
        display: block;

        transition: transform .25s ease;
    }


    .ml-footer-col.is-open .ml-footer-title span {
        transform: rotate(45deg);
    }


    .ml-footer-collapse {
        display: none;

        padding: 0 0 20px;
    }


    .ml-footer-col.is-open .ml-footer-collapse {
        display: block;
    }


    .ml-footer-menu li {
        margin-bottom: 0;
    }


    .ml-footer-menu a {
        display: block;

        padding: 8px 0;

        font-size: 14px;
    }


    /* SOCIAL */

    .ml-social-card {
        padding: 15px;

        border-radius: 10px;
    }


    /* BOTTOM */

    .ml-footer-bottom-inner {
        flex-direction: column;

        justify-content: center;

        gap: 4px;

        min-height: 76px;

        text-align: center;
    }


    .ml-footer-bottom-links {
        gap: 16px;
    }


    /* FIXED CALL / ZALO */

    .ml-footer-mobile-actions {
        position: fixed;

        z-index: 999;

        left: 0;
        right: 0;
        bottom: 0;

        display: grid;

        grid-template-columns: 1fr 1fr;

        min-height: 45px;

        padding:
            7px
            10px
            calc(7px + env(safe-area-inset-bottom));

        border-top: 1px solid rgba(201, 164, 95, .25);

        background:
            rgba(12, 10, 7, .96);

        backdrop-filter: blur(10px);
    }


    .ml-footer-action {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 8px;

        border-right: 1px solid rgba(201, 164, 95, .2);

        color: var(--ml-gold-light) !important;

        font-size: 14px;
        font-weight: 600;
    }


    .ml-footer-action:last-child {
        border-right: 0;
    }


    .ml-footer-action span {
        display: flex;
        align-items: center;
        justify-content: center;

       /* width: 27px;
        height: 27px;

        border: 1px solid var(--ml-gold);
        border-radius: 50%;*/

        font-size: 11px;
    }
    .ml-footer-cart-count{
        width: 22px;
        height: 22px;

        border: 1px solid var(--ml-gold);
        border-radius: 50%;
    }

}
.footer-widgets.footer.footer-2 {
    padding: 0px;
}

.footer-widgets.footer.footer-2 div#block-3 {
    padding: 0px;
}
body .slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #deab64;
}

@media (max-width: 768px) {

    .ml-blog-mobile-2 .post-item,
    .ml-blog-mobile-2 .flickity-slider > .col {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .ml-blog-mobile-2 .box-text {
        padding: 8px 4px 0;
    }

    .ml-blog-mobile-2 .post-title {
        font-size: 13px;
        line-height: 1.35;
    }

    .ml-blog-mobile-2 .box-image {
        border-radius: 8px;
        overflow: hidden;
    }
    .mlps-heading,.mlps-title{
        font-size: 20px!important;
    }
}

/* =====================================================
   MINH LAM - CUSTOMER REVIEWS
===================================================== */

.ml-review-section {
    --ml-review-gold: #c9a45f;
    --ml-review-gold-light: #e0c185;
    --ml-review-text: #191714;
    --ml-review-muted: #857d72;
    --ml-review-border: #e8dfcf;
    --ml-review-bg: #faf8f4;

    padding-top: 55px;
    padding-bottom: 55px;

}


/* =====================================================
   TITLE
===================================================== */

.ml-review-section .section-title,
.ml-review-section h2,
.ml-review-section h3 {
    margin-bottom: 8px;

    color: #29231c;

    font-family: inherit;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;

    text-align: center;
}


/* Nếu text tiêu đề đang là p */
.ml-review-section > .section-content > .text-center:first-child {
    margin-bottom: 28px;
}


/* Trang trí dưới tiêu đề */

.ml-review-section .section-title::after {
    content: "";

    display: block;

    width: 46px;
    height: 1px;

    margin: 12px auto 0;

    background: var(--ml-review-gold);
}


/* =====================================================
   ROW
===================================================== */

.ml-review-section .row {
    margin-left: -8px;
    margin-right: -8px;
}


.ml-review-section .row > .col {
    padding-left: 8px;
    padding-right: 8px;
}


/* =====================================================
   REVIEW CARD
===================================================== */

.ml-review-section .row > .col > .col-inner {
    position: relative;

    height: 100%;

    padding:0px;
    padding-bottom: 10px;

    border: 1px solid var(--ml-review-border);
    border-radius: 14px;

    background: #0d0c0a;

    box-shadow:
        0 5px 20px rgba(43, 34, 20, .06);

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.ml-review-section .img-inner.dark:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 20%, rgba(0, 0, 0, 0.18) 45%, rgba(0, 0, 0, 0.90) 100%);
}


/* Hover desktop */

@media (min-width: 769px) {

    .ml-review-section .row > .col > .col-inner:hover {
        transform: translateY(-5px);

        border-color: rgba(201, 164, 95, .55);

        box-shadow:
            0 14px 34px rgba(43, 34, 20, .11);
    }

}


/* =====================================================
   IMAGE
===================================================== */

.ml-review-section .image {
    width: 100%;

    margin-bottom: 0;
}


.ml-review-section .image,
.ml-review-section .image-inner {
    border-radius: 10px;

    overflow: hidden;
}


.ml-review-section .image img {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 3 / 4;

    object-fit: contain;
    object-position: center;

    background: #f5f3ef;

    border-radius: 10px;
}


/* tránh Flatsome zoom ảnh quá mạnh */

.ml-review-section .image:hover img {
    transform: none;
}


/* =====================================================
   TESTIMONIAL / STARS
===================================================== */

.ml-review-section .testimonial-box {
    margin: 0;

    padding: 0px;

    text-align: center;
}


.ml-review-section .testimonial-text {
    margin: 0;
}


/* Xử lý rating của Flatsome */

.ml-review-section .star-rating {
    display: inline-block;

    float: none;

    margin: 0 auto;

    color: var(--ml-review-gold);

    font-size: 16px;
}


/* Nếu testimonial dùng icon sao riêng */

.ml-review-section .icon-star,
.ml-review-section .icon-star-o {
    color: var(--ml-review-gold);
}


/* Một số phiên bản Flatsome */

.ml-review-section .testimonial-box .stars,
.ml-review-section .testimonial-box .star-rating {
    margin-top: 0;
    margin-bottom: 0;
}


/* =====================================================
   CARD BADGE
===================================================== */



/* =====================================================
   FLICKITY ARROWS
===================================================== */

.ml-review-section .flickity-button,
.ml-review-section .flickity-prev-next-button {
    width: 38px;
    height: 38px;

    border: 1px solid rgba(201, 164, 95, .38);
    border-radius: 50%;

    background: rgba(255, 255, 255, .96);

    box-shadow:
        0 3px 12px rgba(0, 0, 0, .07);
}


.ml-review-section .flickity-prev-next-button:hover {
    background: var(--ml-review-gold);
}


.ml-review-section .flickity-prev-next-button svg {
    fill: #373027;
}


.ml-review-section .flickity-prev-next-button:hover svg {
    fill: #fff;
}


/* =====================================================
   DOTS
===================================================== */

.ml-review-section .flickity-page-dots {
    position: relative;

    bottom: auto;

    margin-top: 25px;
}


.ml-review-section .flickity-page-dots .dot {
    width: 7px;
    height: 7px;

    margin: 0 5px;

    opacity: 1;

    background: #d4d0c8;

    transition: all .25s ease;
}


.ml-review-section .flickity-page-dots .dot.is-selected {
    width: 24px;

    border-radius: 99px;

    background: var(--ml-review-gold);
}


/* =====================================================
   MOBILE <= 768px
===================================================== */

@media (max-width: 768px) {

    .ml-review-section {
        padding-top: 36px;
        padding-bottom: 38px;
    }


    /* TITLE */

    .ml-review-section .section-title,
    .ml-review-section h2,
    .ml-review-section h3 {
        font-size: 21px;
        line-height: 1.3;
    }


    /* ROW */

    .ml-review-section .row {
        margin-left: -5px;
        margin-right: -5px;
    }


    /*
     * 2 review / dòng
     */
    .ml-review-section .row > .col {
        flex-basis: 50% !important;
        width: 50% !important;
        max-width: 50% !important;

        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
    }


    /* CARD */

    .ml-review-section .row > .col > .col-inner {
        padding: 6px 6px 11px;

        border-radius: 10px;

        box-shadow:
            0 4px 13px rgba(43, 34, 20, .055);
    }


    /* IMAGE */

    .ml-review-section .image,
    .ml-review-section .image-inner,
    .ml-review-section .image img {
        border-radius: 7px;
    }


    .ml-review-section .image img {
        aspect-ratio: 3 / 4;
    }


    /* RATING */

    .ml-review-section .testimonial-box {
        padding: 9px 2px 0;
    }


    .ml-review-section .star-rating {
        font-size: 13px;
    }


    .ml-review-section .row > .col > .col-inner::after {
        margin-top: 6px;

        font-size: 9px;
    }


    /* DOTS */

    .ml-review-section .flickity-page-dots {
        margin-top: 14px;
    }


    .ml-review-section .flickity-page-dots .dot {
        width: 6px;
        height: 6px;
    }


    .ml-review-section .flickity-page-dots .dot.is-selected {
        width: 20px;
    }


    /*
     * Mobile không cần arrow
     * vuốt bằng tay tự nhiên hơn
     */
    .ml-review-section .flickity-prev-next-button {
        display: none;
    }

}
@media (max-width: 768px) {

    .ml-review-section .row {
        display: flex !important;
        flex-wrap: nowrap !important;

        overflow-x: auto;
        overflow-y: hidden;

        margin-left: -5px;
        margin-right: -5px;

        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .ml-review-section .row::-webkit-scrollbar {
        display: none;
    }

    .ml-review-section .row > .col {
        flex: 0 0 50% !important;

        width: 50% !important;
        max-width: 50% !important;

        padding-left: 5px !important;
        padding-right: 5px !important;

        scroll-snap-align: start;
    }
    a.wp-call-button {
        display: none;
    }

    span#custom_html-7 {
        display: none;
    }
}
.ml-review-section .flickity-page-dots {
    left: unset;
    right: unset;
}
.ml-review-section .testimonial-meta {
    margin-top: 0px;

    color: #2a251f;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;

    text-align: center;
    padding: 0px;
}

.ml-review-section .testimonial-meta::before {
    content: "";
}
.ml-review-section .testimonial-name {
    display: block;

    margin-top: 7px;

    color: #fff;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;

    text-align: center;
}

/* =========================================================
   MINH LAM HEADER - MODERN LUXURY
========================================================= */

#header {
    --ml-header-bg: #111215;
    --ml-header-bg-soft: rgba(15, 13, 10, .96);

    --ml-gold: #d1aa5b;
    --ml-gold-light: #d4c1a0;

    --ml-text: #f5efe4;
    --ml-muted: #a59a89;

    --ml-border: rgba(209, 170, 91, .22);

    background: var(--ml-header-bg);

    transition:
        background .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* =========================================================
   TOP BAR
========================================================= */

#header .header-top {
    min-height: 45px;

    border-bottom: 1px solid var(--ml-border);

    background:
        linear-gradient(
            90deg,
            #090806 0%,
            #100e0a 50%,
            #090806 100%
        );
}


/* top bar text */

#header .header-top,
#header .header-top a {
    color: var(--ml-gold-light);

    font-size: 13px;
}


/* icon */

#header .header-top i,
#header .header-top .icon {
    color: var(--ml-gold);
}


/* chia cột */

#header .header-top .flex-col {
    min-height: 44px;

    display: flex;
    align-items: center;
}


/* =========================================================
   MAIN HEADER
========================================================= */

#header .header-main {
    min-height: 98px;

    border-bottom: 1px solid rgba(209, 170, 91, .12);

    transition:
        min-height .3s ease,
        background .3s ease;
}


/* =========================================================
   LOGO
========================================================= */

#header #logo {
    position: relative;
}


#header #logo img {
    transition:
        transform .3s ease,
        filter .3s ease;
}




/* =========================================================
   MODERN HEADER ICONS
========================================================= */

#header .thm-header-icon {
    position: relative;

    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#header .thm-header-icon svg {
    width: 23px;
    height: 23px;

    fill: none;

    stroke: #e9b856;
    stroke-width: 1.55;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        stroke .2s ease,
        transform .2s ease;
}

#header .thm-header-wishlist,
#header .thm-header-cart,
#header .thm-header-account {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    color: #e9b856;
}

#header .thm-header-wishlist:hover svg,
#header .thm-header-cart:hover svg,
#header .thm-header-account:hover svg {
    stroke: #f3ca76;
    transform: translateY(-1px);
}


/* ===============================
   BADGE
================================ */

#header .thm-wishlist-count,
#header .thm-cart-count {
    position: absolute;

    top: -6px;
    right: -8px;

    min-width: 16px;
    height: 16px;

    padding: 0 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50px;

    background: #e9b856;
    color: #18130a;

    font-size: 9px;
    font-weight: 700;
    line-height: 16px;

    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}


/* account không cần vòng tròn ngoài */
#header .thm-header-account {
    border: 0;
    background: transparent;
}
/* =========================================================
   TOP HEADER - TRẦM HƯƠNG MINH LÂM
   MODERN LUXURY / MINIMAL
========================================================= */



@media (max-width: 1024px) {
    .header-nav > li > a {
        padding: 0px 5px;
        font-size: 13px;
    }
    #header .account-item:before{
        display: none;
    }
    #header .nav > li {
        margin: 0;
        padding: 0px;
    }
}
@media (max-width: 1180px) {
    .header-nav > li > a {
        padding: 0px 5px;
        font-size: 13px;
    }
    #header .account-item:before{
        display: none;
    }
    #header .nav > li {
        margin: 0;
        padding: 0px;
    }
}
@media (min-width: 850px) {

    /* =====================================================
       TOP BAR
    ===================================================== */

    #header {
        min-height: 50px;
        padding: 5px 0;

        background: #111210;
        border-bottom: 1px solid rgba(233,184,86,.08);
    }

    #header .flex-row.container {
        max-width: 1420px;
        min-height: 50px;
    }

    #header .nav {
        min-height: 50px;
        align-items: center;
    }

    #header .nav > li {
        margin: 0;
    }

    #header a {
        transition:
            color .2s ease,
            border-color .2s ease,
            background-color .2s ease,
            transform .2s ease;
    }


    /* =====================================================
       LEFT AREA
       SHOWROOM + HOTLINE
    ===================================================== */

    #header .nav-left {
        gap: 0;
    }

    #header .html_topbar_right,
    #header .html_top_right_text {
        display: flex;
        align-items: center;

        min-height: 50px;
    }


    /* =====================================================
       SHOWROOM
    ===================================================== */

    #header .thm-header-showroom {
        display: inline-flex;
        align-items: center;

        gap: 10px;

        color: #d4c1a0;

        font-size: 14px;
        font-weight: 400;
        line-height: 1;

        white-space: nowrap;
        text-decoration: none;
    }

    #header .thm-location-icon {
        width: 32px;
        height: 32px;

        flex: 0 0 32px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        border: 1px solid rgba(201,158,66,.35);
        border-radius: 8px;

        color: #e0ad48;
    }

    #header .thm-location-icon svg {
        width: 19px;
        height: 19px;
    }

    #header .thm-header-showroom:hover {
        color: #efc56a;
    }


    /* =====================================================
       DIVIDER SHOWROOM
    ===================================================== */

    #header .html_topbar_right {
        position: relative;

        padding-right: 25px;
        margin-right: 0;
    }

    #header .html_topbar_right:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);

        width: 1px;
        height: 24px;

        background: linear-gradient(
            to bottom,
            rgba(190, 145, 52, 0) 0%,
            rgba(190, 145, 52, .18) 25%,
            rgba(190, 145, 52, .55) 50%,
            rgba(190, 145, 52, .18) 75%,
            rgba(190, 145, 52, 0) 100%
        );
    }


    /* =====================================================
       HOTLINE
    ===================================================== */

    #header .html_top_right_text {
        margin-left: 25px !important;
    }

    #header .thm-header-phone {
        position: relative;

        display: inline-flex;
        align-items: center;

        gap: 10px;

        color: #d4c1a0;

        font-size: 14px;
        font-weight: 400;
        line-height: 1;

        white-space: nowrap;
        text-decoration: none;
        flex-wrap: nowrap;
    }

    #header .thm-header-phone2:before {
        content: "";

        width: 32px;
        height: 32px;

        flex: 0 0 32px;

        border: 1px solid rgba(201,158,66,.35);
        border-radius: 8px;
    }



    #header .thm-header-phone:hover {
        color: #efc56a;
    }


    /* =====================================================
       RIGHT NAV
    ===================================================== */

    #header .flex-right > .nav {
        gap: 0;
    }


    /* =====================================================
       SEARCH
    ===================================================== */

    #header .header-search-form {
        width: auto;
        min-width: 250px;
        margin-right: 0;
    }

    #header .header-search-form-wrapper,
    #header .searchform-wrapper,
    #header .searchform {
        width: 100%;
    }

    #header .searchform > .flex-row {
        height: 40px;

        align-items: center;

        border: 1px solid rgba(211,163,62,.48);
        border-radius: 999px;

        background: #1a1a18;

        overflow: hidden;

        transition:
            border-color .2s ease,
            box-shadow .2s ease;
    }

    #header .searchform > .flex-row:focus-within {
        border-color: rgba(233,184,86,.8);

        box-shadow: 0 0 0 2px rgba(233,184,86,.05);
    }

    #header .search-field {
        height: 38px !important;

        padding: 0 20px !important;

        border: 0 !important;
        box-shadow: none !important;

        background: transparent !important;

        color: #d4c1a0 !important;

        font-family: "Roboto", sans-serif;
        font-size: 12px;
    }

    #header .search-field::placeholder {
        color: #7c7c7c !important;
        opacity: 1;
    }

    #header .ux-search-submit {
        width: 44px;
        min-width: 44px;

        height: 38px;
        min-height: unset;

        padding: 0;
        margin: 0;

        border: 0 !important;
        box-shadow: none !important;

        background: transparent !important;

        line-height: 38px;
    }

    #header .ux-search-submit i {
        color: #d9a953;

        font-size: 18px;
    }

    #header .ux-search-submit:hover i {
        color: #efc56a;
    }


    /* =====================================================
       RIGHT ICON GROUP
       Wishlist / Cart / Account
    ===================================================== */

    #header .html_topbar_left,
    #header .cart-item,
    #header .account-item {
        position: relative;

        min-height: 50px;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header .html_topbar_left {
        margin-left: 25px !important;

        padding-left: 15px;
        padding-right: 15px;
    }

    #header .cart-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    #header .account-item {
        padding-left: 15px;
        padding-right: 0;
    }


    /* =====================================================
       RIGHT DIVIDERS
    ===================================================== */

    #header .html_topbar_left:before,
    #header .cart-item:before,
    #header .account-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);

        width: 1px;
        height: 24px;

        background: linear-gradient(
            to bottom,
            rgba(190, 145, 52, 0) 0%,
            rgba(190, 145, 52, .18) 25%,
            rgba(190, 145, 52, .55) 50%,
            rgba(190, 145, 52, .18) 75%,
            rgba(190, 145, 52, 0) 100%
        );
    }


    /* =====================================================
       WISHLIST
    ===================================================== */

    #header .thm-header-wishlist {
        width: 34px;
        height: 34px;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #e9b856;

        text-decoration: none;
    }

    #header .thm-wishlist-icon {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header .thm-wishlist-icon .icon-heart {
        font-size: 21px;
        line-height: 1;
    }

    #header .thm-header-wishlist:hover {
        color: #efc56a;

        transform: translateY(-1px);
    }


    /* =====================================================
       WISHLIST BADGE
    ===================================================== */

    #header .thm-wishlist-count {
        position: absolute;

        top: -7px;
        right: -9px;

        min-width: 17px;
        height: 17px;

        padding: 0 4px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 20px;

        background: #e4b34e;
        color: #29200f;

        font-size: 10px;
        font-weight: 700;
        line-height: 17px;

        box-shadow: 0 2px 7px rgba(0,0,0,.28);
    }


    /* =====================================================
       CART
    ===================================================== */

    #header .header-cart-link {
         display: flex;
        align-items: center;
        justify-content: center;

        color: #e9b856 !important;
        overflow: unset!important;
    }

    #header .header-cart-link .icon-shopping-bag {
        font-size: 21px;
        line-height: 1;
    }

    #header .header-cart-link:hover {
        color: #efc56a !important;

        transform: translateY(-1px);
    }


    /* =====================================================
       CART BADGE
    ===================================================== */

    #header .header-cart-link [data-icon-label]:after {
        top: -7px;
        right: -9px;

        min-width: 17px;
        height: 17px;

        padding: 0 4px;

        border: 0;
        border-radius: 20px;

        background: #e4b34e;
        color: #29200f;

        font-size: 10px;
        font-weight: 700;
        line-height: 17px;

        box-shadow: 0 2px 7px rgba(0,0,0,.28);
    }


    /* =====================================================
       ACCOUNT
    ===================================================== */

    #header .account-item .header-button {
        margin: 0;
    }

    #header .account-item .account-link {
        width: 34px;
        height: 34px;

        min-width: 34px;
        min-height: 34px;

        padding: 0;

        display: flex;
        align-items: center;
        justify-content: center;

       /* border: 1px solid #e9b856 !important;
        border-radius: 50% !important;*/

        background: transparent !important;

        color: #e9b856 !important;

        box-shadow: none !important;
    }

    #header .account-item .account-link i {
        font-size: 20px;
    }

    #header .account-item .account-link:hover {
        border:0 !important;
    }


    /* =====================================================
       REMOVE FLATSOME DEFAULT DIVIDERS
    ===================================================== */

    #header .nav-divided > li + li > a:after,
    #header .nav-divided > li + li:after {
        display: none !important;
    }


    /* =========================================================
       NAV DROPDOWN
       Minimal Luxury
    ========================================================= */

    #header .nav-dropdown {
        min-width: 220px;

        padding: 8px;

        background: #111210;

        border: 1px solid rgba(233,184,86,.12);
        border-radius: 8px;

        box-shadow: 0 18px 45px rgba(0,0,0,.38);
    }



    /* =========================
       PARENT
    ========================= */

    #header .cart-item,
    #header .account-item {
        position: relative;
    }

    /* =========================
       DROPDOWN DEFAULT HIDDEN
    ========================= */

    #header .cart-item > .nav-dropdown,
    #header .account-item > .nav-dropdown {
        display: block !important;

        position: absolute;

        top: 100% !important;
        right: 0 !important;
        left: auto !important;

        margin: 0 !important;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translateY(8px) !important;

        transition:
            opacity .18s ease,
            visibility .18s ease,
            transform .18s ease;
    }

    /* =========================
       SHOW ONLY WHEN PARENT HOVER
    ========================= */

    #header .cart-item:hover > .nav-dropdown,
    #header .account-item:hover > .nav-dropdown,
    #header .cart-item > .nav-dropdown:hover,
    #header .account-item > .nav-dropdown:hover {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translateY(0) !important;
    }

    /* =========================
       HOVER BRIDGE
       tránh mất dropdown khi rê xuống
    ========================= */

    #header .cart-item > .nav-dropdown:before,
    #header .account-item > .nav-dropdown:before {
        content: "";

        position: absolute;

        top: -10px;
        left: 0;
        right: 0;

        height: 10px;

        display: block !important;

        background: transparent;

        border: 0 !important;
    }
    
    /* bỏ tam giác dropdown Flatsome */
/*    #header .nav-dropdown:before,
    #header .nav-dropdown:after {
        display: none !important;
    }*/

    #header .nav-dropdown > li {
        margin: 0;

        border: 0 !important;
    }

    #header .nav-dropdown > li > a {
        min-height: 38px;

        padding: 9px 12px;

        display: flex;
        align-items: center;
        margin: 0;
        border-radius: 0px;

        color: #c9bda9 !important;

        font-size: 13px;
        font-weight: 400;
        line-height: 1.3;

        text-transform: none;
        letter-spacing: 0;

        transition:
            background .2s ease,
            color .2s ease;
        border-bottom: 1px solid #303030;
    }

    #header .nav-dropdown > li:last-child > a {
        border: 0px;
    }

    #header .nav-dropdown > li > a:hover,
    #header .nav-dropdown > li.active > a,
    #header .nav-dropdown > li.is-active > a {
        background: rgba(233,184,86,.055);

        color: #e9b856 !important;
    }


    /* =====================================================
       ACCOUNT DROPDOWN
    ===================================================== */

    #header .account-item .nav-dropdown {
        right: 0;
        left: auto;
        width: 230px;
        top: auto;
    }

    #header
    .woocommerce-MyAccount-navigation-link--customer-logout
    > a {
        margin-top: 5px;

        border-top: 1px solid rgba(255,255,255,.05);

        color: #9f9587 !important;
    }

    #header
    .woocommerce-MyAccount-navigation-link--customer-logout
    > a:hover {
        color: #e9b856 !important;
    }


    /* =====================================================
       MINI CART DROPDOWN
    ===================================================== */

    #header .cart-item .nav-dropdown {
        width: 340px;

        padding: 14px;
    }

    #header .widget_shopping_cart {
        padding: 0 !important;
    }

    #header .woocommerce-mini-cart {
        max-height: 320px;

        overflow-y: auto;

        margin: 0;
    }


    /* =====================================================
       MINI CART ITEM
    ===================================================== */

    #header .woocommerce-mini-cart-item {
        position: relative;

        min-height: 68px;
        border-bottom: 1px solid #303030;
        border-top: 0px;
    }

    #header .woocommerce-mini-cart-item:last-child {
        border-bottom: 0;
    }

    #header .woocommerce-mini-cart-item img {
        width: 48px !important;
        height: 48px !important;

        margin-right: 10px !important;

        object-fit: cover;

        border-radius: 4px;
    }

    #header .woocommerce-mini-cart-item > a:not(.remove) {
        color: #d7cbb9 !important;

        font-size: 12.5px;
        font-weight: 400;
        line-height: 1.45;
    }

    #header .woocommerce-mini-cart-item > a:not(.remove):hover {
        color: #e9b856 !important;
    }


    /* =====================================================
       CART QUANTITY
    ===================================================== */

    #header .woocommerce-mini-cart-item .quantity {
        display: block;

        margin-top: 3px;

        color: #80776b!important;

        font-size: 11px;
    }

    #header .woocommerce-mini-cart-item .amount {
        color: #d9a953;

        font-weight: 500;
    }


    /* =====================================================
       REMOVE PRODUCT
    ===================================================== */

    #header .woocommerce-mini-cart-item .remove {
        position: absolute;

        top: 11px;
        right: 0;

        width: auto;
        height: auto;

        border: 0 !important;

        background: transparent !important;

        color: #6f6960 !important;

        font-size: 17px;
        font-weight: 300;
        line-height: 1;
    }

    #header .woocommerce-mini-cart-item .remove:hover {
        color: #e9b856 !important;
    }


    /* =====================================================
       CART TOTAL
    ===================================================== */

    #header .woocommerce-mini-cart__total {
        margin: 8px 0 12px;

        padding: 12px 0;

        display: flex;
        align-items: center;
        justify-content: space-between;

        border-top: 1px solid rgba(255,255,255,.06);
        border-bottom: 0;

        color: #938878;

        font-size: 12px;
    }

    #header .woocommerce-mini-cart__total strong {
        color: #938878;

        font-weight: 400;
    }

    #header .woocommerce-mini-cart__total .amount {
        color: #e9b856;

        font-size: 13px;
        font-weight: 600;
    }


    /* =====================================================
       CART BUTTONS
    ===================================================== */

    #header .woocommerce-mini-cart__buttons {
        display: flex;

        gap: 8px;

        margin: 0;
    }

    #header .woocommerce-mini-cart__buttons .button {
        flex: 1;

        min-height: 36px;

        margin: 0 !important;
        padding: 0 12px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 5px;

        font-size: 12px;
        font-weight: 500;

        text-transform: none;
        letter-spacing: 0;

        box-shadow: none !important;
    }


    /* View cart */
    #header .woocommerce-mini-cart__buttons .wc-forward {
        border: 1px solid rgba(233,184,86,.22);

        background: transparent;

        color: #cdb47c;
    }

    #header .woocommerce-mini-cart__buttons .wc-forward:hover {
        border-color: rgba(233,184,86,.45);

        background: transparent;

        color: #e9b856;
    }


    /* Checkout */
    #header .woocommerce-mini-cart__buttons .checkout {
        border: 1px solid #e9b856;

        background: #e9b856;

        color: #17130c !important;
    }

    #header .woocommerce-mini-cart__buttons .checkout:hover {
        border-color: #efc56a;

        background: #efc56a;

        color: #17130c !important;
    }


    /* =====================================================
       MINI CART SCROLLBAR
    ===================================================== */

    #header .woocommerce-mini-cart::-webkit-scrollbar {
        width: 3px;
    }

    #header .woocommerce-mini-cart::-webkit-scrollbar-track {
        background: transparent;
    }

    #header .woocommerce-mini-cart::-webkit-scrollbar-thumb {
        background: rgba(233,184,86,.2);

        border-radius: 10px;
    }

}
@media (min-width: 850px) {

    #header .account-item,
    #header .cart-item {
        position: relative;
    }

    #header .account-item .nav-dropdown,
    #header .cart-item .nav-dropdown {
        top: calc(100% + 4px) !important;
        right: 0 !important;
        left: auto !important;

        margin: 0 !important;
        transform: none !important;
    }
}
/* =========================================================
   LANGUAGE SWITCHER
========================================================= */


#header .gtranslate_wrapper img,
#header .switcher img {
    border-radius: 2px;

    box-shadow:
        0 0 0 1px rgba(255,255,255,.15);

    transition:
        transform .2s ease,
        opacity .2s ease;
}


#header .gtranslate_wrapper img:hover,
#header .switcher img:hover {
    transform: translateY(-1px) scale(1.06);

    opacity: .9;
}


/* =========================================================
   STICKY HEADER
========================================================= */

#header.ml-header-scrolled .header-top {
    display: none;
}


#header.ml-header-scrolled .header-main {
    min-height: 74px;

    background:
        rgba(5,5,4,.94);

    box-shadow:
        0 10px 30px rgba(0,0,0,.22);

    backdrop-filter: blur(14px);
}


#header.ml-header-scrolled #logo img {
    max-height: 58px !important;
}


/* =========================================================
   MOBILE <= 768px
========================================================= */

@media (max-width: 768px) {

    #header .header-top .gtranslate_wrapper img, #header .header-top .switcher img,.sidebar-menu .gtranslate_wrapper img{
        width: 24px;
        margin: 0 5px;
    }


    #header .header-main {
        min-height: 70px;

        background:
            rgba(7,7,6,.98);
    }



    /*
     * Mobile menu icon
     */

    #header .nav-icon a {
        width: 40px;
        height: 40px;

        display: flex;
        align-items: center;
        justify-content: center;

        border: 1px solid rgba(209,170,91,.25);

        border-radius: 50%;

        color: var(--ml-gold-light);
    }


    /*
     * Mobile search/account/cart
     */

    #header .header-cart-link,
    #header .account-item > a {
        width: 36px;
        height: 36px;
    }


    /*
     * giảm khoảng cách
     */

    #header .flex-col {
        gap: 4px;
    }


    /*
     * Mobile overlay menu
     */

    .mfp-ready .mobile-sidebar,
    .off-canvas .sidebar-menu {
        background:
            linear-gradient(
                180deg,
                #090806 0%,
                #11100d 100%
            );
    }


    .mobile-sidebar .nav > li > a,
    .off-canvas .nav > li > a {
        padding:
            14px 18px;

        border-bottom:
            1px solid rgba(209,170,91,.12);

        color:
            #e8dcc1;

        font-size:
            15px;
    }


    .mobile-sidebar .nav > li.active > a,
    .off-canvas .nav > li.active > a {
        color:
            var(--ml-gold-light);

        background:
            rgba(209,170,91,.06);
    }
    #header .nav-icon a i {
        margin: -7px;
    }
}
#header .header-nav-main > li > a {
    overflow: hidden;
}


#header .header-nav-main > li > a::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 0;
    height: 0;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(209,170,91,.13) 0%,
            rgba(209,170,91,0) 70%
        );

    transform:
        translate(-50%, -50%);

    transition:
        width .35s ease,
        height .35s ease;
}


#header .header-nav-main > li > a:hover::before {
    width: 150px;
    height: 150px;
}

#mlScrollTop {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    margin: 0px;

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #c9a45f;
    border-radius: 50%;

    background: rgba(10, 9, 7, .92);
    color: #e7c97f;

    font-size: 20px;
    line-height: 1;

    cursor: pointer;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);

    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}

#mlScrollTop.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#mlScrollTop:hover {
    background: #c9a45f;
    color: #111;
}

/* Mobile */
@media (max-width: 768px) {
    #mlScrollTop {
        right: 14px;
        bottom: 76px;

        width: 42px;
        height: 42px;

        font-size: 18px;
        display: none;
    }
}
.woocommerce-privacy-policy-text {
    color: #111;
}

/* ======================================================
   MY ACCOUNT LOGIN / REGISTER
====================================================== */

.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 40px auto 60px;
}


/* 2 columns */
.woocommerce-account .u-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}


/* column spacing */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
    padding: 0 30px;
}


/* vertical separator */
.woocommerce-account .u-column1 {
    border-right: 1px solid #e7e1d8;
}


/* headings */
.woocommerce-account h2 {
    margin: 0 0 6px;

    color: #7b5930;

    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;

    text-transform: uppercase;
}


/* labels */
.woocommerce-account form label {
    display: block;

    margin-bottom: 7px;

    color: #2d2925;

    font-size: 14px;
    font-weight: 600;
}


/* inputs */
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="password"] {
    width: 100%;
    height: 46px;

    padding: 8px 12px;

    border: 1px solid #d7d2cb;
    border-radius: 0;

    background: #fff;

    color: #222;

    box-shadow: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.woocommerce-account form input:focus {
    border-color: #b78c45;

    box-shadow:
        0 0 0 2px rgba(183, 140, 69, .08);

    outline: none;
}


/* form row */
.woocommerce-account .form-row {
    margin-bottom: 18px;
}


/* remember */
.woocommerce-account .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-right: 16px;

    color: #333;

    font-size: 14px;
    font-weight: 600;
}


/* checkbox */
.woocommerce-account input[type="checkbox"] {
    width: 14px;
    height: 14px;

    accent-color: #b68b45;
}


/* buttons */
.woocommerce-account button.button,
.woocommerce-account .woocommerce-button {
    min-height: 40px;

    padding: 0 20px;

    border: 0;
    border-radius: 0;

    background: #b88b44;

    color: #fff;

    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;

    box-shadow: none;

    transition:
        background .2s ease,
        transform .2s ease;
}


.woocommerce-account button.button:hover,
.woocommerce-account .woocommerce-button:hover {
    background: #9f7538;

    color: #fff;

    transform: translateY(-1px);
}


/* lost password */
.woocommerce-account .lost_password {
    margin-top: 10px;
}


.woocommerce-account .lost_password a {
    color: #b48742;

    font-size: 14px;
}


.woocommerce-account .lost_password a:hover {
    color: #8d642f;
}


/* privacy text */
.woocommerce-account .woocommerce-privacy-policy-text {
    margin: 10px 0 18px;

    color: #3b3631;

    font-size: 14px;
    line-height: 1.5;
}


.woocommerce-account .woocommerce-privacy-policy-text a {
    color: #b48742;
}


/* register note */
.ml-register-note {
    margin: 6px 0 14px;

    color: #544d46;

    font-size: 14px;
    line-height: 1.45;
}


/* ======================================================
   MOBILE <= 768px
====================================================== */

@media (max-width: 768px) {

    .woocommerce-account .woocommerce {
        margin: 25px auto 40px;
        padding: 0 16px;
    }


    .woocommerce-account .u-columns {
        display: block;
    }


    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        padding: 0;
    }


    .woocommerce-account .u-column1 {
        margin-bottom: 34px;
        padding-bottom: 30px;

        border-right: 0;
        border-bottom: 1px solid #e7e1d8;
    }


    .woocommerce-account h2 {
        font-size: 20px;
    }


    .woocommerce-account form input[type="text"],
    .woocommerce-account form input[type="email"],
    .woocommerce-account form input[type="password"] {
        height: 44px;
    }


    .woocommerce-account button.button,
    .woocommerce-account .woocommerce-button {
        width: auto;

        min-width: 120px;
    }

}

/* =====================================================
   CUSTOMER LOGIN / REGISTER - MINH LÂM
===================================================== */

#customer_login {
    max-width: 1080px;
    margin: 42px auto 60px;
    padding: 0 20px;
}


/* 2 cột */
#customer_login.u-columns,
#customer_login .u-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

#customer_login .u-column1,
#customer_login .u-column2 {
    padding: 0 30px;
}

#customer_login .u-column1 {
    border-right: 1px solid #e7e0d6;
}


/* =====================================================
   TITLE
===================================================== */

#login-form-popup #customer_login h3 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #7d5b32 !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-transform: uppercase !important;
    letter-spacing: 0 !important;

    background: none !important;
    border: 0 !important;
}


/* =====================================================
   LABEL
===================================================== */

#login-form-popup #customer_login form label {
    display: block;

    margin: 0 0 7px !important;

    color: #2d2924 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}


/* dấu * */
#login-form-popup #customer_login form label .required {
    color: #b58946 !important;
}


/* =====================================================
   FORM ROW
===================================================== */

#login-form-popup #customer_login .form-row {
    margin: 0 0 18px !important;
}


/* =====================================================
   INPUT
===================================================== */

#login-form-popup #customer_login input[type="text"],
#login-form-popup #customer_login input[type="email"],
#login-form-popup #customer_login input[type="password"],
#login-form-popup #customer_login input[type="tel"] {
    width: 100% !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 8px 12px !important;

    border: 1px solid #d8d2c8 !important;
    border-radius: 0 !important;

    background: #fff !important;
    color: #27231f !important;

    font-size: 14px !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


#login-form-popup #customer_login input[type="text"]:focus,
#login-form-popup #customer_login input[type="email"]:focus,
#login-form-popup #customer_login input[type="password"]:focus,
#login-form-popup #customer_login input[type="tel"]:focus {
    border-color: #b58b48 !important;

    box-shadow:
        0 0 0 2px rgba(181, 139, 72, .08) !important;

    outline: none !important;
}


/* =====================================================
   TEXT / PARAGRAPH
===================================================== */

#login-form-popup #customer_login p {
    color: #484139 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* text phần đăng ký */
#login-form-popup #customer_login .u-column2 > p {
    margin: 0 0 16px !important;
}


/* privacy */
#login-form-popup #customer_login .woocommerce-privacy-policy-text,
#login-form-popup #customer_login .woocommerce-privacy-policy-text p {
    margin: 0 0 16px !important;

    color: #4e473f !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* =====================================================
   LINKS
===================================================== */

#login-form-popup #customer_login a {
    color: #ad7f3d !important;

    text-decoration: none !important;

    transition: color .2s ease;
}


#login-form-popup #customer_login a:hover {
    color: #7f5828 !important;
}


/* quên mật khẩu */
#login-form-popup #customer_login .lost_password {
    margin: 8px 0 0 !important;
}


#login-form-popup #customer_login .lost_password a {
    font-size: 14px !important;
}


/* =====================================================
   BUTTON
===================================================== */

#login-form-popup #customer_login button.button,
#login-form-popup #customer_login .button {
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 1px solid #b88c46 !important;
    border-radius: 0 !important;

    background: #b88c46 !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 36px !important;

    text-transform: uppercase !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


#login-form-popup #customer_login button.button:hover,
#login-form-popup #customer_login .button:hover {
    background: #9c7338 !important;
    border-color: #9c7338 !important;

    color: #fff !important;

    transform: translateY(-1px);
}


/* =====================================================
   REMEMBER ME
===================================================== */

#login-form-popup #customer_login .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center;

    gap: 8px;

    margin: 0 0 0 14px !important;

    color: #2d2924 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}


#login-form-popup #customer_login
.woocommerce-form-login__rememberme
input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;

    accent-color: #b88c46;
}


/* =====================================================
   LOGIN ACTION ROW
===================================================== */

#login-form-popup #customer_login
.woocommerce-form-login
.form-row:last-of-type {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0;
}


/* =====================================================
   MOBILE <= 768px
===================================================== */

@media (max-width: 768px) {

    #login-form-popup #customer_login {
        margin: 28px auto 42px;
        padding: 0 16px;
    }

    #login-form-popup #customer_login.u-columns,
    #login-form-popup #customer_login .u-columns {
        display: block;
    }

    #login-form-popup #customer_login .u-column1,
    #login-form-popup #customer_login .u-column2 {
        padding: 0;
    }

    #login-form-popup #customer_login .u-column1 {
        margin-bottom: 32px;
        padding-bottom: 30px;

        border-right: 0;
        border-bottom: 1px solid #e7e0d6;
    }

    #login-form-popup #customer_login h3 {
        margin-bottom: 17px !important;

        font-size: 19px !important;
    }

    #login-form-popup #customer_login input[type="text"],
    #login-form-popup #customer_login input[type="email"],
    #login-form-popup #customer_login input[type="password"],
    #login-form-popup #customer_login input[type="tel"] {
        height: 44px !important;
    }

    #login-form-popup #customer_login .form-row {
        margin-bottom: 16px !important;
    }

    #login-form-popup #customer_login p {
        font-size: 13px !important;
    }

    #login-form-popup #customer_login
    .woocommerce-privacy-policy-text,
    #login-form-popup #customer_login
    .woocommerce-privacy-policy-text p {
        font-size: 12.5px !important;
    }

    #login-form-popup #customer_login
    .woocommerce-form-login__rememberme {
        margin-left: 12px !important;

        font-size: 13px !important;
    }
    #customer_login{
        padding: 0px;
        margin: 0px;
    }
    .woocommerce-account .woocommerce{
        padding: 0px;
        margin: 0px;
    }
}
button#button-click-menu-mobile i {
    font-size: 1.9em;
}

button#button-click-menu-mobile {
    padding: 0px;
    margin: 0px;
}
@media (max-width: 768px) {

    .ml-footer-mobile-actions {
        position: fixed;

        z-index: 9999;

        left: 0;
        right: 0;
        bottom: 0;

        display: grid;
        grid-template-columns: repeat(4, 1fr);

        min-height: 45px;

        padding:
            6px 8px
            calc(6px + env(safe-area-inset-bottom));

        border-top: 1px solid rgba(201, 164, 95, .22);

        background: rgba(10, 9, 7, .97);

        backdrop-filter: blur(12px);

        box-shadow:
            0 -8px 24px rgba(0, 0, 0, .18);
    }


    .ml-footer-action {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 3px;

        min-width: 0;

        border-right:
            1px solid rgba(201, 164, 95, .14);

        color: #e3c98d !important;

        text-align: center;
    }


    .ml-footer-action:last-child {
        border-right: 0;
    }


    .ml-footer-action-icon {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 26px;
        height: 26px;

        color: #d2aa5e;

        font-size: 17px;
        line-height: 1;
    }


    .ml-footer-action-icon i {
        font-size: 18px;
    }


    .ml-footer-action-text {
        display: block;

        color: #e7ddcc;

        font-size: 11px;
        font-weight: 500;
        line-height: 1.2;
    }


    .ml-footer-action:active {
        background:
            rgba(201, 164, 95, .08);
    }


    body {
        padding-bottom:
            calc(62px + env(safe-area-inset-bottom));
    }

}
@media (max-width: 768px) {

    .ml-mobile-account-wrap {
        position: relative;
        min-width: 0;
    }


    .ml-mobile-account-wrap .ml-footer-action {
        width: 100%;
        height: 100%;

        border: 0;
        border-radius: 0;

        background: transparent;

        cursor: pointer;
    }


    .ml-mobile-account-menu {
        position: fixed;

        z-index: 10020;

        left: 12px;
        right: 12px;
        bottom: calc(
            72px + env(safe-area-inset-bottom)
        );

        padding: 10px;

        border:
            1px solid rgba(201, 164, 95, .22);

        border-radius: 14px;

        background:
            rgba(16, 14, 10, .985);

        box-shadow:
            0 -10px 35px rgba(0, 0, 0, .28);

        backdrop-filter: blur(14px);

        transform:
            translateY(10px) scale(.985);

        transform-origin: bottom right;

        opacity: 0;

        visibility: hidden;

        transition:
            opacity .2s ease,
            visibility .2s ease,
            transform .2s ease;
    }


    .ml-mobile-account-menu[hidden] {
        display: block;
    }


    .ml-mobile-account-wrap.is-open
    .ml-mobile-account-menu {
        opacity: 1;
        visibility: visible;

        transform:
            translateY(0) scale(1);
    }


    /* USER */

    .ml-account-menu-head {
        display: flex;
        align-items: center;

        gap: 11px;

        padding: 7px 7px 13px;

        border-bottom:
            1px solid rgba(201, 164, 95, .16);
    }


    .ml-account-avatar {
        flex: 0 0 44px;
    }


    .ml-account-avatar img {
        display: block;

        width: 44px;
        height: 44px;

        border-radius: 50%;

        border:
            1px solid rgba(201, 164, 95, .4);
    }


    .ml-account-user {
        min-width: 0;

        display: flex;
        flex-direction: column;
    }


    .ml-account-user strong {
        overflow: hidden;

        color: #edddbb;

        font-size: 14px;
        font-weight: 600;

        white-space: nowrap;
        text-overflow: ellipsis;
    }


    .ml-account-user span {
        overflow: hidden;

        margin-top: 1px;

        color: #918a7f;

        font-size: 11px;

        white-space: nowrap;
        text-overflow: ellipsis;
    }


    /* WOOCOMMERCE MENU */

    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation {
        width: 100%;
        margin: 0;
        padding: 7px 0 0;
    }


    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation ul {
        margin: 0;
        padding: 0;

        list-style: none;
    }


    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation-link {
        margin: 0;
        padding: 0;

        border: 0;
    }


    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation-link a {
        position: relative;

        display: flex;
        align-items: center;

        min-height: 43px;

        padding: 0 12px;

        border-radius: 8px;

        color: #d6cec0 !important;

        font-size: 13px;
        font-weight: 500;

        transition:
            color .2s ease,
            background .2s ease;
    }


    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation-link a:hover,

    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation-link.is-active a {
        background:
            rgba(201, 164, 95, .09);

        color: #e4c982 !important;
    }


    /* Logout */

    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 6px;

        padding-top: 6px;

        border-top:
            1px solid rgba(201, 164, 95, .14);
    }


    .ml-mobile-account-menu
    .woocommerce-MyAccount-navigation-link--customer-logout a {
        color: #d99a86 !important;
    }

}
@media (max-width: 768px) {

    .ml-account-logout-wrap {
        margin-top: 8px;
        padding-top: 10px;

        border-top:
            1px solid rgba(201, 164, 95, .14);
    }

    .ml-account-logout-btn {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 8px;

        width: 100%;
        min-height: 42px;

        padding: 0 14px;

        border:
            1px solid rgba(206, 105, 82, .32);

        border-radius: 8px;

        background:
            rgba(206, 105, 82, .07);

        color: #df9c88 !important;

        font-size: 13px;
        font-weight: 600;

        transition:
            background .2s ease,
            border-color .2s ease,
            color .2s ease;
    }

    .ml-account-logout-btn:hover,
    .ml-account-logout-btn:active {
        border-color:
            rgba(206, 105, 82, .55);

        background:
            rgba(206, 105, 82, .13);

        color: #f0b29f !important;
    }

    .ml-account-logout-icon {
        font-size: 17px;
        line-height: 1;
    }

}
.social-login h1 {
    color: #111;
}
.ml-footer-cart .ml-footer-action-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ml-footer-cart .icon-shopping-basket {
    font-size: 22px;
}

.ml-footer-cart-count {
    position: absolute;
    top: -14px;
    right: -24px;

    min-width: 18px;
    padding: 0 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #a7793d;
    color: #fff;

    font-size: 10px;
    font-weight: 600;
    line-height: 18px;

    border-radius: 99px;
    border: 1px solid #fff;
    opacity: .9;
}
.ml-footer-cart .ml-footer-action-icon {
    border: 0px;
}
/* ========================================
   WOOCOMMERCE SORT
======================================== */

.woocommerce-ordering {
    margin: 0;
}

.woocommerce-ordering select.orderby {
    width: auto;
    min-width: 230px;
    height: 42px;

    padding: 0 42px 0 16px;

    border: 1px solid #e7e7e7;
    border-radius: 999px;

    background-color: #f5f5f5;

    color: #222;
    font-size: 14px;
    font-weight: 500;

    box-shadow: none;
    outline: none;

    cursor: pointer;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

.woocommerce-ordering select.orderby:hover {
    
    border-color: #be9134;
}

.woocommerce-ordering select.orderby:focus {
   
    border-color: #be9134;
    box-shadow: 0 0 0 2px rgba(201, 155, 59, .12);
}


/* Chrome / Safari */
.woocommerce-ordering select.orderby {
    background-color: #171717;
    border: 1px solid rgba(190, 145, 52, .28);
    color: #ddd5c7;

    height: 42px;
    padding: 0 42px 0 18px;
    border-radius: 24px;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%23BE9134' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 8px;

    cursor: pointer;
}

.woocommerce-ordering select.orderby:hover,
.woocommerce-ordering select.orderby:focus {
    border-color: #be9134;
    outline: none;
}

/* Option dropdown */
.woocommerce-ordering select.orderby option {
    background: #171717;
    color: #ddd5c7;
}

/* selected */
.woocommerce-ordering select.orderby option:checked {
    background: #2a2418;
    color: #d9ab4a;
}

@media screen and (max-width: 768px) {
    .header-category-page .woocommerce-ordering {
         display: unset;
    }
}
p.woocommerce-result-count.hide-for-medium {
    display: none;
}
.header-category-page h1.category-title-archive {
    color: #e3c98d;
}
/* ================================
   MOBILE MENU SEARCH
================================ */

.ml-mobile-menu-search {
    display: none;
}

@media (max-width: 767px) {

    .ml-mobile-menu-search {
        display: block;

        padding: 14px 18px;
        margin: 0;

        border-bottom: 1px solid rgba(255,255,255,.12);

        background: #090806;
    }

    .ml-mobile-menu-search form {
        position: relative;

        display: flex;
        align-items: center;

        width: 100%;
        margin: 0;
    }

    .ml-mobile-menu-search input[type="search"] {
        width: 100%;
        height: 42px;

        margin: 0;
        padding: 0 46px 0 16px;

        border: 1px solid rgba(214,170,72,.35);
        border-radius: 8px;

        background: rgb(23,20,15);

        color: #fff;

        font-size: 13px;
        font-weight: 400;

        box-shadow: none;
        outline: none;
    }

    .ml-mobile-menu-search input[type="search"]::placeholder {
        color: rgba(255,255,255,.6);
    }

    .ml-mobile-menu-search input[type="search"]:focus {
        border-color: #d6aa48;

        background: rgb(23,20,15);

        box-shadow: none;
    }

    .ml-mobile-menu-search button {
        position: absolute;

        top: 50%;
        right: 4px;

        transform: translateY(-50%);

        width: 38px;
        height: 38px;

        padding: 0;
        margin: 0;

        border: 0;


        color: #d6aa48; 

        display: flex;
        align-items: center;
        justify-content: center;

        cursor: pointer;
        background: none!important;
    }

    .ml-mobile-menu-search button i {
        font-size: 17px;
    }

}


form.searchform .autocomplete-suggestion {
    color: #111;
    font-size: 14px;
}


form.searchform .autocomplete-suggestion span.search-price .amount {
    color: #b18e4f;
    font-size: 16px;
}

@media (max-width: 767px) {

    .ml-footer,
    .ml-footer-col,
    .ml-footer-menu,
    .ml-footer-collapse {
        touch-action: pan-y !important;
        overscroll-behavior-y: auto;
    }

    .ml-footer-collapse {
        overflow: visible;
    }

    .ml-footer-menu {
        -webkit-overflow-scrolling: touch;
    }
    .woocommerce-cart.woocommerce-page .large-3.col.col-first,.woocommerce-checkout.woocommerce-page  .large-3.col.col-first{
        display: none;
    }

    .page-left-sidebar {
        padding-bottom: 0;
    }

    .woocommerce-checkout.woocommerce-page .message-container.container.success-color,.woocommerce-checkout.woocommerce-page .woocommerce-privacy-policy-text {
        color: #efd28f;
    }
    .woocommerce-checkout .has-border{
        padding: 0px;
    }
}

h1.entry-title.mb {
    color: #ffffff!important;
    padding: 0 15px;
}

.woocommerce-checkout.woocommerce-page .message-container.container.success-color,.woocommerce-checkout.woocommerce-page .woocommerce-privacy-policy-text {
    color: #efd28f;
}
.my-account-header.page-title.normal-title {
    background: #050504;
}

li.woocommerce-MyAccount-navigation-link.active a {
    color: #c9a45f;
}
.woocommerce-MyAccount-content a {
    color: #a59a89;
}

li.woocommerce-MyAccount-navigation-link a:hover {
    color: #c9a45f;
}

.woocommerce-account.woocommerce-page form label{
    color: #d7cdbc;
}
@media (max-width: 767px) {
    .ml-footer-title > span {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 44px;
        cursor: pointer;
        touch-action: manipulation;
    }
}
/* ==============================
   FOOTER CONTACT ICON
============================== */

.ml-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ml-footer-contact-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(209, 148, 55, .35);
    border-radius: 50%;

    color: #d19437;
}

.ml-footer-contact-icon i {
    font-size: 17px;
    line-height: 1;
}


/* MOBILE */
@media (max-width: 767px) {

    .ml-footer-contact-item {
        gap: 10px;
    }

    .ml-footer-contact-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .ml-footer-contact-icon i {
        font-size: 15px;
    }

}
/* Desktop */
@media (min-width: 768px) {
    .ml-facebook-page {
        display: block;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .ml-facebook-page {
        max-width: 100%;
    }
}
.ml-facebook-page {
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
}

.ml-facebook-page .fb-page,
.ml-facebook-page .fb-page > span,
.ml-facebook-page iframe {
    width: 100% !important;
    max-width: 100% !important;
}

/*Hieu ung 4box*/
/* =========================================
   USP EFFECT ONLY
   KHÔNG THAY FONT / SIZE / SPACING
========================================= */

.box-thm-4-icon {
    position: relative;
    overflow: hidden;
}
.box-thm-4-icon .mlm-usp-item{
    font-family: "Roboto", sans-serif;
}

/* ánh vàng nền nhẹ */
.box-thm-4-icon::before {
    content: "";
    position: absolute;

    width: 420px;
    height: 220px;

    left: 50%;
    top: -120px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(203, 155, 66, .16) 0%,
            rgba(203, 155, 66, .06) 38%,
            transparent 70%
        );

    filter: blur(20px);

    pointer-events: none;

    animation:
        mlmUspGlow 6s ease-in-out infinite alternate;
}

.box-thm-4-icon .section-content {
    position: relative;
    z-index: 2;
}


/* =========================================
   REVEAL
========================================= */

.box-thm-4-icon .mlm-usp-col {
    opacity: 0;
    transform: translateY(18px);

    transition:
        opacity .65s ease,
        transform .75s cubic-bezier(.22,.61,.36,1);
}

.box-thm-4-icon .mlm-usp-col.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* hiện lần lượt */
.box-thm-4-icon .mlm-usp-col:nth-child(2) {
    transition-delay: .08s;
}

.box-thm-4-icon .mlm-usp-col:nth-child(3) {
    transition-delay: .16s;
}

.box-thm-4-icon .mlm-usp-col:nth-child(4):before {
    display: none;
}

/* =========================================
   ICON EFFECT
========================================= */

.box-thm-4-icon .mlm-usp-icon img {
    transition:
        transform .4s cubic-bezier(.22,.61,.36,1),
        filter .4s ease,
        opacity .4s ease;

    filter:
        drop-shadow(
            0 0 0 rgba(203,155,66,0)
        );
}

.box-thm-4-icon .mlm-usp-item:hover .mlm-usp-icon img {
    transform: translateY(-4px) scale(1.06);

    filter:
        drop-shadow(
            0 0 12px rgba(203,155,66,.38)
        );
}


/* =========================================
   ITEM HOVER
========================================= */

.box-thm-4-icon .mlm-usp-item {
    transition:
        transform .35s ease;
}

.box-thm-4-icon .mlm-usp-item:hover {
    transform: translateY(-3px);
}


/* =========================================
   GLOW ANIMATION
========================================= */

@keyframes mlmUspGlow {

    0% {
        opacity: .45;
        transform:
            translateX(-50%)
            translateY(0)
            scale(.95);
    }

    100% {
        opacity: .9;
        transform:
            translateX(-50%)
            translateY(18px)
            scale(1.08);
    }

}


/* mobile không dùng hover quá mạnh */
@media (max-width: 849px) {

    .box-thm-4-icon::before {
        width: 300px;
        height: 170px;
        top: -100px;
    }

    .box-thm-4-icon .mlm-usp-item:hover {
        transform: none;
    }

    .box-thm-4-icon .mlm-usp-item:hover .mlm-usp-icon img {
        transform: none;
    }

}
/* =========================================
   USP PNG ICON EFFECT
========================================= */

.box-thm-4-icon .mlm-usp-icon img {
    position: relative;

    transform-origin: center center;

    animation:
        mlmUspIconFloat 3.8s ease-in-out infinite,
        mlmUspIconGlow 3.8s ease-in-out infinite;

    transition:
        transform .35s ease,
        filter .35s ease;
}

/* icon bay nhẹ */
@keyframes mlmUspIconFloat {

    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-4px) scale(1.025);
    }

}

/* glow theo viền PNG */
@keyframes mlmUspIconGlow {

    0%,
    100% {
        filter:
            drop-shadow(
                0 0 2px rgba(211, 164, 75, .12)
            );
    }

    50% {
        filter:
            drop-shadow(
                0 0 8px rgba(211, 164, 75, .38)
            )
            drop-shadow(
                0 4px 10px rgba(0,0,0,.20)
            );
    }

}

/* Border dọc - chỉ 3 box đầu */
.mlm-usp-row > .col:not(:last-child)::after {
    content: "";
    position: absolute;

    right: 0;
    top: 50%;

    width: 1px;
    height: 50%;

    transform: translateY(-50%);

    background: rgba(190, 165, 115, .28);
}


/* Ánh sáng chạy - chỉ 3 box đầu */
.mlm-usp-row > .col:not(:last-child)::before {
    content: "";
    position: absolute;

    right: -1px;
    top: 25%;

    width: 3px;
    height: 24px;

    z-index: 2;

    border-radius: 50%;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(255, 220, 145, .95),
            transparent
        );

    box-shadow:
        0 0 7px rgba(230, 190, 105, .55);

    opacity: 0;

    animation: mlmUspDividerBeam 3.6s ease-in-out infinite;
}


/* chạy lệch nhịp 3 border */
.mlm-usp-row > .col:nth-child(1)::before {
    animation-delay: 0s;
}

.mlm-usp-row > .col:nth-child(2)::before {
    animation-delay: .7s;
}

.mlm-usp-row > .col:nth-child(3)::before {
    animation-delay: 1.4s;
}


@keyframes mlmUspDividerBeam {

    0% {
        top: 22%;
        opacity: 0;
    }

    15% {
        opacity: .85;
    }

    50% {
        opacity: 1;
    }

    85% {
        opacity: .85;
    }

    100% {
        top: 78%;
        opacity: 0;
    }
}



/* =========================================
   DECOR TITLE - LIGHT RUN
========================================= */

.thm-catbox__decor {
    position: relative;
    width: 56px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
}

.thm-catbox__decor::before,
.thm-catbox__decor::after {
    content: "";
    position: absolute;
    top: 8px;

    width: 20px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c6a05a 0%,
            #c6a05a 35%,
            #f5dea1 50%,
            #c6a05a 65%,
            #c6a05a 100%
        );

    background-size: 220% 100%;

    animation: thmDecorLineRun 3s linear infinite;
}

.thm-catbox__decor::before {
    left: 0;
}

.thm-catbox__decor::after {
    right: 0;
    animation-delay: .3s;
}

.thm-catbox__decor span {
    position: absolute;

    width: 8px;
    height: 8px;

    top: 4px;
    left: 24px;

    background: #c6a05a;

    transform: rotate(45deg);

    animation: thmDecorDiamondGlow 2.6s ease-in-out infinite;
}

@keyframes thmDecorLineRun {

    from {
        background-position: 120% 0;
    }

    to {
        background-position: -120% 0;
    }

}

@keyframes thmDecorDiamondGlow {

    0%,
    100% {
        transform: rotate(45deg) scale(1);
        box-shadow: 0 0 0 rgba(198,160,90,0);
    }

    50% {
        transform: rotate(45deg) scale(1.12);

        box-shadow:
            0 0 8px rgba(198,160,90,.45);
    }

}

/*css prodile*/
/* ==================================================
   PROFILE - DESKTOP
   3 divider dọc có ánh sáng chạy
================================================== */

@media (min-width: 850px) {

    .profile-homepage .thm-profile__item {
        position: relative;
    }

    
    /* border nền */
    .profile-homepage
    .thm-profile__item:not(:last-child)::after {
        content: "";
        position: absolute;

        right: 0;
        top: 50%;

        width: 1px;
        height: 75px;

        transform: translateY(-50%);

        background: rgba(190,160,105,.32);
    }

    /* tia sáng */
    .profile-homepage
    .thm-profile__item:not(:last-child)::before {
        content: "";
        position: absolute;

        right: -1px;
        top: 20%;

        width: 3px;
        height: 22px;

        z-index: 3;

        border-radius: 50%;

        background:
            linear-gradient(
                to bottom,
                transparent,
                rgba(255,226,160,.95),
                transparent
            );

        box-shadow:
            0 0 7px rgba(220,180,100,.55);

        opacity: 0;

        animation:
            thmProfileVerticalLight
            3.8s ease-in-out infinite;
    }

    .profile-homepage
    .thm-profile__item:nth-child(2)::before {
        animation-delay: .6s;
    }

    .profile-homepage
    .thm-profile__item:nth-child(3)::before {
        animation-delay: 1.2s;
    }

}


/* ánh sáng chạy dọc */
@keyframes thmProfileVerticalLight {

    0% {
        top: 15%;
        opacity: 0;
    }

    15% {
        opacity: .8;
    }

    50% {
        opacity: 1;
    }

    85% {
        opacity: .8;
    }

    100% {
        top: 78%;
        opacity: 0;
    }

}

/* =========================================
   MOBILE PROFILE LINE EFFECT
========================================= */

@media (max-width: 849px) {

    /* LINE NGANG: item 1 + item 2 */
    .thm-profile__item:nth-child(1)::before,
    .thm-profile__item:nth-child(2)::before {
        content: "";
        position: absolute;

        left: 12px;
        right: 12px;
        bottom: 0;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                rgba(190,160,105,.22) 0%,
                rgba(190,160,105,.30) 35%,
                rgba(255,225,155,.95) 50%,
                rgba(190,160,105,.30) 65%,
                rgba(190,160,105,.22) 100%
            );

        background-size: 220% 100%;

        animation:
            thmProfileLineHorizontal
            3.5s linear infinite;
    }


    /* item 2 lệch nhịp */
    .thm-profile__item:nth-child(2)::before {
        animation-delay: .7s;
    }


    /* LINE DỌC: item 1 + item 3 */
    .thm-profile__item:nth-child(odd)::after {
        content: "";
        display: block;

        position: absolute;

        top: 12px;
        right: 0;

        width: 1px;
        height: 75px;

        background:
            linear-gradient(
                180deg,
                rgba(190,160,105,.22) 0%,
                rgba(190,160,105,.35) 35%,
                rgba(255,225,155,.95) 50%,
                rgba(190,160,105,.35) 65%,
                rgba(190,160,105,.22) 100%
            );

        background-size: 100% 220%;

        animation:
            thmProfileLineVertical
            3.5s linear infinite;
    }


    /* item 3 lệch nhịp */
    .thm-profile__item:nth-child(3)::after {
        animation-delay: 1.1s;
    }

}
@keyframes thmProfileLineHorizontal {

    0% {
        background-position: 120% 0;
    }

    100% {
        background-position: -120% 0;
    }

}


@keyframes thmProfileLineVertical {

    0% {
        background-position: 0 120%;
    }

    100% {
        background-position: 0 -120%;
    }

}
/*css hieu ung show room*/
/* =========================================
   SHOWROOM PLAY - EFFECT ONLY
========================================= */

.thm-showroom__play {
    animation: thmShowroomPlayPulse 2.8s ease-in-out infinite;
}


/* vòng sáng 1 */
.thm-showroom__play::before {
    content: "";
    position: absolute;
    inset: -10px;

    border-radius: 50%;
    border: 3px solid rgba(210, 170, 90, .45);

    pointer-events: none;

    animation: thmShowroomPlayWave 2.8s ease-out infinite;
}


/* vòng sáng 2 */
.thm-showroom__play::after {
    content: "";
    position: absolute;
    inset: -10px;

    border-radius: 50%;
    border: 1px solid rgba(210, 170, 90, .30);

    pointer-events: none;

    animation: thmShowroomPlayWave 2.8s .75s ease-out infinite;
}


/* nút thở nhẹ */
@keyframes thmShowroomPlayPulse {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        filter: drop-shadow(0 0 0 rgba(210,170,90,0));
    }

    50% {
        transform: translate(-50%, -50%) scale(1.045);
        filter: drop-shadow(0 0 8px rgba(210,170,90,.30));
    }

}


/* vòng sóng lan ra */
@keyframes thmShowroomPlayWave {

    0% {
        transform: scale(.85);
        opacity: 0;
    }

    20% {
        opacity: .65;
    }

    100% {
        transform: scale(1.65);
        opacity: 0;
    }

}

.thm-showroom__poster {
    position: relative;
}

.thm-showroom__play {
    position: absolute;
    z-index: 3;

    top: 50%;
    left: 50%;

    width: 72px;
    height: 72px;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255,255,255,.8);
    border-radius: 50%;

    background: rgba(0,0,0,.35);

    cursor: pointer;

    transition: all .3s ease;
}
.thm-showroom__poster > p {
    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
}
.thm-showroom__poster .thm-showroom__play {
    top: 50% !important;
    left: 50% !important;

    right: auto !important;
    bottom: auto !important;

    margin: 0 !important;

    transform: translate(-50%, -50%) !important;
}

.woocommerce-account .text-center.social-login h1 {
    color: #fff;
}

.woocommerce-account #customer_login h3 {
    color: #eac572!important;
}

.woocommerce-account #customer_login form label {
    color: #e3c98d!important;
}

.woocommerce-account #customer_login p { color: #e3c98d!important;}

.woocommerce-account #customer_login .woocommerce-privacy-policy-text,.woocommerce-account  #customer_login .woocommerce-privacy-policy-text p { color: #e3c98d!important;}


/* =====================================================
   MINH LAM HERO SLIDER - ONE SLIDER
   Desktop: 540px
   Mobile: 175px
===================================================== */

/* =========================
   WRAPPER
========================= */

.mlm-hero-slider {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}


/* =========================
   FLICKITY
========================= */

.mlm-hero-slider .flickity-viewport,
.mlm-hero-slider .flickity-slider {
    height: 540px !important;
    min-height: 540px !important;
}


/* =========================
   SLIDE / BANNER
========================= */

.mlm-hero-slider .mlm-hero-slide,
.mlm-hero-slider .banner {
    position: relative;

    width: 100% !important;

    height: 540px !important;
    min-height: 540px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
}


/* Nếu Flatsome tạo padding-top theo Banner Height */
.mlm-hero-slider .banner {
    padding-top: 0 !important;
}


/* =========================
   BACKGROUND
========================= */

.mlm-hero-slider .banner-bg,
.mlm-hero-slider .banner-inner,
.mlm-hero-slider .fill,
.mlm-hero-slider .bg {
    height: 100% !important;
    min-height: 100% !important;
}


.mlm-hero-slider .banner-bg .bg {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    filter: brightness(1.14) contrast(1.02) saturate(1.03);

    transform: scale(1.04);

    transition:
        transform 5.5s cubic-bezier(.22,.61,.36,1),
        filter .8s ease;
}


/* slide đang active */
.mlm-hero-slider
.mlm-hero-slide.is-selected
.banner-bg .bg {
    transform: scale(1);
}


/* =========================
   OVERLAY
========================= */

.mlm-hero-overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(8,6,3,.48) 20%,
            rgba(8,6,3,.26) 38%,
            rgba(8,6,3,.08) 68%,
            rgba(8,6,3,.02) 100%
        );
}


/* =========================
   CONTENT
========================= */

.mlm-hero-content {
    position: absolute;

    z-index: 5;

    left: 7.5%;
    top: 50%;

    width: 420px;

    color: #fff;

    text-align: left;

    transform: translateY(-50%);
}


/* TITLE */

.mlm-hero-content h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-family:
        "Noto Serif",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 51px !important;
    line-height: 1.08 !important;

    font-weight: 700 !important;

    letter-spacing: -.8px;

    text-transform: none !important;
}


/* SCRIPT */

.mlm-hero-script {
    margin-top: 8px;

    color: #eee2ce;

    font-family:
        "Dancing Script",
        "Brush Script MT",
        cursive !important;

    font-size: 27px;

    line-height: 1.25;

    font-weight: 600;
}


/* DESCRIPTION */

.mlm-hero-content p {
    margin: 17px 0 23px !important;

    color: #f1eee8 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    font-weight: 400;
}


/* =========================
   BUTTON
========================= */

.mlm-hero-btn {
    display: inline-flex !important;

    align-items: center;
    justify-content: space-between;

    min-width: 170px;

    height: 45px;

    padding: 0 16px;

    border: 1px solid #c9aa70;

    background: transparent;

    color: #d8bb83 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;

    font-weight: 500;

    text-decoration: none !important;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.mlm-hero-btn span {
    margin-left: 20px;

    color: #d8bb83;

    font-size: 20px;

    transition: transform .3s ease;
}


.mlm-hero-btn:hover {
    background: #c9aa70;

    color: #17130e !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 24px rgba(201,154,71,.22);
}


.mlm-hero-btn:hover span {
    color: #17130e;

    transform: translateX(4px);
}


/* =========================
   CONTENT EFFECT
========================= */

.mlm-hero-slider .mlm-hero-content {
    opacity: 0;

    transform:
        translateY(calc(-50% + 22px));

    transition:
        opacity .65s ease,
        transform .8s cubic-bezier(.22,.61,.36,1);
}


.mlm-hero-slider
.mlm-hero-slide.is-selected
.mlm-hero-content {
    opacity: 1;

    transform:
        translateY(-50%);
}


/* =========================
   DOTS
========================= */

.mlm-hero-slider .flickity-page-dots {
    bottom: 17px !important;

    z-index: 20;
}


.mlm-hero-slider .flickity-page-dots .dot {
    width: 9px !important;
    height: 9px !important;

    margin: 0 5px !important;
    padding: 0 !important;

    opacity: 1 !important;

    border: 1px solid #c8a86b !important;
    border-radius: 50% !important;

    background: transparent !important;

    box-shadow: none !important;
}


.mlm-hero-slider
.flickity-page-dots
.dot.is-selected {
    background: #c8a86b !important;

    border-color: #c8a86b !important;
}


/* =====================================================
   MOBILE <= 767px
===================================================== */

@media (max-width: 768px) {

    .mlm-hero-slider .mlm-hero-content {
        opacity: 1;

        transform:
            translateY(calc(-50% + 22px));

        transition:
            opacity .65s ease,
            transform .8s cubic-bezier(.22,.61,.36,1);
    }


    #header #logo{
        margin: 0px;
    }
    /* HEIGHT */

    .mlm-hero-slider,
    .mlm-hero-slider .flickity-viewport,
    .mlm-hero-slider .flickity-slider,
    .mlm-hero-slider .mlm-hero-slide,
    .mlm-hero-slider .banner {
        height: 175px !important;
        min-height: 175px !important;
        max-height: 175px !important;
    }


    .mlm-hero-slider .banner {
        padding-top: 0 !important;
        background-color: #070706;
    }


    .mlm-hero-slider .banner-bg,
    .mlm-hero-slider .banner-inner,
    .mlm-hero-slider .fill,
    .mlm-hero-slider .bg {
        height: 175px !important;
        min-height: 175px !important;
        max-height: 175px !important;
    }


    /* IMAGE */

    .mlm-hero-slider
    .banner-bg .bg {
        background-size: cover !important;

        background-position:
            center center !important;

        filter:
            brightness(1.20)
            contrast(1.01)
            saturate(1.04);

        transform: scale(1);
    }


    .mlm-hero-slider
    .mlm-hero-slide.is-selected
    .banner-bg .bg {
        transform: scale(1);
    }


    /* OVERLAY */

    .mlm-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,6,3,.42) 15%,
                rgba(8,6,3,.20) 45%,
                rgba(8,6,3,.05) 75%,
                transparent 100%
            );
    }


    /* CONTENT */

    .mlm-hero-content {
        left: 7%;
        top: 50%;

        width: 48%;

        transform:
            translateY(-50%);
    }


    .mlm-hero-content h1 {
        font-size: 22px !important;

        line-height: 1.05 !important;

        letter-spacing: -.3px;
    }


    .mlm-hero-script {
        margin-top: 3px;

        font-size: 14px !important;

        line-height: 1.15;
    }


    .mlm-hero-content p {
        margin:
            5px 0 7px !important;

        font-size: 8px !important;

        line-height: 1.45 !important;
    }


    /* BUTTON */

    .mlm-hero-btn {
        min-width: 105px;

        height: 28px;

        padding: 0 9px;

        font-size: 7.5px !important;
    }


    .mlm-hero-btn span {
        margin-left: 8px;

        font-size: 13px;
    }


    /* DOT */

    .mlm-hero-slider
    .flickity-page-dots {
        bottom: 5px !important;
    }


    .mlm-hero-slider
    .flickity-page-dots
    .dot {
        width: 6px !important;
        height: 6px !important;

        margin: 0 3px !important;
    }

}
.thm-contact-price {
    color: #c8913b;
    font-weight: 600;
    font-size: 14px;
}


/* =================================
   GTRANSLATE HEADER
================================= */
.ml-translate-option.is-active {
    color: #d9ad58 !important;
    background: rgba(166, 125, 44, .13);
}

.ml-translate-option.is-active::after {
    content: "✓";

    position: absolute;
    right: 10px;
    top: 50%;

    transform: translateY(-50%);

    color: #d9ad58;
}
.ml-translate {
    --ml-gold: #a67d2c;

    position: relative;

    display: inline-flex;
    align-items: center;

    gap: 15px;

    height: 44px;

    font-family: inherit;

    z-index: 999;
}

/* LEFT */
.ml-translate-lang {
    position: relative;
}

.ml-translate-current {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    height: 34px;
    min-width: 92px;

    padding: 0 13px;

    margin: 0;

    border: 1px solid rgba(166, 125, 44, .75);
    border-radius: 25px;

    background: transparent;

    color: #eee;

    box-shadow: none;

    cursor: pointer;

    transition: .25s ease;
}

.ml-translate-current:hover {
    background: rgba(166, 125, 44, .06);
    border-color: #b78c36;
}

.ml-translate-current-flag {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
}

.ml-translate-current-flag img {
    display: block;

    width: 22px !important;
    height: 15px !important;

    object-fit: cover;

    margin: 0 !important;
    padding: 0 !important;
}

.ml-translate-current-code {
    color: #eee;

    font-size: 14px;
    font-weight: 500;

    line-height: 1;
}

/* ARROW */
.ml-translate-chevron {
    display: block;

    width: 7px;
    height: 7px;

    margin-top: -4px;

    border-right: 1px solid #c79a43;
    border-bottom: 1px solid #c79a43;

    transform: rotate(45deg);

    transition: .2s ease;
}

.ml-translate-lang.is-open .ml-translate-chevron {
    margin-top: 4px;
    transform: rotate(225deg);
}

/* DIVIDER */
.ml-translate-separator {
    display: block;

    width: 1px;
    height: 15px;

    background: rgba(166, 125, 44, .35);
}

/* GLOBE */
.ml-translate-globe {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    min-width: 34px;

    padding: 0;
    margin: 0;

    border: 1px solid rgba(166, 125, 44, .75);
    border-radius: 50%;

    background: transparent;

    color: #c89a43;

    box-shadow: none;

    cursor: pointer;

    transition: .25s ease;
}

.ml-translate-globe:hover {
    color: #d3a74f;
    border-color: #c89a43;

    background: rgba(166, 125, 44, .06);
}

.ml-translate-globe svg {
    width: 20px;
    height: 20px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* DROPDOWN */
.ml-translate-dropdown {
    position: absolute;

    top: calc(100% + 8px);
    left: 0;

    min-width: 175px;

    padding: 7px;

    border: 1px solid rgba(166, 125, 44, .45);
    border-radius: 10px;

    background: #15130f;

    box-shadow: 0 12px 30px rgba(0, 0, 0, .4);

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transform: translateY(5px);

    transition: .2s ease;
}

.ml-translate-lang.is-open .ml-translate-dropdown {
    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);
}

/* LANGUAGE */
.ml-translate-option {
    position: relative;

    display: flex !important;
    align-items: center;

    gap: 10px;

    width: 100%;

    min-height: 39px;

    padding: 7px 30px 7px 9px;

    border-radius: 6px;

    color: #eee !important;

    font-size: 13px;

    text-decoration: none !important;
}

.ml-translate-option:hover {
    background: rgba(166, 125, 44, .12);

    color: #d9ad58 !important;
}

.ml-translate-option.is-active {
    background: rgba(166, 125, 44, .13);

    color: #d9ad58 !important;
}

.ml-translate-option.is-active:after {
    content: "✓";

    position: absolute;

    right: 10px; 
    top: 50%;

    transform: translateY(-50%);

    color: #d9ad58;
}

.ml-translate-option img {
    display: block;

    width: 21px !important;
    height: 15px !important;

    object-fit: cover;

    margin: 0 !important;
}

/* Flatsome */
.header .ml-translate button {
    min-height: 0 !important;

    line-height: 1 !important;

    text-transform: none !important;

    letter-spacing: 0 !important;
}
 
div#masthead ul.mobile-nav.nav.nav-left li.nav-icon.has-icon a.is-small i.icon-menu,#button-click-menu-mobile i.icon-menu,span.widget-title.thuan-title i.icon-menu {
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/v4/menu-v4.png);
    width: 32px;
    min-width: unset;
    height: 32px;
}
div#masthead ul.mobile-nav.nav.nav-left li.nav-icon.has-icon a.is-small i.icon-menu:before,#button-click-menu-mobile i.icon-menu:before,.ml-footer-action-icon i:before,span.widget-title.thuan-title i.icon-menu:before{
    opacity: 0;
}
.ml-footer-action-icon i.icon-phone {
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/v4/phone-v4.png);
    width: 32px;
    min-width: unset;
    height: 32px;
}
.ml-footer-action-icon i.icon-user {
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/v4/account-v4.png);
    width: 32px;
    min-width: unset;
    height: 32px;
}
.ml-footer-action-icon i.icon-shopping-basket {
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/v4/cart-v4.png);
    width: 32px;
    min-width: unset;
    height: 32px;
}