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

/*************** ADD CUSTOM CSS HERE.   ***************/
b,strong{
	font-weight:bold !important;
}

.row-form .wpcf7-text,.row-form .wpcf7-textarea{
    font-weight: normal;
    background: #F5F5F5;
    box-shadow: unset;
    border: unset;
    border-bottom: 2px solid var(--primary-color) !important;
}
.row-form .wpcf7-text{
    height: 50px;
    line-height: 50px;
}
.woocommerce-result-count, .woocommerce-ordering select{
    margin-top: 0px;
}
a.filter-btn {
    height: 36px;
    line-height: 38px;
    border-radius: 2px;
    border: 1px #ededed solid;
    display: inline-block;
    padding: 0 15px;
    background: var(--primary-color);
    color: white;
}
a.filter-btn i{
    padding-right: 4px;
}

.header-vertical-menu__opener{
        margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}
.icon-custom{
display:none
}
@media screen and (max-width: 900px) {
.producttabs button.icon-custom{
font-size:13px!important;
display:block;
margin-right: 0;
font-size: 1.2em;
float: right;
}
.producttabs .nav li{
display:none;
}
.producttabs .nav.reshow li{
float: none;
display: block;
text-align: right;
width: 100%;
}
.producttabs h4{
float: unset;
width: 100%;
}
.producttabs ul{
        background:  var(--primary-color);
    border-radius: 4px;
    width: 33% !important;
float: unset;
width: 30%!important;
margin-left: 50%;
position: absolute;
z-index: 100;
right: 0;
}
.producttabs .nav-tabs>li>a{
    box-shadow: unset !important;
    color: white !important;
width: 100%;
text-align: right;
}
.producttabs ul li a{
    box-shadow: unset !important;
    color: white !important;
width: 100%;
text-align: right;
}
.icon-custom{
position:absolute;
top:0;
right:0;
}
}
 .product-small .image-tools.show-on-hover{
    opacity: 1 !important;
    left: 11px;
    right: unset;
    padding-top: 4px;
    width: 30px;
    height: 30px !important;
    margin-top: 10px;
 }
.row-tieu-de h1{
    margin-bottom: 0px;
    font-weight: 500;
}
.row-tieu-de {
margin-top: 20px;
text-align: center;
margin-bottom: 20px;
}
.section-breacrumb p{
    font-size: 95% !important;
    margin-bottom: 0px !important;
}
.blog-single{
    padding-top: 0px;
}
#billing_address_1_field {
    width: 100%;
}
.fl-labels .form-row input:not([type=checkbox]), .fl-labels .form-row textarea, .fl-labels .form-row select {
    box-shadow: 0 0 0 1px #d9d9d9;
    transition: all 0.2s ease-out;
    background-color: white;
    color: #333333;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    /* padding: 0.94em 2.8em 0.94em 0.8em; */
    word-break: normal;
    border: none;
    font-size: 15px;
}
.fl-label {
    display: none;
}
.fl-labels span.select2-selection {
    box-shadow: 0 0 0 1px #d9d9d9;
    transition: all 0.2s ease-out;
    background-color: white;
    color: #333333;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    /* padding: 0.94em 2.8em 0.94em 0.8em; */
    word-break: normal;
    border: none;
    font-size: 15px;
    height: 45px;
}
.fl-labels span.select2-selection .select2-selection__rendered {
    line-height: 47px !important;
}
#billing_state_field, #billing_city_field {
    width: 33% !important;
    margin-right: 10px;
}

#billing_address_2_field {
    width: 31% !important;
    margin-right: 0px !important;
}

.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

.header-bottom{
    border-bottom: 1px solid #1E3D37;
}
.span-chao{
    font-size: 90%;
}
.price del bdi{
    color: black !important;
}
.price span.amount bdi{
        color: #d80000;
    font-size: 16px;
}
.product-page-price del{
    font-size: 20px;
}
.product-page-price ins span.amount{
    color: red;
}
.product-page-price span.amount bdi{
    font-size: 26px;
}
.product-page-price{
        font-size: 27px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.buy_now_button{
        color: #fff;

    text-transform: initial;
    font-weight: normal ;
    background:  var(--primary-color);
    text-transform: uppercase;


}

.single_add_to_cart_button{ 

text-transform: inherit;
    font-weight: normal;
    color: white !important;

text-transform: uppercase;



  background:  var(--primary-color) !important;
   
    letter-spacing: 0;
    opacity: 1 !important;
   
    margin-right: 5px;
    margin-bottom: 0;}
.single_add_to_cart_button{
        display: block;
    width: 48%;
    float: left;
}
.buy_now_button{
      display: block;
    width: 50%;
    float: right;  
}
.ux-quantity{
        display: flex;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
.html_topbar_right{
    margin-left: 0px !important;
}
.wpo-search-keywords a{
    color: white;
}
.wpo-search-keywords{
    margin-top: 8px;
}
.icon-shopping-cart:before{
    content: "\f07a";
        font-family: "Font Awesome 5 Pro";
            font-size: 32px;
    margin-right: 8px;
    font-weight: 100 !important;
}
.icon-user:before{
 content: "\f406";
        font-family: "Font Awesome 5 Pro";
            font-size: 32px;
    margin-right: 8px;
    font-weight: 100 !important;  
}
.row-title-khuyen-mai{
        border-bottom: 1px solid white;
    margin-bottom: 15px;
}
.div-giao-hang > .col-inner p{
    font-size: 13px;
}
.div-giao-hang > .col-inner{
          border: 1px solid #408175;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 0px;
}
.div-hoan-tien > .col-inner{
        border-radius: 5px;
    padding: 15px;
        background: rgba(30, 61, 55, 0.3);
    border: none;
    color: #000;
    margin-bottom: 0;
}
.div-hoan-tien  .pro-service2 .pro-service-item {
        margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 13px;
    position: relative;
    padding-left: 20px;
}
.div-hoan-tien .pro-service2 .pro-service-item:before {
    content: attr(data-number);
    width: 15px;
    height: 15px;
    margin-right: 5px;
    font-weight: 600;
    border: 1px solid #1E3D37;
    background: #1E3D37;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    border-radius: 4px;
    position: absolute;
    top: 3px;
    left: 0;
}
.box-info-contact li p {
    margin-bottom: 0;
    color: #666;
    font-weight: 500;
}
.box-info-contact li {
    margin-bottom: 15px;
    margin-left: 0px !important;
    display: flex;
    align-items: center;
}
ul.list-info{
        padding: 0;
    list-style-type: none;
}
.box-info-contact li p.icon i {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    border-radius: 100%;
    border: 1px solid  var(--primary-color);
    text-align: center;
    display: inline-block;
    line-height: 30px;
    background:  var(--primary-color);
}
.post-item h5{
    display: inline-block;
}
.post-item > .col-inner{
    border: 1px solid #ddd;
}
.post-item .box-text{
    padding: 10px
}
.section-danh-muc .box-text h5{
    text-transform: inherit;
    font-weight: normal;
    font-size: 14px
}
.section-danh-muc .box-text{
    padding-left: 0px;
    padding-right: 0px;
}
.span-dem-nguoc{
    display: flex;
}
.span-gio strong{
        font-weight: normal;
    font-size: 11px;
}
.span-gio{
           background: #000000;
    border-radius: 4px;
    color: white;
    text-align: center;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    line-height: 17px;
    padding-top: 3px;
}
span.header-vertical-menu__title{
        font-size: 15px;
}
.cart-container{
            background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 3px;
    padding: 15px;
    max-width: 1240px !important;
    margin-bottom: 30px;
}
.row-white-sp{
        background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 3px;
    padding: 15px;
    max-width: 1240px !important;
}
h1.product-title {
        display: inline;

}
.section-sp .tabbed-content h4{
        border-bottom: 1px solid var(--primary-color);
    padding-bottom: 20px;
    color: var(--primary-color);
}
.section-sp .tabbed-content .nav-simple{
    position: absolute;
    right: 0px;
    left: unset;
    justify-content: flex-end;
}
.section-sp .tabbed-content ul.nav li.active a,.section-sp .tabbed-content ul.nav li:hover a{
    text-transform: initial;
       background: var(--primary-color) !important;
    color: #fff !important}
.section-sp .tabbed-content ul.nav li a{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    text-transform: initial;
       background: white
    color: var(--primary-color);
    font-weight: normal;
    border-radius: 99px;
    padding: 6px 18px;
    font-size: 15px;
}
.section-title-normal a{
    text-transform: initial;
        background: #1E3D37;
    color: #fff;
    font-weight: normal;
    border-radius: 99px;
    padding: 6px 18px;
}
.section-title-normal span{
    padding-bottom: 15px;
    color: var(--primary-color);
}
.section-title-normal {
    border-bottom: 1px solid  var(--primary-color);
}
.section-title-normal .section-title-main{
    border-bottom: unset;
}
.category-page-title{
    margin-top: 15px;
}
.row-tin .div-tin{
    padding-left: 0px;
    padding-right: 0px;
}
.row-tin{
         background-color: #fff;
    border-radius: 4px;
        padding: 15px;
    max-width: 1210px !important;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
}
.category-page-title .page-title-inner{
     background-color: #fff;
    border-radius: 4px;
        padding: 15px;
    max-width: 1240px !important;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
}
.row-white,.row-flashsale,.row-anh{
    max-width: 1270px !important;
}
.archive-page-header{
    display: block !important;
}
.category-page-row{
    padding-top: 20px;
}
#custom_html-3 {
        margin-bottom: 0px !important;
}
#custom_html-3 .adminz_woo_form > .row{
    margin-top: 20px;

       background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 3px;
    padding: 15px 0px 15px 0px;
    max-width: 1240px !important;
    
}
#custom_html-3 .adminz_woo_form  .col{
    padding-bottom: 0px;
}
#custom_html-3 .adminz_woo_form  .ux-search-submit{
    width: 100%;
    background: var(--primary-color);
        margin-bottom: 0px;
}

.row-white .div-white > .col-inner,.div-page > .col-inner{
        background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 3px;
    padding: 15px;
    max-width: 1240px !important;
}
.category-page-row .shop-container{
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
        background-color: #fff;
    border-radius: 4px;
        padding: 15px;
}
.row-flashsale .div-flashsale > .col-inner{
        background-color: #1E3D37;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 3px;
    padding: 15px;
    max-width: 1240px !important;
}
.product-small .product-title a{
    text-transform: uppercase;
        overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0;

}
.product-small .add-to-cart-button{
        width: 80%;
    margin: 10px auto 0;
}
.product-small .add-to-cart-button:hover .add_to_cart_button{
         padding-left: 23px;
}
.product-small .add-to-cart-button:hover .add_to_cart_button:after{
    background: #1E3D37;
    color: white;
}
.product-small .add-to-cart-button .add_to_cart_button{
    margin-top: 0px;
    width: 100%;
    text-transform: none;
    font-size: 14px;
    background: #000000;
    border-color: #000000;
    border-radius: 40px;
    /* padding: 7px 10px; */
    cursor: pointer;
    border-width: 1px;
    font-weight: 500;
    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    position: relative;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: normal;
}
.product-small .add-to-cart-button .add_to_cart_button:after{
        content: "\f07a";
            font-family: "Font Awesome 5 Pro";
                position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    bottom: 0;
    background: #fff;
    border-radius: 50%;
    color: #1E3D37;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.row-tin-dau .box-image{
    border-radius: 0px !important;
}
.row-tin-dau .box{
    padding: 2px;
}
.row-breadcrumb{
    max-width: 1220px !important;
}
.single_add_to_cart_button{

}
td:first-child, th:first-child {
    padding-left: 15px !important;
}

.row-border{
    max-width: 1240px  !important;
    margin-top: 10px;
}
.breabcrumb-news{
    padding-bottom: 0px !important;
}
.row-border .div-border{
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%), 0px 1px 5px 0px rgb(0 0 0 / 20%);
    padding: 10px;
}

.page-title-inner{
    padding-top: 10px;
}
.blog-archive{
    padding-top: 0px;
}
.blog-archive .row-titlte h1{
    margin-bottom: 0px;
        text-transform: uppercase;
        font-weight: 500;
}
.blog-archive .row-titlte{
    margin-top: 15px;

        background-color: #fff;
    border-radius: 4px;
    padding: 15px;
    max-width: 1210px !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 15px;
}



.woocommerce-variation-add-to-cart, form.cart{
    display: block;
    margin-bottom: 20px;
}

.badge-container{
	    right: 5px !important;
    left: unset;
}
.row-logo .col-inner .img{
	    border: 1px solid #e1e1e1;
    border-radius: 5px;
        padding: 4px;
}
.row-logo{
    max-width: 1250px !important;
}
.row-logo .col{
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-bottom:0px}
 .header-vertical-menu__fly-out{
	box-shadow: 0 0 10px #ddd;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
}
.header-bottom-nav > li > a {
    line-height: 31px !important;
}
.header-vertical-menu__opener {
align-items: center;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    font-size: .9em;
    font-weight: 600;
    height: 40px;
    justify-content: space-between;
    padding: 4px 15px;
    width: 250px;
    color: black !important;
    border-radius: 6px;
    margin-bottom: 6px;
    margin-top: 5px;
}
.large-columns-10 .large-1{
	max-width: 10% !important;
	flex-basis: 10% !important;
}

.header-block .col{padding: 0 4px 0;}
.header-block .icon-box .icon-box-text{padding-left: 5px;
    font-size: 13px;
		font-weight: normal;}
.footer1 .icon-box .icon-box-text{font-size:15px}
#footer .footer2 i{
	padding-right:4px;
    color: var(--primary-color);
}
.footer2{
	padding-left:10px;
	padding-right:10px;
}
.product-info{padding-top:0}
.single-product ..product-main .badge-container{display:none}
.section-breacrumb{
        background: #F5F5F5;
    padding: 10px 0px;
}
.blog-archive .page-title{    text-transform: none;
    letter-spacing: 0;
    font-size: 25px;}
.blog-archive .col.large-12{padding-bottom:10px}
.blog-archive .post-item a:hover{color:black;}
.blog-archive .post-item .post-title{font-size:18px;margin-bottom:10px}


.blog-single .rank-math-breadcrumb p {
    margin-bottom: 13px;
    font-size: 16px;
    color: gray;
}
.blog-single .entry-meta{text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;}.entry-content {
    padding-bottom: 0;
    padding-top: 0;
}
.post-sidebar .widget-title {
    font-size: 20px;
}
.post-sidebar .is-divider{
    display: none;
}
.rank-math-breadcrumb p{margin-bottom:5px}
.product-info .thong-tin-them{margin-bottom:10px;border-bottom: 1px solid #c9c9c9;
    padding-bottom: 5px;
    font-size: 14px;
    color: gray;}
.product-info .tinh-trang-sp{margin-bottom: 10px;
    font-size: 15px;}
.product-info .tinh-trang-sp .bao-hanh{margin-left:50px}
.tinh-trang-sp .tinh-trang .value{font-weight: 700;
    color: #44b20d;}
.tinh-trang-sp .bao-hanh .value{font-weight: 700;    color: #F44336;}
.product-info .note{font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #E91E63;}
.product-info .woocommerce-variation-price .box-price{margin-top:10px}
.variations label{font-size: 15px;
    font-weight: 500;}
.product-short-description p{margin-bottom:0px}
form{margin-bottom:0}
.product-gallery .flickity-slider .col{max-width: 20%;flex-basis:20%}
.related h3{        /* letter-spacing: 0; */
    text-align: center;
    /* font-size: 1.25em; */
    font-size: 23px;}
.btn-tra-gop{margin-right: 0;
    margin-bottom: 0;
    background: #414141;
    padding: 10px 30px;
    border-radius: 5px;
    color: #ffd21c;
    font-size: 17px !important;
    float: revert;
    float: right;
    text-transform: uppercase;
    font-weight: bold;
    padding: 17px 35px;}.single_add_to_cart_button:hover{box-shadow:none; background:#ffb51c !important;}


a.devvn_buy_now_style{display:block;background: #FF5722;max-width:100%; margin-top:10px}.variations{margin-bottom:0}

.product-info .box-price{margin: 15px 0 5px 0;
    display: flex;
    align-items: center;}
.product-short-description{margin-bottom:15px;font-size:15px}
.single-product .section2{padding:0}
.thong-tin-them i{color: #ffd21c;}
.product-info .thong-tin-them .ma-sp, .product-info .thong-tin-them .luot-xem{margin-left:15px}
.footer2 ul li a{font-size:15px}
.header-bottom-nav li.active ul li a{background:white}
.header-block{margin-right:10px !important}
.product-info .box-price .gia-km bdi{color:red;font-size:22px}.product-info .box-price .gia-km{margin-right:10px}
.product-info .box-price .gia-thuong bdi{text-decoration: line-through;
    color: gray;
		font-weight: 500;}.product-info .box-price .gia-thuong{margin-right:10px}
.product-info .box-price .giam-gia{background: #FF5722;
    font-size: 12px;
    font-weight: 500;
    color: white;
    padding: 3px 6px;
    border-radius: 4px;}
.header-block .large-6{flex-basis:44%; max-width:44%}.phan-tram-km {
    z-index: 0;
    background-color: rgb(199, 49, 48);
    border-radius: 3px 4px 4px 3px;
    border-left: 1px solid rgb(199, 49, 48);
    margin-left: 19px;
    position: relative;
    color: rgb(255 255 255);
    font-size: 12px;
    font-weight: 600;
    margin-right: 7px;
    padding: 0 4px;
}
.stock-status{
    font-weight: bold;
}
.span-thuong-hieu a{
     font-weight: bold;
}
.div-thuong-hieu{
        font-size: 90%;
    margin-top: 5px;
    margin-bottom: 10px
}
.phan-tram-km:after {
    content: "";
    position: absolute;
    transform-origin: left top;
    transform: rotate(45deg);
    background: rgb(199, 49, 48);
    top: -1px;
    left: 1px;
    height: 13px;
    width: 13px;
    border-radius: 3px;
    z-index: -1;
}.badge-container {
    margin: 7px 0 0 0 !important;
}.badge-container .badge{
    margin-left: 0;  height: 40px;
    width: 40px;

}
h1.product-title{
        font-size: 23px;
}
.khuyenmai p{
    margin-bottom: 5px;
}
div.khuyenmai{
        background: rgba(30, 61, 55, 0.3);
    padding: 15px;
    margin: 0 0 20px;
    border-radius: 5px;
    clear: both;
    margin-top: 64px !important;
}
.soc img {
    max-height: 30px !important;

    height: 30px !important;
    width: 30px !important;
}
.soc {
        font-size: 85%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    display: inline-block;
 
    width: 30px;


}
.percentage-discount{
    color: #d9534f !important;
}

.product-small.box{
	border: 1px solid #ececec;
	padding: 0px;
	border-radius: 5px;
	    background: white;
}
.section-sale .section-bg.fill{
	    background: linear-gradient(to bottom, #eb3d43, #FFCB00);
    border-radius: 4px;
}/wp-admin/post.php?post=2&action=edit&app=uxbuilder&type=editor
.product-section-title-related{
        text-align: center;
    font-size: 25px !important;
}
.product-section{
    border-top: unset;
}
.hotline-ct{
        position: absolute;
    top: 25px;
    right: 17px;
}
.hotline-ct .no-mr{
        padding: 4px 0px;
}
.hotline-ct a{
    color: white;
    font-size: 19px;
    font-weight: bold;
 
}
.hotline-ct{
        margin-top: 16px;
    color: #fff;
    background: #ffa200;
    padding: 5px 10px;
    border: 1px #fff dashed;
}
.text-truoc-gia{
        font-weight: bold;
    margin-bottom: 4px;
}
.product-main .price-wrapper ins{
        font-size: 22px;
}
.product-main .price-wrapper del{
    font-size: 18px;
        padding-left: 10px;
}
.product-main .price-wrapper{
    margin-bottom: 15px;
}
.product-small .text-truoc-gia{
    display: none;
}

.section2 .cot1 .col{padding-bottom:10px}
.product-small .product-title a{font-size: 14px;
		color:#363636;}.product-small .product-title{margin-bottom:5px}
.product-main  .price-wrapper .price del{display: block;}
.price-wrapper .price ins{margin-right:6px}
.badge-container .badge-inner{
   font-size: 13px;
    background: #FFDB15;
    border-radius: 99px;
    font-weight: 500;
    color: black;}
.header-main .header-button .header-cart-link{min-width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1.5px solid white;
    color: white;}
.header-main .header-button .header-cart-link i{font-size:18px}
.TextCaptions .item.is-nav-selected::after{display:none}
.TextCaptions .item.is-nav-selected{border:1px solid #ffd21c}
.section1 .flickity-prev-next-button svg{    background: #0000004f;
    border-radius: 99%;}
.section1 .flickity-page-dots .dot{width:9px;height:9px}
.header-bottom-nav li{margin:0}
.header-bottom-nav > li > a {
font-size: 15px;
    padding-left: 16px;
    padding-right: 12px;
        padding-top: 5px !important;
    padding-bottom: 5px !important; 
}.nav-dropdown>li>a {color:black;
    font-size: 15px;
}.header-bottom {    
}
.badge-container{margin:10px}
.widget_shopping_cart_content{font-size:15px}
.nav-dropdown>li>a:hover{color:#ffd21c !important}
.searchform-wrapper input{height:40px; box-shadow: none;

    font-size: 15px;}
.searchform .button.icon{   
    box-shadow: none;
    height: 40px;
    color: black;
    text-transform: inherit;
    font-weight: normal;
    color: white;
    font-size: 15px;}
.nav-dropdown>li>a:hover{padding-left:25px}
.header-block .icon-box{align-items: center;}
.header-block .cot2 .icon-box .icon-box-text{text-transform:uppercase}
.header-block .icon-box h3{font-weight: 500;
    font-size: 18px;
}
.header-block .large-2{flex-basis:20%; max-width:20%}
.header-block .cot2{flex-basis:16%; max-width:16%}
.section1 .col{padding:0 5px 10px}
.img{margin-bottom:10px !important}
.section1 .large-4 img{border-radius:6px}
.section1 .slider .img{margin-bottom:0 !important;}.TextCaptions .item{font-size:13px !important;color:#4c4c4c !important; padding:0 5px !important}
.TextCaptions .item.is-nav-selected::after {     background-color: #FFC107 !important;
}
.section1 .slider img{border-top-left-radius:6px;border-top-right-radius:6px}.TextCaptions {
		background: #ffffff !important;}
.product-small .price ins bdi{color:#d80000;font-size:16px}.section2 .cot1 .col-inner .col-inner {
    background: none;
    padding: 0;
    border-radius: 0;
}
.ux-timer-text{background: white;
    color: #c60000;
    padding: 5px;
    border-radius: 8px;
    font-size: 17px !important;}
.section2 p{margin-bottom:9px;font-weight:500; font-size:15px}.nut-xem-tat-ca {
         padding: 7px 20px;
    border-radius: 6px;
    font-size: 15px;
    line-height: 23px;
    font-weight:500;
    letter-spacing: 0;
}
.giuseart_tabs > .nav .tab {display:flex;
    margin: 0 15px;
}

.archive .term-description{margin-top: 20px;
    border-top: 1px solid #c2c2c2;
    padding-top: 20px;}
.term-description img{margin:0 auto; display:block}
.archive .giuseart_tabs > .nav .tab a{background:white}
.archive .section3{border-bottom: 1px solid #e9e9e9;
    background: #f7f7f7; padding-top:20px !important}
.giuseart_tabs .nav{margin-bottom:30px}
.giuseart_tabs > .nav .tab a {background: #f4f4f4;
    border-radius: 10px;text-align:center;
   display: inline-block;border:none;
    overflow: hidden;
    position: relative;
    padding: 15px 20px;
    font-size: 15px;
    color: black;
}
.giuseart_tabs > .nav .tab.active a {
background: #ffde00;
    border: none;
    box-shadow: none;
    border-radius: 10px;
}
.giuseart_tabs .nav-vertical > li + li {
    border-top: 0
}
.giuseart_tabs > .nav .tab a > img {width:100px;height:100px;
    margin: 0 auto;border-radius:99%
}
.giuseart_tabs > .nav .tab a > img:nth-child(2) {
    display: none;
}
.giuseart_tabs > .nav .tab.active a > img:nth-child(1) {
    display: none;
}
.giuseart_tabs > .nav .tab.active a > img:nth-child(2) {
    display: block;
}
.giuseart_tabs > .nav .tab a:before {
    display: none;
}
.giuseart_tabs .nav h3 {margin-top:10px;margin-bottom:0; text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 15px;
    color: black;
    text-align: center;
}
.section3 h2{margin-bottom:25px}
.section2{padding-bottom:0 !important}
.giuseart_tabs .nav .active h3 {
    color: black;
}
.giuseart_tabs > .tab-panels {
    width: 100%;
padding:0px;}

.giuseart_tabs .nav.nav-vertical a{border-top: 1px solid #d2d2d2;text-align:center}
.giuseart_tabs .nav-vertical{margin-bottom:0}
.section1 .row-small{max-width:1250px}
.section2 .flickity-prev-next-button svg {
    background: rgb(255, 255, 255);
    box-shadow: rgb(184, 193, 202) 0px 0px 10px;
    border-radius: 99%;
    padding: 10px;
    opacity: 1;
}  .section2 .flickity-prev-next-button {
    opacity: 1;
    width: 45px;
}
.TextCaptions .flickity-prev-next-button{display:none}
.section2 .label-sale-con-lai{margin-top:35px; display:block}.label-sale-con-lai {background: #ff98008a;
    margin-top: 10px;padding: 0px;
    border-radius: 30px;width:100%; display:none;
}.section2 .label-sale-con-lai {
     display: block;
    position: relative;
}
.section2 .label-sale-con-lai .loading-bar-fill{height: 18px;
    background: darkorange;
    border-radius: 20px;
   }
.section2 .label-sale-con-lai span{position: absolute;
    top: 0;
    font-size: 11px;
    line-height: 18px;
    color: white;
    padding-left: 10px;}

.product-small .box-text{padding-bottom:20px}
.woocommerce-result-count, .woocommerce-ordering select{font-size:14px}
.breadcrumbs {
font-weight: normal;}

.list-post .post-item{
    padding-bottom: 0px;
}
.section-tin .is-divider{
    margin-top: 5px  !important;
}

.button-xem-them{
    background: #fccc06 ;
    border-radius: 5px;
    border: 0px;
    padding: 6px 12px;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
    min-height: unset;
    line-height: unset;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 0px;

}
.section1{padding-bottom:5px !important}
.section3 .product-small .product-title a, .archive .product-small .product-title a{font-size: 16px;
    font-weight: normal;    margin-top: 10px;
    margin-bottom: 10px;}
.da-ban-text{    display: block;
    margin-top: 7px;
    font-size: 13px;
    color: #385e71;}
.section2 .da-ban-text{display:none}
.section3 .flickity-prev-next-button svg{background: white;
    border-radius: 99px;
    box-shadow: 2px 2px 20px #00000045;}
.list-post .post-item .box-image{border-radius:6px}
.box-blog-post .is-divider{display:none}
.list-post2 .post-item .box-text{padding:0;padding-left:9px;}
.list-post2 .post-item .box-image{border-radius:6px}
.list-post2 .post-item .post-title{font-weight:500;font-size:16px;margin-bottom:8px}
.list-post .post-item .post-title{font-size: 20px;
    font-weight: 500;
    text-shadow: none;
    margin-bottom: 10px;}
.footer1 .col{padding-bottom:0}
.footer1{border-top:1px solid #80808033;}
.footer1 .icon-box h3{margin-bottom:0px;font-size:17px}
.footer1 .icon-box .icon-box-img svg{color:#464646}
.footer2 ul li{list-style:none; margin-left:0; margin-bottom:4px}
.footer2 h3{font-size:17px}
.footer2 .col{padding-bottom:0}
.footer2 ul{margin-bottom:0}
.footer2 ul li a:hover{text-decoration:underline}
.back-to-top i{
    color: white;
}
a.back-to-top{background:var(--primary-color) !important;border:none !important; color:black!important}
.absolute-footer{

		color: white !important}.list-post2 .post-item .post-title:hover{text-decoration:underline}
.list-post .post-item .post-title:hover{   
    color: #ffd21c;
}

.row-xsmall>.col, .row-xsmall>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 0 5px 9px;
}
.list-post2 .post-item{padding-bottom:18px}
.xem-tat-ca{margin-right:0;background-color:#ffde00 !important; letter-spacing: 0;font-size:15px;
    color: #3a3a3a !important;}
.section3 .tab-panels .panel{text-align:center}.nav-dropdown>li>a:hover{
		color: #ffcf3e !important;}.nav-pagination>li>a{    background: #f6f8fa;
    border: none;
				border-radius: 5px;}.nav-pagination>li>.current{border: none;
    background: #ffde02;
    border-radius: 4px;
						color: black;}.btn-tra-gop:hover{background:#232323 !important}.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{background:#ffc107}
.devvn-popup-quickbuy .nut-mua-tra-gop{display:none}
.form-dien-thoai{margin-bottom:10px;    background: #f0f0f0;
    padding: 15px 20px 20px;
    border-radius: 6px;}
.form-dien-thoai .des{margin-bottom:5px}
.form-dien-thoai .des .label{font-size: 15px;
    font-weight: 700;
    font-style: italic;}
.form-dien-thoai .des .hotline{font-weight: bold;
    font-size: 20px;
    color: #E91E63;
    padding-left: 7px;}
.form-dien-thoai .des2{font-size: 15px;
    margin-bottom: 10px;
    color: #dc0000;}
.form-dien-thoai input{margin-bottom: 0;
    box-shadow: none;
    font-size: 14px;height:40px}
.form-dien-thoai .large-4 input{text-transform: uppercase;
    letter-spacing: 0;
    width: 100%;
    font-weight: normal;
    height: 40px;
		font-size: 14px;} .wpcf7-spinner{display:none}
.product-main{padding-bottom:0}
.form-dien-thoai .col{padding-bottom:0}
.dac-diem-noi-bat{    margin-top: 20px;
    border: 1px solid #d0d0d0;
    padding: 20px;
    border-radius: 5px;}
.woocommerce-tabs .tabs{  background: #F5F5F5;  border-bottom: 2px solid var(--primary-color); border-top: 0;
    padding: 0;   margin-top: 0 !important;}.product-footer .woocommerce-tabs {
    border-top: 0;
    padding: 0;margin-top:15px
}
.woocommerce-tabs .tabs li.active a,.woocommerce-tabs .tabs li:hover a{
    background: var(--primary-color);
    color: white;
}
.woocommerce-tabs .tabs li{
    margin-left: 0px ;
    margin-right: 0px;
}
.woocommerce-tabs .tabs li a{
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 17px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a{
    color: black;
}

.entry-header .entry-divider{
    display: none;
}
.woocommerce-tabs li a{    font-size: 1.25em;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0;}
.woocommerce-tabs .nav-line>li.active>a:before{display:none}
.blog-single .entry-title{color: #222;
    font-size: 22px;

   }#toc_container.toc_light_blue {padding:15px;
    background: #e9f9ff;
    border: none;
    border-radius: 8px;
}#toc_container a {
    color: #2bc1ef;
    font-size: 16px;
}#toc_container p.toc_title {
    text-align: left;
		font-size: 17px;    margin-bottom: 5px;}
.thong-tin-meta{    font-size: 14px;
    color: #979797;}
.thong-tin-meta .tac-gia, .thong-tin-meta .luot-xem{margin-right:15px}
.blog-single .large-12{padding-bottom:0}
.blog-single .section2{padding-top:0 !important}.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 1.25em;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}form.checkout h3 {
    font-size: 19px;
    font-weight: bold;
    overflow: hidden;
    padding-top: 10px;
    text-transform: none;
}h1.entry-title.mb {
    margin-bottom: 30px;
    text-transform: none;
    letter-spacing: 0;
}
.page-template-default .entry-header{text-align:center}
.row-gioi-thieu{margin: 0 auto !important;}
.woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields__field-wrapper .select2-selection, .woocommerce-additional-fields__field-wrapper textarea{border-radius:5px;box-shadow:none; font-size:15px}
.blog-archive .bai-viet-lien-quan, .blog-archive .section2{display:none}
.blog-archive{padding-bottom:0}
.bai-viet-lien-quan ul li {margin-bottom:20px;
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan h4:hover{text-decoration:underline}
.bai-viet-lien-quan ul li .box-image img {
    height: 200px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 16px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 46px;
    overflow: hidden;
    font-weight: 500;margin-bottom:4px;
}
.bai-viet-lien-quan{margin-top:20px}


@media(max-width: 855px){
	.mobile-nav li.header-search .nav-dropdown{
		        border-radius: unset;
        border: unset;
		    margin-left: unset;
    left: -199px;
	}
	.mobile-nav li.header-search .nav-dropdown li.header-search-form{
		    width: 100%;
    padding: 0px;
	}
	.woocommerce-checkout #main,.woocommerce-cart #main{
		padding-left:10px;
		padding-right:10px;
	}
    .category-page-title {
    margin-top: 5px;
}
    .row-slide .large-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    a.filter-btn {
    height: 35px;
    line-height: 35px;
  
}
    .woocommerce-ordering select{
        font-size: 13px;
    }
    .shop-page-title,.div-widget{
        padding-left: 15px;
        padding-right: 15px;
    }
    #custom_html-3 .adminz_woo_form  .col{
        padding-bottom: 15px;
    }
    .section-gioi-thieu{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    h3.section-title{
        margin-bottom: 0px;
    }

     .product-small  .price span.amount bdi {
    color: #d80000;
    font-size: 12px;
}
        .product-small .price ins bdi {
        font-size: 12px;
    }
    .section-title-container .section-title-main{
            font-size: 13px;
    text-align: left;
    width: 64%;
    }
    .section-title-container a{
		        padding-left: 10px !important;
            padding: 4px 10px;
    }
      .producttabs button.icon-custom i.icon-menu{
        font-size: 20px;
      }
    .producttabs button.icon-custom i.icon-menu:before{
content: "\f03a";
      font-family: "Font Awesome 5 Pro";

    }
    .producttabs button.icon-custom{
    margin-top: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    border: 1px solid #1E3D37;
    color: #1E3D37;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    /* top: -35px; */
    /* right: 15px; */
    z-index: 99;
    text-align: center;
    margin-right: 10px;
    }
    .section-sp .tabbed-content h4 {

    padding-bottom: 6px;}
  #header  .header.show-on-scroll,#header .stuck .header-main {
    height: 70px !important;
}
    .page-title-inner {
    padding-top: 0px;
}
    #billing_state_field, #billing_city_field {
    width: 100% !important;
    margin-right: 10px;
}

#billing_address_2_field {
    width: 100% !important;
    margin-right: 0px !important;
}
        #logo img {
        max-height: 57px !important;
    }
    .mobile-nav.nav-right li.cart-item {
margin-left: 0px;
    }
    .icon-user:before,.icon-shopping-cart:before{
        font-size: 20px;
    }
    .mobile-nav .icon-search:before{
                font-size: 20px;
            content: "\f002";
                font-family: "Font Awesome 5 Pro";
    }
    .div-button-xem-them .text-right{
        text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    .product-small .product-title a {

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}
    .div-sale-title .icon-box-img{
            max-width: 150px;
    }
    .section-title-container {
    margin-bottom: 10px !important;
}
.section-danh-muc .box-text{
    padding-bottom: 0px;
}
.section-danh-muc .box-text h5 {
    text-transform: inherit;
    font-weight: normal;
    font-size: 13px;
}
.div-danh-muc .large-columns-4{
              display: -webkit-inline-box;
        overflow-x: auto;
        padding: 0px 0;
        margin-left: 0;
        margin-right: 0;
        flex-flow: unset !important;


}
    .product-small .add-to-cart-button {
    width: 100%;
    margin: 10px auto 0;
}
    .product-small .add-to-cart-button .add_to_cart_button:after{
        display: none;
    }
    .hotline-ct {
    position: relative;
    top: unset;
    right: unset;
    margin-top: 0px !important;
    margin-bottom: 10px;
}

    .product-main{
        padding-top: 0px !important;
    }
    .row-border{
        margin-top: 0px;
    }

    .span-so-luong{
        display: none;
    }
    .row-border .div-border{
        box-shadow: unset;
        padding: 10px;
    }
    .product-page-title{
        display: none;
    }
    .section-sp .tabbed-content ul.nav li a {
    border: none;
    outline: none;
    padding: 6px 8px;}
	.off-canvas-left .mfp-content{width:300px}.off-canvas .nav-vertical>li>a {
    padding-bottom: 13px;
    padding-top: 13px;
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: black;
    text-transform: uppercase;
    font-weight: normal;
}.nav:not(.nav-slide) .active>.children {
		padding-bottom: 10px;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    color: black;
}.TextCaptions {
		position: inherit;}.ux-timer-text{font-size:16px !important}.section2 .cot1 .col-inner .col-inner{text-align:center}.section2 .cot1 .col-inner{padding:10px}.product-small .price ins bdi{font-size:15px}
.section2 .row2 .col{padding-bottom:0}.giuseart_tabs > .nav .tab a{border-radius: 0;min-height:101px;padding:5px}.giuseart_tabs > .nav .tab {flex-direction: column;flex-basis: 20%;
    max-width: 20%;
    display: flex;
    margin: 0;
}.giuseart_tabs > .nav .tab a > img {
    width: 55px;
		height: 55px;}
.giuseart_tabs .nav h3 {
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    font-weight: normal;
}.giuseart_tabs > .nav .tab.active a{border-radius:0}.section3 h2 {
    margin-bottom: 10px;
}.section3 .product-small .product-title a, .archive .product-small .product-title a {
		font-size: 14px;}
.section4 h2{margin-bottom:0}.list-post .post-item .post-title {
		font-size: 18px;}
.list-post .post-item{padding-bottom:0}
.list-post2 .post-item .box{display:flex}.list-post2 .post-item .box .box-image{width:55% !important}.footer1 .col {
    padding-bottom: 20px;
}.footer2 .col:first-child{flex-basis:100%; max-width:100%}.giuseart_tabs .nav {
    margin-bottom: 10px;
}
.archive .product-small.col{padding:0 5px 10px}
.single-product .badge-container{display:none}.product-main {
    padding: 15px 0;
}.product-info{padding-bottom:0; padding-top:15px}.single_add_to_cart_button{margin-bottom:10px}
.btn-tra-gop{width: 100%;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;}.form-dien-thoai{padding:10px}.form-dien-thoai .col {
    padding-bottom: 10px;
}
.archive h1.shop-page-title{font-size:25px}
.giuseart_tabs .row .col{padding:0 5px 10px}.product-footer .woocommerce-tabs{margin-top:0}

.blog-archive .post-item .post-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}.blog-single .article-inner {
    border-radius: 0;
    box-shadow: none;
    margin-top: -20px;
    padding: 0;
}.blog-single .entry-title {
    color: #222;
    font-size: 25px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 0;
}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img {
		height: 140px;}.thong-tin-meta {
				font-size: 12px;}
}


@media(min-width: 1023px){
	::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #fff; }

::-webkit-scrollbar {
  width: 8px;
  background-color: #fff; }

::-webkit-scrollbar-thumb {
  background-color: var(--primary-color); }

    .section-slide .div-trai{
		flex-basis: 21%;
        max-width: 21%;
	}
	.section-slide .div-phai{
		flex-basis: 79%;
        max-width: 79%;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}