/*
Theme Name:           YHL
Theme URI:            http://flatsome.uxthemes.com/
Author:               UX-Themes
Author URI:           http://www.uxthemes.com/
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.14.2
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.0.0
Text Domain:          flatsome
License:              http://themeforest.net/licenses
License URI:          http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/



/******************************
==== OVERIDE BOOTSTRAP CSS ====
******************************/
#content.page-wrapper .row,
#content.blog-wrapper .row,
.row.category-page-row {
    margin-right: auto;
    margin-left: auto;
}
/****** NOTE: .col{max-width:100%;} was removed in bootstrap.min.css; ******/
#content.page-wrapper .col,
#content.blog-wrapper .col {
    flex-basis: unset;
    flex-grow: unset;
}

section.woocommerce-order-details {
    display: none;
}




/*****************************
==== OVERIDE FALTSOME CSS ====
*****************************/
.menu li.menu-item .toggle {
    display: none;
}

.container-fluid .row {
    width: unset;
    max-width: unset;
}

.logo img {
    display: unset;
}

input.input-number, input.input-number:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    opacity: unset;
    outline: unset;
    color: unset;
    background-color: unset;
}



/*  Menu  */
@media(min-width: 1024px) {
    .admin-bar .fixHeader {
        top: 32px;
    }

    .admin-bar .product-info-nav.sticky {
        top: 32px !important;
    }

    .f_info_l ul.clearfix {
        columns: 3;
        -moz-column-count: 3; /* for mozilla */
        -webkit-column-count: 3; /* for webkit (Safari and Google) */
        -o-column-count: 3; /* for opera, likely, when supported */
        column-count: 3; /* for all and future proofing */
    }
}

.menu li.menu-item {
    float: left;
    margin-top: 0;
    margin-left: 45px;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    border-top: unset;
}

    .menu li.menu-item a {
        display: block;
        box-sizing: border-box;
        padding: 0;
        color: #2e2b27;
        font-weight: 500;
        font-size: 16px;
        border-radius: 0px;
        text-transform: uppercase;
        line-height: 70px;
        position: relative;
    }

.menu li.has-child {
    background: transparent url(assets/custom/images/h_arrow_down.png) no-repeat right center;
    background-size: 10px;
    padding-right: 17px;
    position: relative;
}

    .menu li.has-child:hover .sub-menu {
        display: block;
    }

    .menu li.has-child .sub-menu {
        position: absolute;
        left: 0;
        top: 70px;
        background: #fff;
        width: 250px;
        padding-bottom: 15px;
        padding-left: 0px;
        display: none;
    }

        .menu li.has-child .sub-menu li {
            float: none;
            margin-left: 0;
            padding: 15px 15px 0;
        }

            .menu li.has-child .sub-menu li a {
                background: none;
                padding: 0;
                line-height: normal;
            }

                .menu li.has-child .sub-menu li a:hover {
                    color: #f37435;
                }

                    .menu li.has-child .sub-menu li a:hover::after {
                        display: none;
                    }

@media (max-width: 1366px) {
    .menu li.menu-item {
        margin-left: 20px;
    }

    .product-info-nav.sticky {
        /*width: 100% !important;*/
        width: 1140px !important;
        /*max-width: 0px !important;*/
    }
}

@media(max-width: 1024px) {
    .m_menu .menu li.has-child .sub-menu {
        position: inherit;
        top: 0;
        padding-bottom: 0;
    }

        .m_menu .menu li.has-child .sub-menu li {
            margin-top: 0;
            padding: 10px 15px 0;
        }

    .menu li.has-child {
        background: #fff url(assets/custom/images/h_arrow_down.png) no-repeat right 7px;
        background-size: 10px;
    }

    ul.menu > li.has-child {
        display: block;
    }

    .category-list {
        padding: unset !important;
    }

    .testi-item {
        width: calc(50% - 20px) !important;
    }

    .ytb-frame iframe {
        height: 250px;
    }

    .pnr-ttl {
        width: 100%;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .find-near {
        font-size: 12px !important;
        height: 36px;
        padding-top: 3px;
    }

    .or-by, #wpsl-search-btn {
        font-size: 12px !important;
    }

    .h_language_m {
        display: flex;
    }

        .h_language_m h4, .h_language_m .lang-ttl {
            width: max-content;
        }
}

.submenu-product-categories {
    display: none;
    position: absolute;
    left: 215px;
    top: 73px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
    width: 730px;
    box-sizing: border-box;
    padding: 15px 30px 30px 15px;
}

    .submenu-product-categories li {
        float: none;
        margin-left: 0;
        padding: 0;
        float: left;
        width: 16.6666%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-bottom: 15px;
    }

        .submenu-product-categories li h3 {
            padding: 15px 0 5px;
        }

        .submenu-product-categories li p {
            margin-top: 15px;
        }

        .submenu-product-categories li h3 a, .submenu-product-categories li span a {
            font-size: 15px;
            font-weight: bold;
            color: #645f57;
            text-decoration: none;
            min-height: 38px;
            line-height: 1.33;
            display: block;
        }

        .submenu-product-categories li p a {
            font-size: 13px;
            padding: 0;
            color: #645f57;
            line-height: 1.38;
        }

    .submenu-product-categories a:hover {
        color: #f37435;
        text-decoration: none;
    }

    .submenu-product-categories.hover, .submenu-product-categories.active {
        display: block;
    }

@media(min-width: 1440px) {
    .submenu-product-categories {
        width: 920px;
        left: 245px;
    }

        .submenu-product-categories li {
            padding-left: 30px;
        }

    #banner_slide .owl-stage-outer img {
        height: 600px !important;
    }

    .recent-viewed-product .products.row > div {
        width: calc(20% - 20px);
    }

    .p-contact-left, .p-contact-right {
        padding-top: 40px !important;
    }

        .p-contact-right .col-inner {
            padding: 40px 30px 30px !important;
        }

        .p-contact-right div.wpcf7 {
            padding: 30px 40px !important;
        }

            .p-contact-right div.wpcf7 > form > p:not(:last-of-type) {
                margin-bottom: 25px !important;
            }

            .p-contact-right div.wpcf7 > form > p > label {
                margin-bottom: 10px !important;
            }

    .blog-list-item img {
        height: 210px;
        object-fit: cover;
    }

    .pnr-ttl h2 {
        font-size: 28px;
    }

    .loca-search-title h2 {
        font-size: 32px;
    }

    .news_lst_item_img img {
        height: 225px;
    }

    .store-gird h2 {
        font-size: 32px !important;
    }

    .customer_slide .owl-dots {
        bottom: 15px !important;
    }

    .customer {
        background-position: 50px 115% !important;
    }
}


/*****************************
======= TMI CUSTOM CSS =======
*****************************/
.pro_recomend_slide.mobile ul {
    display: none;
}

    .pro_recomend_slide.mobile ul.active {
        display: block;
    }

.pro_recomend_item_price_down * {
    color: #f37435;
}

.pro_recomend_item_price_up * {
    color: #8b8b8a;
}

ul.filter-list {
    max-height: 360px;
    overflow-y: scroll;
}

    ul.filter-list .selected {
        background-color: #fdf7ea;
    }

.paginations li span:not(.dots) {
    border: solid 1px #333;
    line-height: 40px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #fff;
    background: #333;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    width: 40px;
}
/*.paginations li span.dots{
    background: #fff !important;
}*/
.paginations li a:hover, .paginations li a.active {
    color: #fff !important;
}

.pagi-row {
    width: 100% !important;
}

    .pagi-row a {
        cursor: pointer;
    }

.pro_recomend_item_ttl {
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.pro_recomend_item_txt {
    height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.pro_recomend_item_price {
    height: 48px;
}

.pro_recomend_item_price_r .add_to_cart_button.added {
    display: block
}

.pro_recomend_item_price_r a:nth-child(2) {
    display: none !important;
}

.follow_form div.wpcf7 {
    width: 100%;
}

.follow_form .wpcf7 p {
    display: flex;
}

.follow_form span.wpcf7-form-control-wrap,
.follow_form span.wpcf7-form-control-wrap input {
    width: 100%;
}

.follow_form input[type="submit"] {
    background: #fff !important;
    color: #f37435;
    text-transform: inherit;
    font-weight: bold;
    font-size: 18px;
    width: 181px;
    margin-left: 3%;
    margin-right: 0px;
    height: 50px;
    font-family: 'Google Sans';
    padding: 0px 24px 0px 26px;
}

    .follow_form input[type="submit"]:hover {
        color: #fff;
        background: #2e2b27 !important;
    }

input.input-number, span.input-number-decrement, span.input-number-increment {
    border: 1px solid #e0e0e0;
    height: 46px;
    user-select: none;
}

input.input-number {
    width: 75px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
    margin: 0px -3.8px;
}

span.input-number-decrement {
    border-right: none;
}

span.input-number-increment {
    border-left: none;
}

span.input-number-decrement, span.input-number-increment {
    display: inline-block;
    width: 46px;
    line-height: 46px;
    background: #f6f6f6;
    color: #333;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}

.d_pro_info_btn_buy a:nth-child(2),
.d_pro_info_btn_add a:nth-child(2) {
    display: none;
}

.d_pro_info_btn_buy .added,
.d_pro_info_btn_add .added {
    display: flex;
}

.cart_l_lst_sl .quantity {
    margin-right: 0px;
}

.cart_l_lst_sl input[type="button"] {
    width: 36px;
    height: 36px;
}

.cart_l_lst_sl input[type="number"] {
    height: 38.8px;
    width: 50px;
}

.cart_l_lst_tt * {
    color: #e34a4a;
}

.cart_l_km form.checkout_coupon {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.cart_l_km .clearfix {
    display: flex;
}

.cart_l_km input[type="submit"] {
    width: 100px !important;
    height: 44px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    border-radius: 3px;
    background-color: #f37435;
    cursor: pointer;
    margin-left: 20px;
    text-shadow: none;
    letter-spacing: normal;
}

.cart_l_total_number *, .cart_l_total_number span.woocommerce-Price-currencySymbol {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #e34a4a;
}

.cart_l_total_number bdi {
    display: inline-flex;
}

.other-receiver, .comp-invoice {
    display: none;
}

p.error {
    color: red;
}

.thank-you-wrapper {
    margin: auto !important;
}

    .thank-you-wrapper .checkout_info_tt * {
        color: #b7273d !important;
    }

.checkout_lst_line_tt p:last-child * {
    color: #e34a4a !important;
}

.checkout_cnt_ttl p, .checkout_cnt_ttl h3,
.cart_l_more_ttl p, .cart_l_more_ttl h3 {
    display: block;
    width: max-content;
}

.breadcrumb-content {
    color: #fff;
    width: 70%;
    display: block;
    padding: 35px 0px;
    height: 235px;
}

.breadcrumb-item * {
    color: #fff !important
}

.breadcrumb-title {
    font-weight: bold;
    text-transform: uppercase;
}

@media(min-width: 1200px) {
    .breadcrumb-item, .breadcrumb-item a {
        font-size: 14px;
    }

    .breadcrumb-title {
        font-size: 36px;
        margin: 5px 60px 20px 0;
    }

    .breadcrumb-subtitle {
        font-size: 16px;
        line-height: 1.5;
    }

    #wpsl-search-wrap .find-near {
        width: 25%;
    }

    #wpsl-search-wrap .or-by {
        width: 7%;
    }

    #wpsl-search-wrap #wpsl-category {
        width: 20%;
    }

    #wpsl-search-wrap .wpsl-input {
        width: 30%;
    }

    #wpsl-search-wrap .wpsl-search-btn-wrap {
        width: 12%;
    }
}

@media(min-width: 1024px) and (max-width: 1199px) {
    .breadcrumb-item, .breadcrumb-item a, .breadcrumb-subtitle {
        font-size: 14px;
    }

    .breadcrumb-title {
        font-size: 28px;
        margin: 13px 202px 7px 0;
    }

    .breadcrumb-subtitle {
        line-height: 1.57;
    }

    .store-gird {
        width: 85%;
        margin: auto !important;
    }

    .store-item {
        width: 47% !important;
        margin: auto;
    }

    #wpsl-search-wrap .wpsl-input {
        width: 35%;
    }
}

@media(min-width: 768px) and (max-width: 1023px) {
    .breadcrumb-wrapper {
        background-position: left !important;
    }

    .breadcrumb-content {
        width: 75%;
        text-align: center;
        margin: auto;
        padding: 32px 0px;
    }

    .breadcrumb-title {
        margin: 8px 0px;
        font-size: 24px;
    }

    .breadcrumb-item, .breadcrumb-item a, .breadcrumb-subtitle {
        font-size: 14px;
    }

    .breadcrumb-subtitle {
        line-height: 1.57;
    }

    .recent-viewed-product .products.row > div {
        width: calc(33.3333% - 20px);
    }

    #wpsl-search-wrap form > div:not(.or-by) {
        width: 30% !important;
    }

    .find-near {
        width: 35% !important;
        margin-left: 22.5%;
    }

    .or-by {
        margin-right: 22.5% !important;
    }

    .news_lst_item_img img {
        height: 205px;
    }

    .store-item {
        width: 47% !important;
    }

    .f_info_l ul.clearfix {
        columns: 3;
    }
}

.dig-elem .signupbutton, .dig-elem.dig_pgmdl_2 .minput .digits-form-select .select2-selection--single, .dig_pgmdl_2 .minput input, .dig_pgmdl_2 .minput textarea {
    border-color: #e0e0e0 !important;
    color: #312d27;
    background-color: #fff !important;
    border-radius: 3px !important;
    padding: 0 15px !important;
    height: 44px;
    -webkit-transition: color .3s,border .3s,background .3s,opacity .3s;
    -o-transition: color .3s,border .3s,background .3s,opacity .3s;
    transition: color .3s,border .3s,background .3s,opacity .3s;
}

    .dig_pgmdl_2 .minput input:focus, .dig_pgmdl_2 .minput textarea:focus {
        border-color: #f37435 !important;
    }

.dig_login_rembe {
    width: 50%;
    float: left;
    margin-top: 6px;
}

    .dig_login_rembe div:last-child {
        color: #312d27 !important;
        font-weight: 100;
        cursor: pointer;
        font-size: 14px;
    }

    .dig-custom-field .dig_opt_mult_con .dig_input_wrapper:before, .dig_login_rembe .dig_input_wrapper:before {
        background-color: #f37435 !important;
    }

.dig-elem .forgotpasswordaContainer {
    width: 50%;
    float: right;
    margin-top: 5px !important;
    margin-bottom: 15px;
}

.forgotpassworda {
    color: #f37435 !important;
    font-weight: 500;
    font-size: 14px;
    text-align: right !important;
}

.dig_pgmdl_2 .minput .minput_inner label {
    color: #2e2b27 !important;
    font-weight: bold !important;
    font-size: 14px;
}

.logforb button {
    width: 100%;
    height: 40px !important;
    font-size: 16px;
    font-weight: bold;
    outline: none;
    border-radius: 3px !important;
    /*background-color: #f37435;*/
    cursor: pointer;
    text-transform: uppercase;
    margin: 0px;
}

.registerbutton {
    border-radius: 3px !important;
    width: 300px;
    height: 44px !important;
    margin: 0px auto 15px auto;
}

    .logforb button:hover, .registerbutton:hover {
        background-color: #333;
    }

.logforb {
    max-width: 300px;
    margin: auto;
}

.login_box_btn a.fb {
    height: 44px;
    display: flex;
    background: #003b9a;
    color: #fff;
    align-items: center;
    text-align: center;
    border-radius: 3px;
    justify-content: center;
}

.login_box_btn a.gg {
    height: 44px;
    display: flex;
    background: #b7273d;
    color: #fff;
    align-items: center;
    text-align: center;
    border-radius: 3px;
    justify-content: center;
}

    .login_box_btn a.fb:hover, .login_box_btn a.gg:hover {
        background: #333;
        text-decoration: unset;
    }

.login_box_btn a.signupbutton {
    display: contents;
    color: #f37435 !important;
    font-size: 14px;
}

.login_box #nsl-custom-login-form-1, .login_box #nsl-custom-login-form-2 {
    display: none;
}

.digits_register .minput .minput_inner label {
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 5px;
}

.minput input {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.digits_register .minput input {
    min-height: 40px !important;
    max-height: 40px;
    height: 40px;
}

.dig_opt_mult_con {
    display: flex;
}

#dig_cs_gioitinh .minput_inner {
    flex-direction: row;
}

#dig_cs_gioitinh .field_label {
    width: max-content;
    padding-right: 20px;
}

#dig_cs_gioitinh label .dig_input_wrapper div:last-child {
    font-weight: normal;
}

#dig_cs_registterm .field_label {
    display: none;
}

#dig_cs_registterm label .dig_input_wrapper div:last-child {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    color: #312d27;
}

#dig_cs_registterm .dig_input_wrapper:before {
    top: 5px;
}

.backtoLogin {
    font-size: 14px;
}

.dig_register_otp {
    order: 7;
    margin-bottom: 10px;
}

#dig_cs_mobilenumber .countrycodecontainer {
    max-width: 25%;
}

#dig_cs_mobilenumber .mobile_field {
    padding-left: 52px !important;
}

.digits_fields_wrapper.digits_register_fields {
    display: flex;
    flex-wrap: wrap;
}

#dig_cs_name {
    order: 1;
}

#dig_cs_email {
    order: 3;
    width: 50%;
    padding-left: 8px;
}

#dig_cs_mobilenumber {
    order: 2;
    width: 50%;
    padding-right: 7px;
}

#dig_cs_gioitinh {
    order: 4;
}

#dig_cs_password {
    order: 5;
}

#dig_cs_registterm {
    order: 6;
}

.digits_fields_wrapper.digits_register_fields .minput .minput_inner {
    margin: 0px 0px 8px;
}

#dig_cs_mobilenumber .minput_inner, #dig_cs_email .minput_inner {
    margin: 5px 0px 15px !important;
}

.popup_wrap {
    z-index: 99999991 !important;
}

.not-login, .login_box_close {
    cursor: pointer;
}

.cart_l_lst_sp_info h4 a {
    color: #2e2b27;
}

.recent-viewed-product .products.row {
    margin-left: 0px;
    margin-right: 0px;
}

@media(min-width: 1024px) and (max-width: 1439px) {
    .recent-viewed-product .products.row > div {
        width: calc(25% - 20px);
    }

    .blog-list-item img {
        height: 165px;
        object-fit: cover;
    }
}

.d_pro_info_social .tooltip, .articles_l_social .tooltip {
    cursor: pointer;
    position: initial;
    opacity: unset;
}

.d_pro_info_btn_love span.feedback {
    display: none;
}

.d_pro_info_btn_love .yith-wcwl-add-button a {
    background: url('/Content/desktop/icon/h_ico_heart.svg') no-repeat center;
    color: transparent;
}

.d_pro_info_btn_love .yith-wcwl-wishlistexistsbrowse a,
.d_pro_info_btn_love .yith-wcwl-wishlistaddedbrowse a {
    background: url('/Content/desktop/icon/h_ico_heart_f.svg') no-repeat center;
    color: transparent;
}

.p-contact-left, .p-contact-right {
}

    .p-contact-right .col-inner {
        padding: 30px 20px 20px;
    }

    .p-contact-right div.wpcf7 {
        padding: 30px;
    }

    .p-contact-left h2, .p-contact-right h2 {
        font-size: 24px;
    }

    .p-contact-right div.wpcf7 > form > p:not(:last-of-type) {
        margin-bottom: 18px;
    }

    .p-contact-right div.wpcf7 > form > p > label {
        margin-bottom: 7px;
        font-size: 16px;
    }

    .p-contact-right .col-inner {
        border-radius: 10px;
    }

    .p-contact-right div.wpcf7 {
        background: #fff;
        border-radius: 10px;
    }

    .p-contact-left h2, .p-contact-right h2 {
        margin-bottom: 20px;
        color: #333;
        font-weight: bold;
        text-transform: uppercase;
    }

    .p-contact-right div.wpcf7 > form > p:last-of-type {
        text-align: right;
    }

    .p-contact-right div.wpcf7 > form > p > label {
        color: #2e2b27:;
    }

    .p-contact-right div.wpcf7 > form input,
    .p-contact-right div.wpcf7 > form textarea {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border-color: #e0e0e0;
        border-radius: 3px
    }

    .p-contact-right div.wpcf7 > form input {
        height: 44px;
        padding-left: 10px;
        border: solid 1px #ccc;
    }

        .p-contact-right div.wpcf7 > form input::placeholder {
            color: #8b8b8a;
            font-size: 14px;
        }

        .p-contact-right div.wpcf7 > form input[type="submit"] {
            background: #f4b834;
            border-radius: 5px;
            width: 148px;
            margin: 0px;
            text-transform: inherit;
        }

    .p-contact-left p {
        font-size: 18px;
        color: #2e2b27;
        margin-bottom: 10px;
    }

        .p-contact-left p:not(:first-of-type) {
            margin-top: 10px;
        }

.contact-item {
    padding: 10px 0px;
    display: flex;
}

    .contact-item img {
        width: 60px;
        padding: 13px;
        background: #fdf7ea;
        border-radius: 100%;
    }

    .contact-item span {
        padding-left: 20px;
        font-weight: bold;
        font-size: 18px;
        margin: auto 0px;
    }

section.testimonial {
    padding: 30px 0px;
}

.testi-item {
    width: calc(25% - 25px);
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #e0e0e0;
}

.testi-item-meta {
    padding: 15px 15px 25px;
}

.testi-item-title {
    margin-bottom: 10px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

    .testi-item-title a {
        font-size: 16px;
        font-weight: bold;
        color: #2e2b27;
        line-height: 1.4;
    }

        .testi-item-title a:hover {
            color: #f37435;
            text-decoration: unset;
        }

.testi-item-date {
    font-size: 12px;
    height: 35px;
    color: #8b8b8a;
}

body.blog {
    padding-top: 0px;
}

.blog-list-item_cnt h2 {
    height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-list-item_cnt p:first-of-type {
    height: 120px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.single-testi {
    border-top: 3px solid #f37435;
}

.blog .articles_l_cnt {
    padding-top: 5px;
}

.cart_l_lst_dg_t span.amount {
    color: #2e2b27;
}

.cart_l_lst_dg_b span.amount {
    color: #8b8b8a;
}

.partners {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 30px;
    justify-content: space-between;
}

.pnr-ttl {
    display: flex;
}

    .pnr-ttl h2 {
        color: #333;
        text-transform: uppercase;
        font-weight: bold;
        margin: auto 24px auto 0px;
    }

.pnr-item:not(:last-of-type) {
    margin-right: 2.7%;
}

.wpsl-search {
    background: #f9f9f9;
}

.loca-search-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333;
}

    .loca-search-title h2 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 32px;
    }

    .loca-search-title p {
        font-size: 18px;
        line-height: 2.3;
    }

#wpsl-search-wrap form {
    display: flex;
    padding: 0px 15px 10px;
}

.or-by {
    width: 10% !important;
    text-align: center;
    font-size: 14px;
    margin-top: -1px;
}

.find-near {
    font-size: 14px;
    border-radius: 6px;
}

    .find-near i {
        background: url(/Content/desktop/images/location.png) no-repeat center;
        padding: 12px;
        background-size: 20px;
    }

#wpsl-search-input, #wpsl-category .wpsl-dropdown, #wpsl-search-btn {
    width: 100% !important;
}

#wpsl-search-btn {
    background: #b7273d;
    font-size: 14px;
    border-radius: 6px !important;
    font-weight: bold;
    color: #fff;
    border: unset !important;
    line-height: 1.4rem;
    text-transform: uppercase !important;
    text-align: center;
}

.news_lst_item_img img {
    height: auto;
    object-fit: contain;
    height: 180px;
}

.news_lst_item_ttl {
    height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_lst_item_txt {
    height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.store-selected-item {
    position: static;
    padding-right: 35px !important;
    list-style: none;
    padding: 9px 12px !important;
    margin: 0 !important;
    display: block;
    line-height: normal;
    color: #000;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

    .store-selected-item:after, #wpsl-category:after {
        position: absolute;
        content: "";
        right: 12px;
        top: 50%;
        margin-top: -4px;
        border: 6px solid transparent;
        border-top: 8px solid #000;
        z-index: 9;
    }

.store-list {
    position: absolute;
    z-index: 2;
    height: 300px;
    overflow: scroll;
    background: #fff;
    width: 100%;
    display: none;
}

    .store-list li {
        list-style: none;
        padding: 9px 12px !important;
        margin: 0 !important;
        cursor: pointer;
    }

        .store-list li.active {
            font-weight: bold;
        }

.tag_wrapper {
    position: absolute;
    z-index: 9;
}

    .tag_wrapper p {
        float: left;
    }

        .tag_wrapper p:not(:last-child) {
            margin-right: 5px;
        }

.h_icon li input {
    padding-right: 40px;
}

.h_search_m_cnt input {
    padding-right: 12%;
}

.woocommerce-MyAccount-navigation-link--downloads, .wishlist-account-element, #yith-wcwl-popup-message {
    display: none !important;
}

a.current-lang {
    cursor: pointer;
}

.btnfinish-scan {
    cursor: pointer;
    background: #f37435;
    color: #fff;
    width: max-content;
    border-radius: 3px;
    margin: 15px auto;
    padding: 10px;
}

.store-gird {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

    .store-gird h2 {
        text-align: center;
        margin-top: 60px;
        margin-bottom: 15px;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

.store-item {
    display: flex;
    width: 31%;
    flex-wrap: wrap;
    padding: 10px 15px;
    border: solid 1px #e0e0e0;
    border-radius: 6px;
    margin: 0px 10px 20px;
}

.pin-icon {
    background: #fdf7ea;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    display: flex;
    margin: auto;
}

    .pin-icon i {
        background: url('/Content/desktop/images/map-pin.png') no-repeat center;
        padding: 20px;
        margin: auto;
        background-size: 24px;
    }

.store-content {
    width: calc(100% - 54px);
    padding-left: 15px;
}

p.store-ttl {
    font-weight: 500;
    font-size: 16px;
    color: #312d27;
    cursor: pointer;
}

    p.store-ttl:hover {
        color: #f37435;
    }

p.store-addr {
    font-size: 14px;
    color: #645f57;
}

.pis-ttl {
    color: #f37435;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

.product-info-section {
    padding-top: 30px;
}

.product-info-nav .nav-item {
    cursor: pointer;
}

.product-info-nav.sticky {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 1440px;
}

.wcpr-comment-form p.form-submit,
.comment-form-comment {
    display: flex;
    flex-wrap: wrap;
}

    .comment-form-comment > span:first-of-type {
        margin-left: auto;
    }

.pro_dg .woocommerce-photo-reviews-form .wcpr-comment-form input[type=submit] {
    margin-right: 0px;
}

.rs-cmt {
    background-color: #a4abb2 !important;
    border-radius: 5px !important;
    height: 46px;
    color: #fff !important;
    margin-right: 15px;
    margin-left: auto;
    padding: 10px 15px;
    border: none;
}

.tmi_dig_loader {
    display: none;
    width: 100%;
    height: 44px;
}

    .tmi_dig_loader img {
        margin: auto;
        display: block;
    }

#khu_vuc_field, #cua_hang_field {
    display: none;
}

.tmi_dig_notice {
    color: red;
}

.before-product-list {
    background: url('/Content/desktop/images/login-loader.svg') no-repeat center;
    background-size: contain;
    display: flex;
    height: 50px;
}

.overall-rating-title {
    display: none;
}

.d_pro_slide .lazyloaded {
    opacity: 1 !important;
}

.articles_l p, .content-area .row-main p,
.articles_l ul, .content-area .row-main ul {
    padding: 7px 0px;
}

form.digits_login input.mobile_field {
    padding-left: 109px !important;
}

.woocommerce-EditAccountForm .dig_wc_logincountrycode {
    pointer-events: none;
}







/*#banner_slide_mobile .owl-stage-outer img {
    height: 100%;
    max-height:120px;
}
*/
@media(min-width: 370px) and (max-width: 399px) {
    /*#banner_slide_mobile .owl-stage-outer img {
        height: 117px;
    }*/
}

@media(min-width: 400px) {
    /*#banner_slide_mobile .owl-stage-outer img {
        height: 128px;;
    }*/
}

@media(max-width: 767px) {
    .pro_recomend_item_txt {
        height: 62px;
        -webkit-line-clamp: 3;
    }

    .follow_form input[type="submit"] {
        width: 132px;
        margin-left: 0px;
        border-radius: 0px 4px 4px 0px;
        font-size: 14px;
        white-space: normal;
        word-wrap: break-word;
        line-height: 1.3;
        padding: 0px 15px;
    }

    .breadcrumb-wrapper {
        background-position: left !important;
    }

    .breadcrumb-content {
        width: 100%;
        padding: 28px 0px;
        margin: auto;
        text-align: center;
    }

    .breadcrumb-title {
        margin: 10px 0px;
        font-size: 24px;
    }

    .breadcrumb-item, .breadcrumb-item a {
        font-size: 12px;
    }

    .breadcrumb-subtitle {
        font-size: 14px;
    }

    .recent-viewed-product .products.row > div {
        width: calc(50% - 10px);
    }

    body.page-id-329 .row-main .large-12 {
        padding: 0px;
    }

    .p-contact-right {
        padding: 30px 0px 0px !important;
    }

        .p-contact-right .col-inner {
            padding: 30px 12px !important;
        }

    .p-contact-left p {
        font-size: 14px !important;
    }

    .contact-item span {
        font-size: 16px !important;
    }

    .contact-item img {
        padding: 11px !important;
    }

    .blog-list-item img {
        height: 230px !important;
    }

    .paginations {
        display: block !important;
    }

    .testi-item {
        width: 100% !important;
        margin-right: 0px
    }

    .ytb-frame iframe {
        height: 195px !important;
    }

    .cart_l_tt span.amount {
        font-weight: normal;
    }

    .cart_l_lst_dg {
        display: flex;
        width: unset !important;
        text-align: left !important;
    }

    .cart_l_lst_dg_b {
        margin-top: 0px;
        margin-left: 10px;
    }

        .cart_l_lst_dg_b span.amount {
            font-size: 12px;
            font-weight: 500;
        }

    .cart_l_lst_dg_t span.amount {
        font-size: 16px;
        font-weight: 500;
    }

    .cart_l_lst_tt span.amount {
        font-weight: 500;
    }

    .cart_l_lst_sl input[type="button"] {
        width: 30px;
        height: 30px;
        line-height: 1;
        font-size: 12px;
        padding: 0px;
        font-weight: bold;
    }

    .cart_l_lst_sl input[type="number"] {
        height: 30px;
        width: 44px;
        box-shadow: unset;
        font-size: 12px;
    }

    .cart_l_lst_ttl li:not(:first-child, :last-child) {
        display: none;
    }

    .cart_l_km form.checkout_coupon {
        flex-wrap: wrap;
    }

    .cart_l_km .clearfix {
        width: 100%;
    }

    .pnr-ttl h2 {
        font-size: 18px !important;
    }

    .partners {
        justify-content: center !important;
        margin: auto;
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .pnr-item:not(:last-of-type) {
        margin-right: 7%;
    }

    .pnr-item {
        max-width: 100px !important;
    }

    .pnr-ttl h2, .loca-search-title h2 {
        font-size: 18px !important;
    }

    .loca-search-title {
        padding-top: 10px !important;
        padding-bottom: 15px !important;
    }

    .find-near {
        width: 60% !important;
        margin-left: 0px !important;
        margin-bottom: 20px;
    }

    .or-by {
        width: 15% !important;
        margin-left: 10px !important;
    }

    #wpsl-category {
        width: 100% !important;
    }

    .wpsl-input {
        width: 70% !important;
        margin-top: 15px;
        padding-right: 10px;
    }

    .wpsl-search-btn-wrap {
        width: 30% !important;
        margin-top: 15px;
    }

    .loca-search-title p {
        font-size: 14px;
    }

    .store-gird h2 {
        font-size: 18px !important;
    }

    .store-item {
        width: 100% !important;
    }

    .paginations li span {
        width: 25px !important;
        line-height: 25px !important;
    }
}

@media(min-width: 767px) and (max-width: 768px) {
    #banner_slide .owl-stage-outer img {
        height: 240px !important;
    }
}

@media(max-width: 768px) {
    .blog-list-item img {
        height: 202px;
        object-fit: cover;
    }

    .pnr-item {
        max-width: 130px;
    }

    #wpsl-search-wrap form {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media(min-width: 769px) and (max-width: 1279px) {
    #banner_slide .owl-stage-outer img {
        height: 100%;
        max-height: 400px;
    }
}

@media(min-width: 1280px) and (max-width: 1299px) {
    #banner_slide .owl-stage-outer img {
        height: 100%;
        max-height: 400px;
    }
}

@media(max-width: 1367px) {
    input.input-number, span.input-number-decrement, span.input-number-increment {
        height: 40px;
    }

    span.input-number-decrement, span.input-number-increment {
        width: 40px;
        line-height: 40px;
    }

    .pnr-ttl h2 {
        font-size: 24px;
    }

    .loca-search-title h2 {
        font-size: 30px;
    }
}

@media(min-width: 1300px) and (max-width: 1439px) {
    #banner_slide .owl-stage-outer img {
        height: 421px !important;
    }
}


/* tmi.css */

.blog .articles_l_cnt p, .blog-list-item_cnt p {
    text-align: justify;
}

.blog .articles_l_cnt img {
    padding: 5px 0px;
}

.blog .articles_l_cnt .articles_l_social img {
    padding: 0px;
}

.blog .articles_l_cnt ul, .single-product .product_tab_cnt ul, .content-area .row-main ul {
    margin: 10px 25px;
}

.blog .articles_l_cnt li, .single-product .product_tab_cnt li, .content-area .row-main li {
    list-style: initial;
    margin: auto 10px;
}

.blog .articles_l_cnt .articles_l_social li {
    list-style: none;
}

.articles_l_cnt a, .articles_l_cnt a:hover {
    color: #f37435;
}



.category_menu ul li:not(:first-child) a {
    /* border-left: 1px solid #fff; */
    /* padding-left: 10px !important; */
}

#content.page-wrapper .row-main {
    margin-top: 40px;
}

.my-account-header, .normal-title {
    background-color: #fff !important;
    border-top: 3px solid #f37435 !important;
    border-bottom: none !important;
    padding-top: 30px;
}

.dashboard-links a {
    padding: 15px;
    margin: 10px;
    color: inherit;
    font-size: 16px;
}

input[type=email], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=text], input[type=date], input[type=password], textarea {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    border-color: #e0e0e0 !important;
    border-radius: 3px !important;
}

.my-account .woocommerce-orders-table .woocommerce-orders-table__header span {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #2e2b27;
}

.my-account .woocommerce-orders-table__cell-order-number a {
    color: #f37435 !important;
}

.shop_table thead th, .shop_table .order-total td, .shop_table .order-total th {
    border-width: 2px !important;
}

.my-account .button {
    color: #fff;
}

.my-account label, .my-account legend {
    font-weight: 500;
}

.my-account .form-row {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.my-account .woocommerce-MyAccount-content h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.cart .message-wrapper {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
    margin-bottom: 5px !important;
    font-size: inherit !important;
    display: none;
}


.message-container a {
    color: #f30;
}

.checkout_info dl {
    text-transform: inherit !important;
}

.woocommerce-checkout-payment .payment_box {
    float: left;
    font-size: 14px;
}

.woocommerce-MyAccount-content .woocommerce-Address {
    max-width: 100%;
}

.pro_dg .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-process {
    width: 50%;
}

.pro_dg .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star {
    width: 23%;
}

.pro_dg .rate-percent-bg {
    height: 8px;
    background-color: #efefef;
    border-radius: 4px;
    margin-left: 20px;
}

.pro_dg .shortcode-wcpr-overall-rating-and-rating-count {
    padding-bottom: 30px;
}

.pro_dg .shortcode-wcpr-stars-count .shortcode-wcpr-row {
    height: 30px;
}

.pro_dg .shortcode-wcpr-stars-count .shortcode-wcpr-col-rank-count {
    font-size: 16px;
}

.pro_dg .shortcode-wcpr-overall-rating-left {
    background: none;
    color: #231f20;
    font-size: 46px;
}

.pro_dg .shortcode-wcpr-overall-rating-left-average {
    font-size: 46px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #231f20;
    line-height: 0.57;
}

.pro_dg .shortcode-wcpr-overall-rating-and-rating-count h2 {
    display: none;
}

.pro_dg .shortcode-wcpr-comment-author {
    float: left;
    color: #565656;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    margin-right: 10px;
}

    .pro_dg .shortcode-wcpr-comment-author:not(.shortcode-wcpr-comment-author-with-country):before {
        display: none;
    }

.pro_dg .wcpr-review-rating .star-rating {
    letter-spacing: 8px;
}

.pro_dg .shortcode-review-content-container {
    padding: 0px;
}

.pro_dg .shortcode-wcpr-enable-box-shadow .shortcode-wcpr-grid-item {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
    transition: box-shadow .2s ease;
    border-radius: 6px;
    padding: 15px 30px;
    border: solid 1px #efefef;
    background-color: #fff;
    height: auto;
    margin-bottom: 15px;
}

.pro_dg .shortcode-wcpr-grid.wcpr-grid-loadmore {
    display: block;
}

.pro_dg .shortcode-wcpr-grid {
    margin-bottom: 0px;
}

.pro_dg .woocommerce-photo-reviews-shortcode .wcpr-load-more-reviews-button-container .wcpr-load-more-reviews-button {
    display: inline-block !important;
    background: none;
    color: #2e2b27;
    border-radius: 4px;
    width: auto;
    height: auto;
    line-height: 36px;
    font-size: 14px;
    margin: 10px 0;
    font-weight: 700;
    padding: 0 26px 0;
    border-radius: 3px;
    border: solid 1px #312d27;
    text-decoration: none;
}

.pro_dg .comment-form-rating label, .pro_dg .wcpr-comment-form label {
    display: block;
    float: left;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #393939;
}

.pro_dg .woocommerce-photo-reviews-form-container .woocommerce-photo-reviews-form-main .woocommerce-photo-reviews-form-main-content {
    display: block;
    justify-content: inherit;
    align-items: center;
    border-radius: 6px;
    background-color: #f7f7f7;
    padding: 5px 25px;
    margin-top: 25px;
}

.pro_dg .woocommerce-photo-reviews-form .wcpr-comment-form textarea {
    width: 100%;
    height: 190px;
    border-radius: 8px;
    border: solid 1px #f4f2ef;
    outline: none;
    padding: 15px;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    color: #2e2b27;
    overflow: auto;
    resize: none;
}

.pro_dg .woocommerce-photo-reviews-form {
    width: 100%;
    padding: 15px;
}

    .pro_dg .woocommerce-photo-reviews-form .wcpr-comment-form input[type=submit] {
        height: 46px;
        border-radius: 5px;
        background-color: #b7273d;
        border: none;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        outline: none;
        cursor: pointer;
        float: right;
        padding: 10px;
    }

.pro_dg .comment-notes {
    display: none;
}

.pro_dg .comment-respond #author {
    width: 90%;
    border: 1px solid;
    height: 30px;
}

.follow_form .wpcf7 form.sent .wpcf7-response-output {
    margin: 10px 0px;
    padding: 0px;
    border: none;
    color: #fff;
}

.nsl-custom-login-form-main {
    display: none;
}

.d_pro_info span.amount {
    color: inherit;
    font-weight: inherit;
}

#toplevel_page_flatsome-panel, #acf-group_6139d86453dfb, #wp-admin-bar-flatsome_panel, #menu-posts-blocks,
#toplevel_page_edit-post_type-acf-field-group {
    display: none !important;
}

.shortcode-wcpr-col-star .star-rating span::before, .shortcode-wcpr-col-star .star-rating::before, .shortcode-wcpr-overall-rating-right-star .star-rating span::before, .shortcode-wcpr-overall-rating-right-star .star-rating::before {
    font-size: 20px !important;
    letter-spacing: 2px !important;
}

.shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star .star-rating {
    font-size: 20px !important;
}

.login_page_box {
    border: 1px solid #ddd;
}

.wpsl-store-below #wpsl-result-list {
    display: none; /*tạm thời hide khi chưa có api google map */
}

.woocommerce-page .category, .search-results .category {
    padding: 20px 0 30px 0;
}

.my-account .col-1, .my-account .col-2 {
    flex: auto;
}

.my-account .woocommerce-Addresses {
    margin-top: 20px;
}

.my-account abbr[data-original-title], .my-account abbr[title] {
    text-decoration: none;
}

.my-account a {
    color: #f37435;
}

.dashboard-links a {
    color: #333;
}

.content-area blockquote {
    font-size: 100%;
    padding: 0 1em 0 1.2em;
    border-left: 2px solid #f37435;
    color: inherit;
}

.p-contact-row h2 {
    font-size: 24px;
}

.owl-carousel .owl-item {
    display: flex;
}

.articles_l .wp-caption {
    margin-bottom: 15px;
}

.blog .articles_l_cnt .wp-caption img {
    padding: 5px 0px 0px 0px;
}

.quick-contact {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.q-mess a {
    background: url(/Content/desktop/images/TAGWEB-02.png) no-repeat center;
}

.q-contact-item a {
    display: block;
    width: 270px;
    height: 160px;
    background-size: 330px !important;
    padding: 10px;
    margin: 0 10px 10px;
}

.shortcode-wcpr-overall-rating-right .shortcode-wcpr-overall-rating-right-star .star-rating {
    font-size: 25px !important;
}

#submit_process {
    background: #b7273dad url(/Content/desktop/images/order-submit.svg) no-repeat center !important;
}

.img-ttl {
    height: 78px;
    width: auto;
    margin-bottom: 20px;
}

.category_menu.testi_menu {
    background: #fff !important;
}

    .category_menu.testi_menu ul li:not(:first-child) a {
        border-left: 1px solid #000;
    }

.testi_menu ul a {
    color: #000 !important;
    cursor: pointer;
}

    .testi_menu ul a:hover, .testi_menu ul a.active {
        color: #f37435 !important;
    }

#wpsl-category select {
    display: block !important;
}

.pin-icon {
    cursor: pointer;
}

.shortcode-wcpr-grid-item .wcpr-comment-child-content {
    overflow: unset !important;
    display: unset !important;
}

.cart_l_km #coupons_list {
    display: block !important;
}






/*********************** CSS MOBILE ******************************/
@media (max-width: 767px) {
    .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-rank-count {
        width: 30px !important;
        float: right;
    }

    .blog .articles_l_cnt ul, .single-product .product_tab_cnt ul, .content-area .row-main ul {
        margin: 5px 15px;
    }

    .blog .articles_l_cnt li, .single-product .product_tab_cnt li, .content-area .row-main li {
        margin: auto 5px;
    }

    .pro_dg .shortcode-wcpr-overall-rating-and-rating-count {
        padding-bottom: 10px;
    }

    .comment-form-rating .stars {
        float: right;
    }

    .comment-form-comment .char-left, .comment-form-comment .char-count {
        font-size: 12px;
    }

    .pro_dg .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star {
        width: 35%;
    }

    .wcpr-comment-form p.form-submit, .comment-form-comment {
        display: inline-block !important;
    }

    .pro_dg .comment-form-rating label, .pro_dg .wcpr-comment-form label {
        display: inline;
        float: none;
        font-size: 14px;
        font-weight: 600;
    }

    .pro_dg .comment-respond #author {
        width: 100%;
    }

    .wpsl-search .wpsl-input {
        width: 65% !important;
    }

    .wpsl-search .wpsl-search-btn-wrap {
        width: 35% !important;
    }

    .wpsl-search .or-by {
        width: 35% !important;
    }

    .footer {
        padding: 20px 0;
    }

    .pro_dg {
        padding: 20px 0 0 !important;
    }

        .pro_dg h2, .pro_dg .dg-ttl {
            border-bottom: none !important;
        }

            .pro_dg h2 span, .pro_dg .dg-ttl span {
                width: 100% !important;
                border-radius: 6px !important;
                text-align: left !important;
                padding-left: 10px !important;
            }

        .pro_dg .fb_box {
            padding-top: 0px !important;
        }

        .pro_dg .shortcode-wcpr-overall-rating-left {
            padding: 0px 10px !important;
        }

        .pro_dg .woocommerce-photo-reviews-form-container .woocommerce-photo-reviews-form-main .woocommerce-photo-reviews-form-main-content {
            padding: 5px;
            margin-top: 10px;
        }

    .woocommerce-photo-reviews-form-container .woocommerce-photo-reviews-form-main .woocommerce-photo-reviews-form-main-inner {
        display: flex;
    }

    .pro_dg .woocommerce-photo-reviews-form-container .woocommerce-photo-reviews-form-main .woocommerce-photo-reviews-form-main-content {
        padding: 0px 0px 20px 0px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    #banner_slide {
        display: none;
    }
}

@media(min-width: 768px) {
    .story_item:first-of-type {
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .story_img {
        display: block;
    }

        .story_img > a {
            display: flex;
            height: 100%;
        }
}

.f_info_l p a {
    color: #2e2b27 !important;
}

#banner_slide .owl-item.active .item {
    width: 100%;
}

.q-wrapper {
    padding-right: 35px;
}

.chatbox-wrap {
    padding: 5px 25px 5px 5px;
    border-color: #f37435 !important;
    border-top: solid 1px;
    border-right: solid 2px;
    border-left: solid 1px;
    border-bottom: solid 2px;
    border-radius: 16px;
    color: #f37435;
    font-weight: 500;
    background: #fff;
    margin-bottom: 10px;
}

a.mess-icon {
    display: block;
    margin-left: auto;
    width: 60px;
    height: 60px;
    background: url('/Content/desktop/images/mess-icon.png') no-repeat center;
    background-size: 60px;
    margin-bottom: 10px;
}

.close-chatbox {
    border-radius: 100%;
    border: solid 2px #f37435;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: #f37435;
    background: #fff;
    position: absolute;
    right: 25px;
    top: -15px;
    cursor: pointer;
}

#all_coupon_container > .loading::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    z-index: 9999999;
    background: url(/Content/desktop/images/login-loader.svg) no-repeat center;
    display: flex;
    width: 50px;
    height: 50px;
}

.pro_recomend_item_txt.service_summary {
    margin: 5px 0px 0px 0px;
}

.pro_recomend_item_price.service_price {
    margin-top: 10px;
    height: 35px;
}

.pro_recomend_item_ttl.service_ttl {
    height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.modal-content {
    border-radius: 60px;
}

h3.ladi-headline {
    line-height: 120px;
    text-align: center;
    font-size: 30px;
    color: white;
}

.modal-header {
    background-image: url(/Content/desktop/images/form-20220928091652-qnkas.png);
    background-size: cover;
    height: 120px;
}

.yhl-service-form {
    padding: 0px 50px;
}

    .yhl-service-form input {
        height: 40px;
        font-size: 16px;
        margin-bottom: 15px;
        border: 1px solid black !important;
        border-radius: 0px !important;
        color: black !important;
    }

a#btnRegService {
    height: 50px;
    width: 200px;
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    border-radius: 27px;
    background: goldenrod;
    color: white;
    border: 0px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 38px;
}

.service-image {
    width: 29%;
    display: inline-block;
    float: left;
}

.service-info {
    width: 70%;
    display: inline-block;
    vertical-align: center;
    float: left;
    padding: 10px 20px;
    font-size: 18px;
}

.service-item {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.service-image img {
    border-radius: 50%;
}

p.ser-title {
    font-size: 20px;
    font-weight: bold;
    color: goldenrod;
}

p.ser-timeline {
    font-weight: bold;
}

p.ser-price {
    color: red;
    font-weight: bold;
}

.service-info p {
    line-height: 30px;
}

.modal-dialog {
    width: 500px !important;
}