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

/*************** ADD CUSTOM CSS HERE.   ***************/
.nav-small.nav > li.html {
    font-size: 16px;
    color: #faf3e8 !important;
}

.header.show-on-scroll, .stuck .header-main {
    background: #fff;
}

.section-title-normal span {
    text-transform: none;
    border-bottom: none;
    margin-bottom: 0;
    margin-right: 15px;
    padding-bottom: 0;
    font-size: 24px;
    letter-spacing: 0;
    color: #000;
}
.section-title-normal {
    margin-bottom: 5px;
    border-bottom: 0;
}
.section-title a {
    display: block;
    font-size: 15px;
    margin-left: auto;
    padding-left: 15px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: normal;
}
.section2 .large-2 {
    flex-basis: 10%;
    max-width: 10%;
}
.section2 .col {
    padding: 0 6px 0;
}
.section-title-container {
    margin-bottom: 9px;
}
.section3 .icon-box {
    border-radius: 0 6px 6px 0;
    box-shadow: -3px 5px 14px #00000033;
    padding: 10px;
}
.section3 .icon-box:before {
    content: '';
    width: 13px;
    height: 100%;
    background-image: url(/wp-content/uploads/2023/09/img223.png);
    background-repeat: repeat-y;
    position: absolute;
    left: -8px;
    background-size: cover;
    top: 0;
}
.section3 {
    padding-bottom: 0px !important;
}
.section3 .icon-box .icon-box-text {
    padding-left: 10px;
}
.section4 .row1 {
    background: white;
    border-radius: 8px;
    padding: 20px 6px 0 6px;
}
.ux-timer {
    margin: 0 !important;
}
.section5 h2 {
    line-height: 32px;
    font-size: 32px;
    color: #000;
}
.section6 .large-3 img {
    border-radius: 6px;
}
.section5 .large-3 p {
    color: #757575;
    font-size: 14px;
    margin-bottom: 0;
}
.section5 .slider .row {
    width: 25% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    opacity: 1;
}
.section5 .slider .flickity-slider {
    left: 12.5% !important;
}
.section5 .slider .col {
    padding: 0 7px 0;
}
.section5 .col {
    padding-bottom: 0;
}
.section5 .slider img {
    border-radius: 5px;
}
.section5 .flickity-prev-next-button {
    top: 33%;
}
.section5 .flickity-prev-next-button.previous {
    left: 8px;
}
.section5 .flickity-prev-next-button.next {
    right: 8px;
}
.product-small .pwb-brand-shortcode a {
    text-transform: uppercase;
    font-size: 14px;
    color: #8e8e93;
}
.product-small .product-title a {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product-small .product-title {
    margin-bottom: 10px;
}
.label-sale-con-lai:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background-image: url(/wp-content/uploads/2023/09/Group-47458.svg);
    background-repeat: no-repeat;
}
.product-small .price {
    display: flex;
    justify-content: center;
}
.product-small .price ins {
    order: 0;
}
.product-small .box-image .image-cover {
    border-radius: 8px;
}
.product-small .price del {
    margin-left: 7px;
    order: 1;
}
.product-small .price ins bdi,
.product-small .price span.amount {
    font-size: 14px;
    color: #000;
}
.product-small .price del bdi,
.product-small .price {
    font-size: 14px;
    color: #828287;
}
.star-rating span:before {
    color: #ffc107;
}
.section4 .col {
    padding-bottom: 0;
}

.product-small .label-sale-con-lai {
    display: none;
    font-size: 12px;
    color: #2c2c2e;
    font-weight: 500;
}
.badge-container {
    margin: 10px;
    left: auto;
    right: 0;
}
.badge + .badge {
    opacity: 1;
    margin-top: 5px;
    width: 2.8em !important;
    height: 2.8em !important;
}
.badge-container .badge-inner {
    font-size: 12px;
    font-weight: normal;
    background-image: url(/wp-content/uploads/2023/09/sale.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: transparent !important;
}
.section4 .row1 .large-7 p {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.section3 .icon-box h4 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
}
.section3 .icon-box p {
    margin-bottom: 0;
    font-size: 12px;
    color: #555555;
    font-weight: 500;
}
.section3 .icon-box button {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0;
    background: #d4ac57;
    border-radius: 20px;
    color: white;
    margin-top: 5px;
}
.section3 .icon-box .dieu-kien-ma {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.section3 .icon-box .dieu-kien-ma a {
    color: #007aff;
    text-decoration: underline;
}
.section2 .icon-box:hover .icon-box-text p {
    color: #d6af5c;
}
.nav-small.nav > li.html a {
    font-size: 16px;
    color: #faf3e8;
    text-decoration: underline;
    padding: 0;
    padding-left: 7px;
}
/* .header-main .cart-item a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    height: 40px;
    border-radius: 0 !important;
    background: #d6af5c !important;
    line-height: 40px;
    padding: 0 24px;
} */
 .header-nav-main li a {
    color: #000;
}

.nav-dropdown-has-shadow  .header-nav-main .nav-dropdown {
    padding-left: 10px;
}

.header-main .cart-item a span {
    padding-right: 0;
    padding-left: 6px;
}
.header-block ul {
    margin-bottom: 0;
    display: inline-block;
}
.header-block ul li {
    margin: 5px 15px 0 0;
    display: inline-block;
    float: left;
}
.header-block ul li a {
    font-size: 13px;
    color: #666666;
}
.header-block ul li a:hover {
    color: #000;
    text-decoration: underline;
}
.searchform-wrapper input {
    color: #b8b8b8;
    font-size: 14px;
    height: 40px;
    border-radius: 20px 0 0 20px;
    box-shadow: none;
    border: 1px solid #d6af5c;
}
.searchform .button.icon {
    margin: 0;
    height: 40px;
    width: 93px;
    border-radius: 0 20px 20px 0;
}
.header-block .large-8 .col-inner {
    padding-top: 16px !important;
}
.header-block .icon-box .icon-box-text {
    padding-left: 8px;
}
.header-block .icon-box .icon-box-text {
    color: #444444;
    font-size: 13px;
}
.header-block .icon-box .icon-box-text strong {
    font-size: 16px;
    font-weight: bold;
    color: #1f1f1f;
}
.nav-spacing-xlarge > li {
    margin: 0 20px;
}
.header-bottom-nav li a {
    font-size: 14px;
}
.header-vertical-menu__opener {
    background-color: #fef4e1;
    border: 1px solid #d2a74b;
    border-radius: 10px 10px 0 0;
}
#menu-vertical-menu {
    border: 1px solid #d59c28;
    border-radius: 0 0 10px 10px;
    box-shadow: none;
    border-top: none;
}
.header-bottom .flex-col.flex-left {
    max-width: 280px;
}
.home .header-bottom-nav.nav-left {
    position: absolute;
    top: 22px;
}
.nav-line-bottom > li > a:before {
    height: 2px;
    background-color: #f4dc7e;
}
.header-vertical-menu__title {
    font-size: 14px;
}
.header-vertical-menu__fly-out.has-shadow {
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 10px 10px;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
    font-weight: 500;
    font-size: 14px;
    padding: 7.7px 15px;
}
.nav-vertical-fly-out > li,
.nav-vertical-fly-out > li + li {
    border-bottom: 1px dashed #000;
}
.nav-vertical-fly-out > li:last-child {
    border-bottom: none !important;
}
.nav-dropdown-default {
    padding: 0;
    border-radius: 0 10px 10px 0;
    border: 1px solid #d59c28;
    border-left: none;
}
.nav-dropdown > li > a {
    font-size: 14px;
    color: #000;
    padding: 11px 0;
}
.nav-dropdown.nav-dropdown-default > li > a {
    border-bottom: 1px dashed #d2a772;
}
.header-vertical-menu__opener .icon-angle-down {
    display: none;
}
.section1 .cot1 {
    flex-basis: 21.5%;
    max-width: 21.5%;
}
.section2 .icon-box:hover .icon-box-img img {
    transform: scale(1);
    transition: all linear 0.3s;
}
.section1 img {
    border-radius: 10px;
}
.section1 .col {
    padding: 0 4px 0;
}
.section1 .large-6 {
    flex-basis: 55.5%;
    max-width: 55.5%;
}
.section1 .cot3 {
    flex-basis: 23%;
    max-width: 23%;
}
.section1 .img {
    margin-bottom: 7px !important;
}
.flickity-page-dots .dot {
    height: 10px;
    width: 10px;
}
.section1 .flickity-page-dots {
    bottom: 30px;
}
.section2 .icon-box p {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}
.section2 .icon-box .icon-box-img img {
    transform: scale(0.9);
    transition: all linear 0.3s;
    padding-top: 0;
    border-radius: 99%;
    box-shadow: 2px 2px 4px #00000026;
}
.section2 .icon-box-center .icon-box-img {
    margin-bottom: 7px;
}
.ux-timer span {
    border: 1px solid red;
    color: red !important;
}
.section4 .product-small .label-sale-con-lai {
    display: block;
}
/* .product-small .add_to_cart_button {
    margin: 0;
    width: 35px;
    height: 35px;
    border-radius: 99%;
    background-image: url(/wp-content/uploads/2023/09/cart.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border-radius: 99%;
    background-color: #d6af5c;
    border: none;
} */
.product-small .box-text {
    position: relative;
}
.product-small .add-to-cart-button {
    position: absolute;
    right: 0;
    bottom: 7px;
}
.section4 .product-small .add-to-cart-button {
    bottom: 58px;
}
.section6 .product-small .box-text {
    padding-bottom: 0;
}
.section6 .section-title-normal {
    border-bottom: 1px solid #ececec;
}
.hdevvn-show-cats {
    display: inline-block;
    float: right;
}
.hdevvn-show-cats li {
    margin-bottom: 0;
    display: inline-block;
    list-style: none;
    float: left;
}

.hdevvn-show-cats li a {
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    background: none;
}
.section6 .section-title-main {
    padding-bottom: 10px;
    margin-bottom: -2px;
    border-bottom: 2px solid #000;
}
.product-small .product-title a:hover {
    color: #d6af5c;
    text-decoration: underline;
}
.section6 .row-trang-diem .section-title-main {
    background-image: url(/wp-content/uploads/2023/09/Group-1.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position-y: top;
    padding-left: 41px;
}
.section6 .row-tong-hop .section-title-main {
    background-image: url(/wp-content/uploads/2023/09/love-gift-1.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position-y: top;
    padding-left: 41px;
}
.section6 .row-skincare .section-title-main {
    background-image: url(/wp-content/uploads/2023/09/beeswax-1.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position-y: top;
    padding-left: 41px;
}
.section6 .row-hair .section-title-main {
    background-image: url(/wp-content/uploads/2023/09/treatment-1.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position-y: top;
    padding-left: 41px;
}
.section6 .row-nuoc-hoa .section-title-main {
    background-image: url(/wp-content/uploads/2023/09/perfume-1.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position-y: top;
    padding-left: 41px;
}
.section6 .row-tieu-dung .section-title-main {
    background-image: url(/wp-content/uploads/2023/09/offer.png);
    background-repeat: no-repeat;
    background-size: 34px;
    background-position-y: top;
    padding-left: 41px;
}
.section7 .col {
    padding-bottom: 0;
}
.section7 img {
    border-radius: 10px;
}
.section6 {
    padding-bottom: 20px !important;
}
.section-title-center span:after {
    content: '';
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2023/09/title-divide.png);
    width: 100%;
    height: 29px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}
.section-title-center span {
    margin: 0 15px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 41px;
}
.section-title b {
    background: none;
}
.section8 .slider .row .large-12 .col-inner {
    border-radius: 20px;
    background: white;
    box-shadow: 0px 11px 13px #00000014;
    padding: 20px;
}
.section8 .slider .row .large-12 {
    padding-top: 20px;
}
.section8 .icon-box .icon-box-img img {
    border-radius: 99%;
    padding-top: 0;
    box-shadow: 0px 14px 19px #0000000d;
}
.section8 .icon-box .icon-box-img {
    margin-bottom: 20px;
}
.section8 .icon-box p {
    font-style: italic;
    color: #666666;
    font-size: 15px;
}
.section8 .icon-box h3 {
    font-size: 20px;
    color: #292929;
    font-size: bold;
    margin-bottom: 0;
}
.section8 .testimonial-box p {
    font-size: 14px;
    font-style: normal;
}
.section8 .testimonial-meta {
    display: none;
}
.flickity-page-dots .dot {
    border: 1px solid #111;
}
.flickity-page-dots .dot.is-selected {
    background-color: #d8b362 !important;
    opacity: 1 !important;
    border: 1px solid #d8b362 !important;
}
.section8 .flickity-prev-next-button .arrow {
    color: #d2a74a !important;
}
.img01 {
    position: absolute;
    top: 20px;
    left: 10%;
    max-width: 250px;
}
.img02 {
    position: absolute;
    bottom: 20px;
    right: 10%;
    max-width: 250px;
}
.list-post1 .post-item .box-image .image-cover {
    border-radius: 8px;
}
.list-post1 .post-item .post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}
.list-post1 .post-item .post-title:hover {
    text-decoration: underline;
    color: #d3aa50;
}
.list-post1 .post-item a:hover {
    color: #444444;
}
.thong-tin-them .ngay-thang {
    margin-right: 15px;
}
.nut-xem-them {
    letter-spacing: 0;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: normal;
}
.list-post1 .post-item .from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
}
.thong-tin-them,
.xem-them .luot-xem {
    margin-bottom: 10px;
    font-size: 13px;
    color: #999;
}
.list-post1 .post-item {
    padding-bottom: 0;
}
.footer1 .icon-box {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
}
.footer1 .icon-box h4 {
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
.footer1 .icon-box p {
    font-size: 14px;
    color: #48484a;
}
.footer1 {
    padding-bottom: 0 !important;
}
.footer2 .icon-box p {
    font-size: 14px;
    color: #333333;
}
.footer2 .social-icons a,
.social-icons .button.icon:not(.is-outline) {
    background-color: #fef4e1 !important;
    border: 1px solid #f5b80a !important;
    color: #f5b80a !important;
}
.footer2 .social-icons .button.icon:not(.is-outline) > i {
    color: #f5b80a !important;
}
.footer2 h3 {
    margin-bottom: 15px;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}
.footer2 ul {
    margin-bottom: 0;
}
.footer2 ul li {
    list-style: none;
    margin-left: 0;
    font-size: 15px;
    color: #333333;
}
.footer2 ul li a {
    font-size: 14px;
    color: #333333;
}
.footer2 ul li a:hover {
    text-decoration: underline;
    color: #000;
}
.absolute-footer {
    color: #222222;
    font-size: 14px;
    padding: 15px 0;
    border-top: 1px solid #c7c7c7;
}
.footer2 .col,
.section10 .col {
    padding-bottom: 0;
}
.footer-secondary {
    padding: 0;
}
a.back-to-top {
    background: #000 !important;
    color: white !important;
    border: none !important;
}
.product-small .label-sale-con-lai .fa-bolt {
    color: orange;
}
.stuck .header-bottom-nav.nav-left {
    top: 4px;
}
.header-bottom-nav.nav-left {
    top: 4px;
}
.archive h1.shop-page-title {
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
}
.woocommerce-result-count,
.woocommerce-ordering select {
    font-size: 14px;
}
.woocommerce-ordering select {
    border-radius: 30px;
}
.product-small.box .box-image {
    border-radius: 8px;
}
.archive .product-small .add-to-cart-button {
    bottom: 30px;
}
.bapf_head h3 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
}
.bapf_sfilter.bapf_ckbox label {
    font-size: 15px;
    font-weight: normal;
}
.bapf_sfilter.bapf_ckbox input[type='checkbox'] {
    border-radius: 5px;
    border: 1px solid #cecece;
    margin-bottom: 12px;
}
.footer0 .large-12 .col-inner {
    border: none;
    color: #000 !important;
    padding: 20px 100px;
    border-radius: 14px;
}
.footer0 .large-12 .col-inner .col-inner {
    background: none;
    padding: 0;
    border-radius: 0;
}
.footer0 h2 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 4px;
    color: #000;
}
.footer0 .large-12 .col p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}
.footer0 .col {
    padding-bottom: 0;
}
.form-email input {
    margin: 0;
    border-radius: 40px;
    height: 45px;
    background: #fef4e1;
    border: none;
    box-shadow: none;
    padding-left: 20px;
    color: white;
}
.form-email input[type='submit'] {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    font-size: 17px !important;
    letter-spacing: 0;
    color: #d6af5c;
}
.wpcf7-spinner {
    display: none;
}
form {
    margin-bottom: 0;
}
.footer0 {
    padding-bottom: 0 !important;
}
.banner-km img {
    border-radius: 8px;
}
.product-gallery,
.product-thumbnails .col {
    padding-bottom: 20px !important;
}
.pwb-single-product-brands a {
    text-transform: uppercase;
    color: #ff9800;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}
.product-info .pwb-text-before-brands-links {
    display: None;
}
.pwb-single-product-brands {
    padding-top: 0;
}
.product-info h1.product-title {
    font-size: 21px;
    color: #000;
}
.product-info .thuoc-tinh {
    margin-left: 15px;
    font-weight: bold;
    color: black;
    font-size: 15px;
}
.product-info .ma-sp {
    font-size: 15px;
    margin-left: 15px;
    color: black;
}
.product-info .ma-sp .label {
    font-weight: bold;
    margin-right: 5px;
}
.product-info .price ins {
    margin-right: 10px;
}
.price-wrapper .price del {
    order: 2;
}
.product-info .price del {
    font-size: 17px;
}
.product-info .price-wrapper .price {
    align-items: center;
    display: flex;
    justify-content: left;
}
.product-info .phan-tram-km {
    position: absolute;
    margin-top: -35px;
    left: 33%;
}
.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-weight: 700;
    font-size: 13px;
    font-weight: 600;
    margin-right: 7px;
    padding: 1px 4px;
}
.phan-tram-km:after {
    content: '';
    position: absolute;
    transform-origin: left top;
    transform: rotate(45deg);
    background: rgb(199, 49, 48);
    top: -1px;
    left: 2px;
    height: 18px;
    width: 16.5px;
    border-radius: 3px;
    z-index: -1;
}
.product-short-description {
    margin-top: 20px;
    font-size: 15px;
    color: black;
    letter-spacing: 0;
}
.product-thumbnails a img {
}
.product-thumbnails a,
.product-thumbnails a:hover {
    border: none !important;
}
.product-summary .quantity {
    margin-bottom: 0 !important;
    margin-right: 5px;
    margin-bottom: 1em;
    border: 2px solid #e8e8e8;
    border-radius: 40px;
    height: 55px;
}
.quantity .button.minus {
    background: none;
    border: none;
    height: 55px;
    width: 40px;
    font-weight: bold;
    color: black;
    font-size: 20px;
}
.quantity input[type='number'] {
    width: 40px;
    height: 48px;
    border: none;
    font-weight: bold;
    font-size: 20px;
}
.quantity .button.plus {
    background: none;
    border: none;
    width: 40px;
    height: 55px;
    font-weight: bold;
    color: black;
    font-size: 20px;
}
.single_add_to_cart_button {
    height: 55px;
    background: #d6af5c !important;
    border: 1px solid #ffc107 !important;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    padding: 2px 50px 15px 50px;
    border-radius: 45px;
}
.single_add_to_cart_button:before {
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2023/09/cart-icon.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position-y: center;
    background-position-x: center;
    top: 8px;
    position: inherit;
}
.buy_now_button {
    height: 55px;
    background: #0d7670;
    border-radius: 30px;
    padding: 6px 30px;
    font-weight: 600;
    letter-spacing: 0;
    border: 1px solid #1ec2ba;
}
.qua-tang-box .row-gift .label {
    border: 1px solid;
    font-size: 13px;
    padding: 2px 5px;
    color: #dd0000;
    margin-right: 9px;
    min-width: 75px;
    display: inline-block;
}
.qua-tang-box .row-gift {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #2d2d2d;
}
.tieu-chi-section .col {
    padding-bottom: 3px;
}
.qua-tang-box {
    display: block;
    margin-bottom: 25px;
    margin-top: 10px;
}
.tieu-chi-section .icon-box .icon-box-text {
    font-size: 14px;
    color: black;
}
.tieu-chi-section .icon-box .icon-box-text {
    padding-left: 9px;
}
.tieu-chi-section .icon-box {
    align-items: center;
}
.product-section h5.mt,
.related h3,
.woocommerce #reviews #comments h2 {
    margin-top: 0px;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0;
    color: black;
    text-transform: none;
}
.product-section {
    margin-bottom: 20px;
    border-top: 0;
}
.single-product .panel.entry-content {
    overflow: hidden;
    padding-top: 0;
    position: relative;
    color: black;
    font-size: 15px;
    padding-bottom: 25px;
}
.ux-swatches-in-loop {
    display: none;
}
.product-small:hover .ux-swatches-in-loop {
    display: flex;
    position: absolute;
    top: -35px;
}
.ux-swatches-in-loop .ux-swatch {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: 0 0 0 0.1rem #db0404;
    background: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: 600;
    color: black;
    box-shadow: none;
    border: 1px solid #9b9b9b;
}
div#reviews.woocommerce-Reviews,
.devvn_prod_cmt {
    max-width: 100%;
}
div#reviews.woocommerce-Reviews {
    border-bottom: none;
    margin-bottom: 0 !important;
}
#comments a.btn-reviews-now {
    background-color: #000;
    color: #fff;
    border-radius: 30px;
    text-transform: none;
    font-weight: 600;
}
span.devvn_num_reviews {
    color: #414141;
    font-size: 14px;
}
button#devvn_cmt_submit,
button#devvn_cmt_replysubmit {
    background: #000;
    border-radius: 20px;
    color: white;
    text-transform: none;
    font-weight: 600;
}
.sticky-add-to-cart--active {
    width: auto;
    flex-basis: 1366px;
    max-width: 1366px;
    margin: 0 auto;
    border: 1px solid rgb(239, 239, 239);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 14px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    padding: 12px;
    margin-bottom: 24px;
}
.sticky-add-to-cart--active button {
    margin-right: 7px !important;
}
.related .product-small .add-to-cart-button {
    bottom: 31px;
}
.rank-math-breadcrumb p {
    font-size: 14px;
    color: gray;
    margin-bottom: 0;
    text-align: left;
}
.blog-archive .large-12 {
    padding-bottom: 0;
}
.blog-archive .page-title {
    font-weight: bold;
    font-size: 32px;
    line-height: 60px;
    margin-bottom: 15px;
    color: black;
    letter-spacing: 0;
    text-align: left;
}
.blog-archive .taxonomy-description {
    text-align: left;
    font-size: 15px;
    color: black;
}
.blog-archive .post-item .post-title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 17px;
    color: black;
}
.blog-archive .post-item .box-image {
    border-radius: 8px;
}
.blog-archive .post-item a:hover {
    color: black;
}
.blog-archive .post-item .box-text {
    padding-bottom: 0;
}
.blog-single .entry-header .entry-header-text {
    max-width: 820px;
    margin: 0 auto;
    text-align: left;
}
.blog-single .entry-title {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: black;
}
.blog-single .is-divider {
    display: none;
}
.blog-single .rank-math-breadcrumb p {
    margin-bottom: 14px;
}
.blog-single .entry-image img {
    border-radius: 20px;
}
.blog-single .entry-content {
    max-width: 1020px;
    margin: 0 auto;
    text-align: justify;
}
.blog-single .entry-content p {
    max-width: 768px;
    margin: 0 auto 13px auto;
}
.blog-single .entry-content img {
    width: 100%;
    border-radius: 20px;
    margin: 30px 0;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content ul,
.entry-content quote,
.entry-content ol,
.entry-content figcaption {
    max-width: 768px;
    margin: 0 auto 13px auto;
}
.entry-content h2 {
    color: black;
    font-size: 20px;
}
.entry-content h3 {
    color: black;
    font-size: 19px;
}
.entry-content h4 {
    color: black;
    font-size: 18px;
}
.entry-content h5 {
    color: black;
    font-size: 18px;
}
.bai-viet-lien-quan h3,
.sp-lien-quan h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 39px;
    color: black;
}
.sp-lien-quan h4 {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    color: black;
    line-height: 21px;
    overflow: hidden;
    height: 40px;
}
.sp-lien-quan .box-text {
    text-align: center;
}
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    margin-bottom: 25px;
    list-style: none;
    width: 33.33%;
    color: graytext;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 250px;
    border-radius: 7px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: black;
    padding-top: 9px;
    overflow: hidden;
}
.bai-viet-lien-quan .tom-tat {
    font-size: 14px;
    overflow: hidden;
    height: 45px;
}
.bai-viet-lien-quan h4:hover {
    color: #000;
    text-decoration: underline;
}
.blog-single {
    padding-bottom: 0;
}
.blog-single .large-12 {
    padding-bottom: 0;
}
.top-search .banner .banner-bg,
.top-search .banner,
.top-search .banner-inner {
    border-radius: 20px;
}
.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: -5.9em;
}
.lien-he-section .icon-box p {
    margin-bottom: 0;
    font-size: 15px;
}
span.widget-title {
    font-size: 1em;
    font-weight: 600;
    font-weight: bold;
    font-size: 24px;
    text-transform: none;
    letter-spacing: 0;
    color: black;
    display: block;
    margin-bottom: 15px;
}
.widget .is-divider {
    display: none;
}
ul.menu > li + li {
    border-top: 1px dashed #dbb321;
}
ul.menu > li a {
    background: url(/wp-content/uploads/2023/09/chevrons-right-svgrepo-com.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position-y: center;
    padding-left: 18px;
    font-size: 15px;
    color: #000;
}
ul.menu > li a:hover {
    text-decoration: underline;
    color: #d2a74b;
}
.archive .no-results h1 {
    font-size: 22px;
    margin-bottom: 5px;
}
.archive .no-results .page-title {
    margin-bottom: 0;
}
#cart-popup h4 {
    letter-spacing: 0;
    font-size: 20px;
    color: black;
}
.is-divider {
    display: none;
}
a.added_to_cart {
    margin-top: 23px !important;
    padding: 0;
}
.widget_shopping_cart_content li a {
    font-size: 15px;
    color: black;
}
.widget_shopping_cart .button {
    margin: 0.5em 0 0;
    width: 100%;
    border-radius: 40px;
    background: #d6af5c;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
}
.checkout-breadcrumbs a {
    font-size: 20px;
}
.shop_table_responsive th {
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: normal;
    color: black;
}
.shop_table_responsive .button {
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
    border-radius: 30px;
}
.shop_table_responsive .button {
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
    border-radius: 30px;
}
.cart_totals .button {
    display: block;
    margin-right: 0;
    min-width: 100%;
    border-radius: 30px;
    padding: 7px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    border: 1px solid #ec9e0f;
}
.checkout_coupon .button {
    border-radius: 40px;
    padding: 8px 10px;
    text-shadow: none;
    font-weight: 600;
    color: white;
    letter-spacing: 0;
}
.checkout_coupon input {
    font-size: 13px;
    box-shadow: none;
    border-radius: 30px;
    height: 45px;
}
.cart_totals th.product-name {
    font-weight: normal;
    color: black;
    letter-spacing: 0;
}
.woocommerce-billing-fields__field-wrapper input,
.form-row .fl-is-active select,
.fl-labels .form-row textarea,
.selection .select2-selection {
    border-radius: 8px;
    font-size: 15px;
    color: black;
    box-shadow: none;
}
form.checkout h3 {
    padding-top: 10px;
    text-transform: uppercase;
    color: black;
    margin-bottom: 15px;
    display: block;
}
.payment_box p {
    font-size: 14px;
    color: black;
}
.woocommerce-checkout-payment .button {
    font-weight: 600;
    border-radius: 40px;
    padding: 10px 50px;
}
.filter-button {
    display: inline-block;
    margin-top: 0.5em;
    letter-spacing: -0;
    text-transform: none;
}
.banner .text-box {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
}
.lien-he-section .large-4 {
    padding-bottom: 0;
}
.single-product .entry-content h2,
.single-product .entry-content h3,
.single-product .entry-content h4 {
    margin-left: 0;
}
.single-product .entry-content ul {
    margin-left: 0;
}
.single-product .entry-content figcaption {
    margin-left: 0;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .header-top {
        min-height: 42px;
    }
    .nav-small.nav > li.html,
    .nav-small.nav > li.html a {
        font-size: 13px;
    }
    .header-main .cart-item a {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        height: 40px;
        border-radius: 0 !important;
        background: white !important;
        line-height: 40px;
        padding: 0 24px;
        border: none;
        color: #000;
        padding: 0;
    }
    .nav > li > a > i.icon-menu {
        color: #000;
    }
    .off-canvas .nav-vertical > li > a {
        padding-bottom: 15px;
        padding-top: 15px;
        color: black;
        font-size: 15px;
    }
    .off-canvas .nav-vertical li li > a {
        padding-bottom: 5px;
        padding-top: 5px;
        color: black;
        font-size: 15px;
    }
    .nav:not(.nav-slide) .active > .children {
        padding-bottom: 10px;
    }
    .off-canvas-left .mfp-content {
        width: 330px;
    }
    .section1 .col {
        flex-basis: 100%;
        max-width: 100%;
    }
    .section-title-normal span {
        font-size: 20px;
    }
    .section-title a {
        font-size: 13px;
    }
    .section2 .large-2 {
        flex-basis: 20%;
        padding: 0 2px 4px;
        max-width: 20%;
    }
    .section2 .icon-box p {
        line-height: 15px;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
    }
    .header-main {
        box-shadow: 2px 2px 20px #00000017;
    }
    .section3 .icon-box .icon-box-text {
        padding-left: 0;
    }
    .section3 .icon-box .dieu-kien-ma {
        position: inherit;
        right: 10px;
        bottom: 10px;
        margin-top: 10px;
    }
    .section3 .icon-box .icon-box-img {
        margin-bottom: 10px;
    }
    .section3 .col {
        padding-bottom: 20px !important;
    }
    .section4 .row1 .large-7 p {
        text-align: center;
        margin: 10px 0;
    }
    .section4 .large-columns-5 .col,
    .section6 .large-columns-5 .col,
    .section6 .large-columns-4 .col {
        padding: 0 5px 10px;
    }
    .section5 h2 {
        line-height: 25px;
        font-size: 24px;
        color: #000;
        text-align: center;
    }
    .section5 .slider .row {
        width: 33.33% !important;
    }
    .section5 .slider .flickity-slider {
        left: 0 !important;
    }
    .section5 .large-3 p {
        margin-bottom: 10px;
        text-align: center;
    }
    .section6 .section-title-main {
        background-size: 28px;
        margin-bottom: 15px;
        padding-left: 34px;
        display: block;
        width: 100%;
    }
    .hdevvn-show-cats li a {
        font-size: 14px;
        padding-left: 0;
        padding-right: 13px;
    }
    .section6 .section-title-normal {
        margin-bottom: 10px;
    }
    .section7 .col {
        padding-bottom: 10px;
    }
    .img01,
    .img02 {
        display: none;
    }
    .hdevvn-show-cats {
        margin-bottom: 15px !important;
        flex-grow: 1;
        -webkit-box-flex: 1;
        white-space: nowrap;
        overflow: auto;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin-bottom: 0px;
        display: flex;
        max-width: 100%;
        float: right;
        margin-top: 0;
        width: 100%;
    }
    .section-title-center span {
        font-size: 20px;
        line-height: 25px;
    }
    .section8 .icon-box p {
        font-size: 13px;
    }
    .list-post1 .post-item + .post-item .box,
    .blog-archive .post-item + .post-item .box {
        display: flex;
    }
    .list-post1 .post-item + .post-item .box .box-image,
    .blog-archive .post-item + .post-item .box .box-image {
        width: 50% !important;
    }
    .list-post1 .post-item + .post-item .box .box-text,
    .blog-archive .post-item + .post-item .box .box-text {
        padding-left: 10px;
        padding-top: 0;
        padding-right: 0;
    }
    .list-post1 .post-item + .post-item .box .post-title,
    .blog-archive .post-item + .post-item .box .post-title {
        font-size: 14px;
    }
    .list-post1 .post-item + .post-item .from_the_blog_excerpt,
    .blog-archive .post-item + .post-item .from_the_blog_excerpt {
        display: none;
    }
    .section10 .section-title-main {
        margin-right: 0 !important;
        padding-left: 0;
        margin-bottom: 0;
    }
    .footer2 .col,
    .section10 .col {
        padding-bottom: 12px;
    }
    .footer0 .large-12 .col-inner {
        padding: 10px;
    }
    .footer0 .col {
        padding-bottom: 10px;
    }
    .footer0 h2 {
        font-size: 20px;
        text-align: center;
    }
    .form-email input[type='submit'] {
        font-size: 14px !important;
    }
    .footer1 .icon-box {
        padding: 10px;
    }
    .footer0 .large-12 .col p {
        text-align: center;
    }
    .footer1 .icon-box h4 {
        font-size: 13px;
        text-transform: none;
    }
    .footer1 .icon-box p {
        font-size: 13px;
    }
    .footer2 p {
        font-size: 13px;
    }
    .footer2 ul li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .archive h1.shop-page-title {
        font-size: 20px;
    }
    .archive .product-small.col {
        padding: 0 5px 10px;
    }
    .product-info h1.product-title {
        font-size: 19px;
    }
    .product-info .price {
        font-size: 20px;
    }
    .product-summary .quantity {
        margin-bottom: 10px !important;
    }
    .single_add_to_cart_button {
        float: right;
        padding: 2px 18px 15px 15px;
    }
    .buy_now_button {
        width: 100%;
    }
    .sticky-add-to-cart--active {
        display: none;
    }
    .product-main {
        padding-bottom: 0;
    }
    .product-section h5.mt,
    .related h3,
    .woocommerce #reviews #comments h2 {
        font-size: 20px;
    }
    .entry-content h2 {
        font-size: 19px;
    }
    .entry-content h3 {
        font-size: 18px;
    }
    .entry-content h4 {
        font-size: 17px;
    }
    .entry-content h5 {
        font-size: 16px;
    }
    .related h3 {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .woocommerce #reviews #comments h2 {
        line-height: 22px;
    }
    .related .product-small.col {
        padding: 0 5px 10px;
    }
    #comments a.btn-reviews-now {
        width: 100%;
    }
    .footer2 .social-icons {
        margin-top: 10px;
    }
    .searchform .button.icon {
        width: 50px;
    }
    .blog-archive .page-title {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 0;
    }
    .blog-archive .post-item .post-title {
        font-size: 15px;
    }
    .blog-single .entry-title {
        font-size: 20px;
    }
    .blog-single .entry-header .entry-header-text {
        max-width: 100%;
        padding-bottom: 10px;
    }
    .blog-single .entry-content {
        max-width: 100%;
    }
    .bai-viet-lien-quan h3,
    .sp-lien-quan h3 {
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .sp-lien-quan .large-2 {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 5px 10px;
    }
    .bai-viet-lien-quan ul li {
        width: 50%;
    }
    .bai-viet-lien-quan ul li .box-image img {
        height: 120px;
    }
    .bai-viet-lien-quan h4 {
        font-size: 15px;
    }
}