body {
        font-family: "SVN Gilroy";
        /* width */
    }
    /*Header*/
    
    b,
    strong {
        font-weight: 600 !important;
    }
    
    .top-bar-nav .html_topbar_left a {
        height: 40px;
        display: inline-block;
    }
    
    .top-bar-nav .html_topbar_left a span {
        margin: 0 3px;
    }
    
    .html_topbar_left a {
        font-size: 16px !important;
        gap: 10px;
        color: #fff !important;
    }
    
    .top-bar-nav .account-item {
        padding: 10px 0;
        line-height: 1;
    }
    
    .header:not(.transparent) .top-bar-nav>li>a {
        font-size: 16px;
        padding: 0;
    }
    
    .nav-right .nav-dropdown-default {
        padding: 3px;
    }
    
    .header-nav-main.nav {
        color: #EA132C !important;
        justify-content: center !important;
    }
    
    .header-nav-main.nav>li:last-child>a {
        color: #EA132C !important;
    }
    
    .header-nav-main.nav-right .ux-search-box form {
        border-radius: 50px;
        overflow: hidden;
        border: 1px solid #ccc;
    }
    
    .header-nav-main.nav-right .ux-search-box form input {
        border: none;
    }
    
    .header-nav-main.nav-right .ux-search-box form .ux-search-submit {
        border-radius: 50% !important;
        overflow: hidden;
        margin-right: 3px;
        height: 30px;
        min-height: 30px;
        max-width: 30px;
        font-size: 12px;
    }
    
    .off-canvas-left .mfp-content,
    .off-canvas-right .mfp-content {
        width: 300px !important;
        background-color: hsla(0, 0%, 100%, 1) !important;
    }
    
    .mfp-content .mobile-sidebar .sidebar-menu-top-content a {
        display: flex;
        align-items: center;
        width: 100%;
        flex: 1 1 50%;
        -webkit-box-flex: 1;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
        min-height: 44px;
        font-size: 14px;
        color: rgba( 0, 0, 0, 0.3);
        border-bottom: 1px solid #efefef;
    }
    
    .mfp-content .mobile-sidebar .nav-sidebar {
        padding-top: 0px;
        height: calc(100% - 50px);
        padding-bottom: 62px;
    }
    
    .off-canvas .nav-vertical>li>a {
        color: rgb(34 34 34 / 80%);
        font-size: 13px;
        font-weight: 600;
    }
    
    @media(max-width:1024px) {
        .header-main .flex-col.hide-for-medium.flex-left {
            display: none;
        }
        .header-main .flex-col.hide-for-medium.flex-right {
            display: none;
        }
        .header-main .flex-col.show-for-medium.flex-right {
            display: block !important;
        }
        .header-main .flex-col.show-for-medium.flex-left {
            display: block !important;
        }
        .medium-logo-center .flex-left {
            flex: 1 1 0;
            order: 1;
        }
        .medium-logo-center .logo {
            margin: 0 15px;
            order: 2;
            display: flex;
            justify-content: center;
            margin: 0 !important;
        }
        .medium-logo-center .flex-right {
            flex: 1 1 0;
            order: 3;
        }
    }
    
    .header-nav-main.nav>li.menu-item>a {
        overflow: hidden;
        position: relative;
    }
    
    .header-nav-main.nav>li.menu-item>a>i {
        display: none;
    }
    
    .header-nav-main.nav>li.menu-item>a::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #000;
        transform: translateX(-100%);
        transition: all ease 0.3s;
        opacity: 0;
    }
    
    .header-nav-main.nav>li.menu-item.active>a::after,
    .header-nav-main.nav>li.menu-item:hover>a::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 2px;
        opacity: 1;
        background-color: #000;
        transform: translateX(0);
    }
    /*Mega*/
    
    .mega-menu {}
    
    .mega-menu .button {
        padding: 0 !important;
        width: 100%;
        text-align: left;
        margin: 0;
        margin-bottom: 10px !important;
        line-height: 1;
        min-height: 26px;
    }
    
    .mega-menu .ux-menu-link__link {
        font-size: 16px;
        color: #000;
    }
    
    .mega-menu a:hover {
        color: #999 !important;
    }
    
    .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown,
    .no-js li.has-dropdown:hover>.nav-dropdown,
    li.current-dropdown>.nav-dropdown {
        padding: 5px;
        color: #000;
    }
    
    .nav-dropdown-default .nav-column li>a,
    .nav-dropdown.nav-dropdown-default>li>a {
        color: #000;
    }
    
    .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 {
        background: #000;
    }
    
    .menu-item .nav-dropdown-default>li:hover>a,
    .nav-dropdown .nav-dropdown-col>ul li:hover>a {
        color: white;
    }
    
    .menu-item .nav-dropdown-default>li:hover {
        background: #000;
        color: #fff;
    }
    
    .menu-item .nav-dropdown-default>li:hover a:hover {
        color: #fff;
    }
    
    .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% !important;
        display: block !important;
        position: relative;
    }
    
    .nav-dropdown>li.nav-dropdown-col::after {
        content: '\f105';
        position: absolute;
        right: 10px;
        top: 6px;
        font-family: fl-icons;
    }
    
    .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
    }
    
    .nav-dropdown-default .nav-column li>a,
    .nav-dropdown.nav-dropdown-default>li>a {
        font-size: 1rem;
    }
    /*Footer*/
    
    footer#footer {
        border-top: 1px solid #d1d1d1;
    }
    
    footer#footer .footer-main {
        padding: 80px 0 50px;
    }
    
    footer#footer .footer-main .col-inner h4 {
        font-size: 16px;
        font-weight: 700;
        margin: 0 0 20px;
    }
    
    footer#footer .footer-main .col-inner .ux-menu-link a {
        font-size: 14px;
    }
    
    footer#footer .footer-main .col-inner form label input {
        font-weight: 400;
        border: 1px solid #000;
        box-shadow: none;
        padding: 25px;
        max-width: calc(100% - 88px);
    }
    
    footer#footer .footer-main .col-inner form .wpcf7-submit {
        position: absolute;
        top: 0;
        right: 0;
        padding: 6.5px 13px;
        margin: 0;
    }
    
    footer#footer .footer-main .col-inner form .wpcf7-spinner {
        display: none;
    }
    
    footer#footer .infor-footer {
        font-size: 14px;
    }
    
    footer#footer p {
        margin-bottom: 10px;
    }
    
    footer#footer .social-icons a {
        color: #000;
        margin-right: 15px;
    }
    
    .absolute-footer {
        padding: 10px 0;
        color: #000 !important;
        border-top: 1px solid #d1d1d1;
        font-size: 14px !important;
    }
    
    .dots-custom .flickity-page-dots {
        width: 100%;
        left: 0;
        right: auto;
        background: #ccc;
        height: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .dots-custom .flickity-page-dots .dot {
        background-color: #cccccc !important;
        width: calc(100% / 4)!important;
        height: 2px !important;
        opacity: 1!important;
        margin: 0 !important;
    }
    
    .dots-custom .flickity-page-dots .dot.is-selected {
        background-color: #111111 !important;
        width: calc(100% / 4)!important;
        height: 2px !important;
    }
    
    .section-title-container.title-module {
        margin: 0;
    }
    
    .title-module .section-title {
        border: none;
        margin: 0 0 26px;
    }
    
    .title-module .section-title-main {
        border: none;
        padding: 0;
        margin: 0;
        letter-spacing: 0.05em;
        font-size: 24px;
        font-weight: 600;
    }
    
    .font-normal {
        font-weight: 400 !important;
    }
    
    .font-normal a {
        font-weight: 400 !important;
    }
    
    @media(min-width:850px) and (max-width:1024px) {
        .section_store .banner {
            padding-top: 375px !important;
        }
    }
    
    @media(min-width:550px) and (max-width:849px) {
        .section_store .banner {
            padding-top: 275px !important;
        }
        .title-module .section-title-main {
            font-size: 20px;
        }
    }
    
    @media(max-width:550px) {
        .section_store .banner {
            padding-top: 250px !important;
        }
        .title-module .section-title-main {
            font-size: 18px;
        }
    }
    /*Category*/
    
    .shop-page-title .page-title-inner {
        padding-top: 0;
        align-items: flex-end;
        min-height: auto;
    }
    
    @media(min-width:768px) {
        .shop-page-title .woocommerce-breadcrumb {
            margin-bottom: 40px;
            margin-top: 10px;
        }
    }
    
    @media(max-width:767px) {
        .shop-page-title .woocommerce-breadcrumb {
            margin-bottom: 10px;
            margin-top: 10px;
        }
    }
    
    .single-product .shop-page-title .woocommerce-breadcrumb {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .shop-page-title .flex-col {
        display: flex;
        position: relative;
        flex-flow: column;
        justify-content: left;
        text-align: left !important;
    }
    
    .shop-page-title .flex-col .shop-page-title {
        order: 2;
        margin: 0;
    }
    
    .shop-page-title .flex-col .category-filtering {
        order: 3;
        position: absolute;
        right: 10px;
        bottom: 8px;
    }
    
    @media(max-width:849px) {
        .shop-page-title .flex-col .category-filtering {
            bottom: -2px;
        }
    }
    
    .cate-child .quicklink {
        white-space: nowrap;
        list-style: none;
        padding: 0;
        margin: 0;
        overflow-x: auto;
    }
    
    .cate-child .quicklink li {
        display: inline-block;
        margin-right: 10px;
        border: 1px solid #ced4da;
        padding: 0 15px;
        border-radius: 15px;
        height: 30px;
        line-height: 30px;
        transition: all ease 0.3s;
    }
    
    .cate-child .quicklink li:hover {
        background-color: #000;
    }
    
    .cate-child .quicklink li:hover a {
        color: #fff;
    }
    
    .cate-child .quicklink li a {
        color: #212529;
    }
    
    .product-small.product .badge-container {
        left: 0px;
        margin-top: 0px;
    }
    
    .product-small.product .badge-container .badge {
        margin-left: 5px;
        margin-top: 5px;
        height: auto;
    }
    
    .product-small.product .new-bubble {
        font-weight: 300;
        padding: 5px 8px 5px;
        background: #fff;
        font-size: 16px;
        color: #000;
        display: inline-block;
    }
    
    .product-small.product .on-sale {
        padding: 5px 8px 5px;
        background: #fff;
        font-size: 16px;
        font-weight: bold;
        color: #f00;
        line-height: 1;
    }
    
    .product-small .name.product-title a {
        font-size: 16px;
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-break: break-word;
        -webkit-line-clamp: 2;
        height: 48px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    
    .cate-descript .term-description {
        margin: 4rem 0 0;
    }
    
    .readmore_taxonomy {
        text-align: center;
        position: relative;
    }
    
    .readmore_taxonomy::before {
        content: "";
        position: absolute;
        bottom: 100%;
        height: 200px;
        left: 0;
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
        width: 100%;
    }
    
    .cate-descript {
        max-width: 1630px;
        margin: 0 auto;
    }
    
    .cate-descript .term-description {
        overflow: hidden;
        position: relative;
        padding-bottom: 25px;
    }
    
    .btn-moreclose {
        margin: 0 !important;
        border: 1px solid #288ad6;
        border-radius: 5px;
        background: transparent;
        color: #288ad6;
        font-weight: 500;
        min-width: 200px;
        text-align: center;
        display: inline-block;
        padding: 5px 0;
        cursor: pointer;
    }
    
    .btn-moreclose:hover {
        background-color: #000;
        color: #fff;
    }
    
    .btn-moreclose:hover:after {
        border-top: 6px solid #fff;
        color: #fff;
    }
    
    .btn-moreclose::after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 0 0 5px;
    }
    
    .btn-moreclose.show::after {
        transform: rotate(180deg);
    }
    /*Outle*/
    
    .section_tabs .btn-more {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    
    .section_tabs .btn-more:before {
        width: 100px !important;
        left: auto !important;
    }
    
    .section_tabs .btn-more:hover:before {
        width: 200px!important;
    }
    
    .section_tabs .nav {
        flex-wrap: nowrap;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-padding: 1rem;
        padding: 10px;
        margin: 0 auto 0;
    }
    
    @media(max-width:767px) {
        .section_tabs .nav {
            justify-content: left;
        }
    }
    
    .section_tabs .nav li {
        flex: 0 0 100px;
        height: auto;
        scroll-snap-stop: always;
        text-align: center;
        scroll-snap-align: start;
    }
    
    .section_tabs .nav li a {
        font-weight: 500;
        color: #000;
        font-size: 16px;
        text-transform: capitalize;
    }
    
    .section_tabs .nav li.active {
        border-bottom: 2px solid;
    }
    
    .section_tabs h4 {
        font-size: 24px;
    }
    
    .cate-slider {
        padding-bottom: 50px;
        border-bottom: 2px solid rgb(0 0 0 / 10%);
    }
    
    .cate-slider .flickity-slider .section {
        width: calc(100% / 4);
        padding: 0 10px !important;
    }
    
    .cate-slider .flickity-slider .section .box-image {}
    
    .cate-slider .flickity-slider .section .box-text {
        position: absolute;
        bottom: 0;
        background: #fff;
        pointer-events: none;
    }
    
    .cate-slider .flickity-slider .section .section-content .box .box-text h4 {
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
    }
    
    .cate-slider .flickity-slider .section .section-content .box {
        padding-bottom: 50px;
    }
    
    .cate-slider .flickity-slider .section .section-content .box:hover .box-text h4 {
        color: #999;
    }
    
    @media(min-width:767px) and (max-width:1199px) {
        .cate-slider .flickity-slider .section {
            width: calc(100% / 3);
        }
    }
    
    @media(min-width:550px) and (max-width:767px) {
        .cate-slider .flickity-slider .section {
            width: calc(100% / 2);
        }
    }
    
    @media(max-width:549px) {
        .cate-slider .flickity-slider .section {
            width: calc(100% / 1.5);
        }
    }
    
    .section-policy .col-inner>.icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #F4F4F4;
        height: 100%;
        padding: 80px 15px 80px 20px;
        min-height: 220px;
    }
    
    @media(min-width:550px) {
        .section-policy .col {
            padding-bottom: 0;
        }
        .section-policy .col .col-inner {
            height: 100%;
        }
    }
    
    @media(max-width:550px) {
        .section-policy .col-inner>.icon-box {
            padding: 30px 15px 30px 20px;
        }
    }
    
    .rank-math-breadcrumb {
        padding: 10px 0;
    }
    
    .rank-math-breadcrumb p {
        margin-bottom: 0;
    }
    /**/
    
    .section_metro .flickity-slider .img {
        width: calc(100% / 3) !important;
        margin-right: 15px;
    }
    
    @media(max-width:767px) {
        .section_metro .flickity-slider .img {
            width: calc(100% / 2) !important;
            margin-right: 15px;
        }
    }
    
    .section_metro .custom-bst>.col-inner {
        height: 100%;
        background: #F4F4F4;
        padding: 4rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }
    
    .section_metro .custom-bst>.col-inner .button {
        margin: 0;
        font-weight: 400;
        font-size: 16px;
    }
    
    .section_metro .custom-bst>.col-inner .button::before {
        width: 100% !important;
        left: 0 !important;
    }
    
    @media(max-width:1199px) and (min-width:768px) {
        .section_metro .custom-bst {
            flex-basis: 100%;
            max-width: 100%;
        }
        .section_metro .large-9.medium-12 {
            flex-basis: 100%;
            max-width: 100%;
        }
    }
    
    .bst_products .box-text-products {
        text-align: center;
    }
    
    .bst_products .col.large-12>.col-inner {
        padding-bottom: 50px;
        border-bottom: 2px solid rgb(0 0 0 / 10%);
    }
    
    .section_banner_bst .text {
        padding: 60px 0;
    }
    
    .page_policy {
        font-size: 18px;
    }
    
    .page_policy td,
    .page_policy th {
        color: #000;
        padding: 10px !important;
        border: 1px solid;
        font-size: 16px;
    }
    
    .form_contact .col-12 {
        width: 100%!important;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    
    .form_contact .col-6 {
        width: 50%!important;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 15px;
    }
    
    .form_contact label {
        font-size: 16px;
    }
    
    .form_contact input,
    .form_contact textarea {
        border: 1px solid #ced4da!important;
        box-shadow: none!important;
        color: #000!important;
        border-radius: 5px !important;
    }
    
    .form_contact .btn span {
        display: none;
    }
    
    .form_contact .btn {
        margin: 0;
        display: inline-block;
    }
    
    .form_contact .btn input {
        margin: 0 !important;
        color: #fff !important;
        border: none !important;
        font-weight: 400;
        background: transparent !important
    }
    
    .form_contact .btn:hover {
        background-color: #999;
    }
    
    .woof_color_term {
        border: 1px solid #333;
        border-radius: 50%;
    }
    
    .woof_list label {
        font-weight: 500;
    }
    
    .tax-product_cat .mfp-container>.mfp-content {
        width: 400px !important;
    }
    /* custom scrollbar */
    
    ul::-webkit-scrollbar {
        height: 20px;
    }
    
     ::-webkit-scrollbar {
        width: 20px;
    }
    
     ::-webkit-scrollbar-track {
        background-color: transparent;
    }
    
     ::-webkit-scrollbar-thumb {
        background-color: #d6dee1;
        border-radius: 20px;
        border: 8px solid transparent;
        background-clip: content-box;
    }
    
     ::-webkit-scrollbar-thumb:hover {
        background-color: #a8bbbf;
    }
    
    .woocommerce-product-gallery .badge-container {
        display: none;
    }
    
    @media(min-width:1600px) {
        .product-page-title .container,
        .product-container .container-width,
        .product-container .full-width .ubermenu-nav,
        .product-container .container,
        .product-container .row {
            max-width: 100%;
            padding: 0 240px;
        }
        .blog-archive>.row,
        .blog-single>.row {
            max-width: 100%;
            padding: 0 220px;
        }
        #footer .section-content>.row {
            max-width: 100% !important;
            padding: 0 220px;
        }
    }
    
    @media(min-width:1200px) and (max-width: 1599px) {
        .product-page-title .container,
        .product-container .container-width,
        .product-container .full-width .ubermenu-nav,
        .product-container .container,
        .product-container .row,
        .blog-archive>.row,
        .blog-single>.row {
            max-width: 100%;
            padding: 0 200px;
        }
        .blog-archive>.row,
        .blog-single>.row {
            max-width: 100%;
            padding: 0 185px;
        }
        #footer .section-content>.row {
            max-width: 100%;
            padding: 0 185px;
        }
        .product-container .product-gallery .col.large-11 {
            flex-basis: 83.3333333333%;
            max-width: 83.3333333333%;
        }
        .product-container .product-gallery .col.large-1 {
            flex-basis: 16.6666666667%;
            max-width: 16.6666666667%;
        }
    }
    
    .policy_product {
        padding: 0 !important;
        order: 2;
    }
    
    .policy_product .icon-box {
        display: flex;
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        align-items: center;
    }
    
    .policy_product .icon-box .icon-box-img {
        width: 30px !important;
        margin: 0;
    }
    
    .policy_product .icon-box .icon-box-text {
        margin-left: 15px;
        width: calc(100% - 30px);
    }
    
    .devvn-quickbuy button.single_add_to_cart_button.loading:after {
        display: none;
    }
    
    .devvn-quickbuy button.single_add_to_cart_button.button.alt.loading {
        color: #fff;
        pointer-events: none !important;
    }
    
    .devvn-quickbuy button.buy_now_button {
        position: relative;
        color: rgba(255, 255, 255, 0.05);
    }
    
    .devvn-quickbuy button.buy_now_button:after {
        animation: spin 500ms infinite linear;
        border: 2px solid #fff;
        border-radius: 32px;
        border-right-color: transparent !important;
        border-top-color: transparent !important;
        content: "";
        display: block;
        height: 16px;
        top: 50%;
        margin-top: -8px;
        left: 50%;
        margin-left: -8px;
        position: absolute;
        width: 16px;
    }
    
    .breadcrumbs a {
        color: #6d6e6e !important;
        font-size: 14px;
    }
    
    .breadcrumbs a:last-child {
        color: #000 !important;
        font-size: 14px;
    }
    
    .product-summary .quantity {
        align-items: center;
        display: flex;
    }
    
    .product-summary .quantity>span {
        margin-right: 15px;
    }
    
    .product-info.product-summary {
        display: flex;
        flex-flow: column;
    }
    
    .product-info.product-summary .product-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    
    .product-info.product-summary .price span.amount {
        font-weight: 600;
    }
    
    .product-info form.cart {
        margin: 0;
    }
    
    .product-summary .single_add_to_cart_button {
        width: 100%;
        border: 1px solid;
        background-color: transparent !important;
        color: #000;
        font-weight: 500;
        transition: all ease 0.3s;
        text-transform: initial;
        font-size: 16px !important;
    }
    
    .product-summary .single_add_to_cart_button::before {
        content: "";
        background-image: url(../images/cart.svg);
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: inherit;
        margin-right: 10px;
        background-size: 24px;
    }
    
    .product-summary .single_add_to_cart_button:hover {
        color: #fff;
        background-color: #5D5D5D!important;
    }
    
    .product-summary .single_add_to_cart_button:hover::before {
        filter: invert(1);
    }
    
    .btn-viewsize {
        color: #9f9f9f;
    }
    
    .devvn_buy_now {
        width: 100%!important;
        max-width: 100%!important;
        background: #000!important;
        border-radius: 0 !important;
    }
    
    .devvn_buy_now:hover {
        background: #3e3e3e!important;
    }
    
    .devvn_buy_now strong {
        font-weight: 400 !important;
        text-transform: initial;
    }
    
    .product-summary .variations_form {
        margin-bottom: 0;
    }
    
    .quantity input[type=number] {
        max-height: 39px;
        box-shadow: none;
    }
    
    .devvn-popup-content-left .buttons_added {
        padding-left: 0;
    }
    
    .devvn-popup-content-left .screen-reader-text {
        display: none;
    }
    
    .product-footer-custom .box_infomation_product ul li>a {
        text-transform: inherit;
        font-weight: 700;
        font-size: 18px;
        color: #0a0a0a;
    }
    
    .product-section-title-related {
        text-transform: inherit !important;
    }
    
    .blog-archive.page-wrapper,
    .blog-single.page-wrapper {
        padding-top: 0;
    }
    
    .blog-archive .archive-page-header {
        display: none;
    }
    
    .blog-custom .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border-radius: 0.25rem;
    }
    
    .blog-custom .card .card_thumbnail a {
        position: relative;
        padding-bottom: 50%;
        height: 0;
        display: block;
        overflow: hidden;
    }
    
    .blog-custom .card .card_thumbnail a img {
        position: absolute;
        left: 0;
        top: 50%;
        transition: all ease 0.3s;
        transform: translate(0, -50%);
    }
    
    .blog-custom .card:hover .card_thumbnail a img {
        transform: scale(1.05) translate(0, -50%);
    }
    
    .blog-custom .card .card-body {
        background: #F4F4F4;
        flex: 1 1 auto;
        padding: 1rem 1rem;
    }
    
    .blog-custom .card .card-body .list_news_blog__category ul {
        list-style: none;
        margin-bottom: 0;
    }
    
    .blog-custom .card .card-body .list_news_blog__category ul li {
        margin-bottom: 0;
    }
    
    .blog-custom .card .card-body .list_news_blog__category ul li a {
        color: #BD7509;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    .blog-custom .card .card-body .list_news_blog__name {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    
    .blog-custom .card .card-body .list_news_blog__name a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        color: #000;
        -webkit-box-orient: vertical;
        line-height: 24px;
        height: 48px;
    }
    
    .blog-custom .card .card-body .list_news_blog__name a:hover {
        color: #6D6E6E;
    }
    
    .blog-custom .card .card-body .card-text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        color: #6D6E6E;
    }
    
    .blog-custom .card .card-body .card-text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        color: #6D6E6E;
        margin-bottom: 15px;
    }
    
    .blog-custom .view-more {
        color: #000;
        text-decoration: underline;
    }
    
    .blog-custom .view-more:hover {
        color: #0a58ca;
    }
    
    .blog-custom .text-muted {
        color: #6c757d!important;
        font-size: 14px;
    }
    
    .blog-single .entry-image {
        margin-bottom: 20px;
    }
    
    .blog-single .entry-header-text {
        padding-bottom: 0;
    }
    
    .blog-single .entry-header-text .entry-category a {
        font-weight: bold;
        font-size: 16px;
        color: #BD7509;
        margin-bottom: 5px;
        text-transform: initial;
    }
    
    .blog-single .entry-header-text .entry-title {
        display: inline-block;
        margin-bottom: 30px;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #3D4352;
        font-size: 28px;
    }
    
    .shared-box {
        font-size: 13px;
    }
    
    .shared-box span:nth-child(1) {
        color: #3D4352;
    }
    
    .shared-box span {
        position: relative;
        font-size: 14px;
        text-transform: initial;
    }
    
    .shared-box span:nth-child(2) {
        color: #999;
        margin-left: 20px;
    }
    
    .shared-box a {
        background: url(../images/shared-icon.png) no-repeat left 9px/ 15px auto;
        width: 20px;
        height: 35px;
        position: absolute;
        top: -7px;
        right: -25px;
    }
    
    .cart-item.current-dropdown .nav-dropdown {
        height: 100vh;
        right: 0 !important;
        left: auto;
        transform: translate(0, 0);
        position: fixed;
    }
    
    .cart-item.current-dropdown .nav-dropdown li .cart_list {
        min-height: calc(100vh - 300px);
    }
    
    .cart-item.current-dropdown .nav-dropdown li .cart_list li a {
        font-size: 16px;
    }
    
    .cart-item.current-dropdown .nav-dropdown li .cart_list li dl {
        line-height: 20px;
    }
    
    .content-area>.woocommerce {
        padding: 30px 0;
    }
    
    .shop_table .buttons_added>span {
        display: none;
    }
    
    .checkout_coupon button.is-form {
        text-shadow: none !important;
        color: #fff;
    }
    
    .shop_table .cart_item td {
        color: #000;
        font-size: 14px;
    }
    
    .woocommerce-checkout label {
        color: #000;
        font-size: 16px;
    }
    
    .cart-sidebar .cart_totals tbody th {
        font-size: 14px;
    }
    
    .woof_color_term.checked::before {
        content: '\e00a';
        position: absolute;
        width: 20px;
        font-family: fl-icons;
        height: 20px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 20px;
        text-shadow: 0 0 3px black;
    }
    
    .woocommerce-shop .off-canvas-left .mfp-content {
        min-width: 400px;
    }
    
    .product-tabs.tabs>li>a {
        font-size: 18px;
        text-transform: initial;
    }
    
    .price-wrapper .price {
        display: flex !important;
    }
    
    .price-wrapper .price del {
        order: 2;
        margin-left: 15px;
    }
    
    @media (max-width:1024px) {
        .mobile-nav .header-search .icon-search {
            font-size: 18px;
			color: #333;
        }
        .mobile-nav .header-search .nav-dropdown {
            left: -230px;
        }
        #main-menu .sidebar-menu {
            padding: 0;
        }
        #main-menu .user-menu {
            background: #080808;
            color: #fff;
            padding: 10px 15px;
            align-items: center;
            position: absolute;
            width: 100%;
            bottom: 0;
            z-index: 9;
        }
        #main-menu .user-menu .fas {
            font-size: 24px;
            margin-right: 15px;
        }
        #main-menu .user-menu .media-body a {
            color: #fff;
            padding: 0;
            min-height: 20px;
            border: none;
        }
        .mobile-nav.nav-right i {
            font-size: 20px !important;
        }
        .off-canvas .nav-vertical>li>a {
            color: #333;
        }
    }
    
    .main-widge .img svg {
        width: 100%;
        height: 100%
    }
    
    .main-widget .img {
        width: 25px;
        height: 25px
    }
    
    .main-icon svg {
        width: 30px;
        height: 30px;
        fill: #fff
    }
    
    .main-widget {
        position: fixed;
        left: 10px;
        bottom: 10px;
        z-index: 1000;
        top: auto !important
    }
    
    .out-circle {
        overflow: hidden;
        padding: 17px;
        border-radius: 100%;
        background: #4a90e2;
        width: 60px;
        height: 60px
    }
    
    .main-icon {
        line-height: 0;
        color: #fff;
        width: 100%;
        height: 100%
    }
    
    .main-icon i {
        width: 26px;
        height: 26px;
        transform: translateX(2px)
    }
    
    .ser-icon {
        display: inline-flex;
        position: absolute;
        font-size: 30px;
        top: 0;
        left: 0;
        padding: 10%;
        background: #fff;
        max-width: 100%;
        overflow: hidden;
        border-radius: 100%;
        color: #4a90e2;
        width: 70%;
        height: 70%;
        margin: 15%;
        transition: .2s all
    }
    
    .unsee {
        opacity: 0;
        transform: scale(0)
    }
    
    .process {
        display: inline-flex;
        transform: translateX(0px);
        transition: 0.15s linear transform;
        line-height: 0
    }
    
    .ser-icon .item {
        margin-right: 40px;
        width: 30px;
        height: 30px
    }
    
    .ser-icon i:nth-child(2n) {
        color: #000
    }
    
    .def-content {
        position: absolute;
        bottom: 70px;
        left: 0;
        width: 270px;
        background: #fff;
        border-radius: 5px;
        transition: .2s all;
        box-shadow: 0px 0px 15px 0px #333
    }
    
    .def-content .item {
        width: 100%;
        line-height: 0;
        padding: 5px 10px;
        transition: .3s linear all
    }
    
    .def-content .item:last-child {
        margin-bottom: 0
    }
    
    .def-content .item>a>* {
        float: left;
        line-height: 1
    }
    
    .def-content .item a {
        display: inline-block;
        font-size: 15px;
        width: 100%;
        transition: .3s linear all
    }
    
    .def-content .item div {
        height: 45px;
        line-height: 45px;
        width: calc(100% - 55px)
    }
    
    .def-content .item .img {
        margin-right: 10px
    }
    
    .close-icon {
        position: absolute;
        font-size: 25px;
        top: 0;
        padding: 15px;
        left: 0;
        width: 60px;
        height: 60px;
        line-height: 1;
        text-align: center;
        color: #fff;
        background: #464fff;
        border-radius: 100%;
        transition: .2s all;
        transform: rotate(0);
        cursor: pointer
    }
    
    .close-icon.unsee {
        transform: rotate(180deg)
    }
    
    .pregan {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #2b7ddd;
        z-index: -2;
        border-radius: 100%;
        animation: zoomzoom 3s linear .2s infinite
    }
    
    .main-widget .item svg {
        fill: #4a90e2
    }
    
    .def-content .item svg {
        fill: #fff
    }
    
    .def-content .img {
        width: 45px;
        height: 45px;
        padding: 10px;
        border-radius: 100%;
        cursor: pointer;
        transition: .3s linear all .0s
    }
    
    .def-content .item:hover {
        box-shadow: 0px 0px 5px -1px #000
    }
    
    .def-content .item:hover a {
        color: red
    }
    
    .def-content .item:hover .img {
        transition-delay: .3s;
        box-shadow: 0px 0px 5px 0px #333
    }
    
    @keyframes zoomzoom {
        from {
            transform: scale(0)
        }
        to {
            transform: scale(1.2)
        }
    }
    
    .pregan:nth-child(1) {
        animation-delay: .5s
    }
    
    .def-content .item.phone .img {
        background: #4eb625
    }
    
    .def-content .item.skype .img {
        background: #24a6cd
    }
    
    .def-content .item.zalo .img {
        background: #3B5998
    }
    
    .def-content .item.messenger .img {
        background: #2c01ff
    }
    
    .def-content .item.mail .img {
        background: #d5493c
    }
    
    .wishlist-popup {}
    
    .yith-wcwl-wishlistexistsbrowse {
        min-width: 85px;
    }
    
    .yith-wcwl-wishlistaddedbrowse {
        min-width: 85px;
    }
    
    .yith-wcwl-add-button a {
        display: flex !important;
        align-items: center;
        font-size: 10px;
    }