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

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

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
    font-family: "Open Sans", sans-Sans-serif;
    color: #333;
    font-size: 14px;
}*/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Licorice&display=swap');

@font-face {
  font-family: "Gambarino";
  src: url("./resources/font/Gambarino-Regular.eot");
  src: url("./resources/font/Gambarino-Regular.eot?#iefix") format("embedded-opentype"), url("./resources/font/Gambarino-Regular.woff2") format("woff2"), url("./resources/font/Gambarino-Regular.woff") format("woff"), url("./resources/font/Gambarino-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*@font-face {
  font-family: "Quentin";
  src: url("./resources/font/Quentin.eot");
  src: url("./resources/font/Quentin.eot?#iefix") format("embedded-opentype"), url("./resources/font/Quentin.woff2") format("woff2"), url("./resources/font/Quentin.woff") format("woff"), url("./resources/font/Quentin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}*/


:root{
    --color-main1: #c99b64;
    --color-main2: #ffa800;
}

body{
    font-size: 16px;
    line-height: 1.625;
    font-weight: 400;
}

body.home #main{
    background-image: url('https://florence.com.vn/wp-content/uploads/2025/10/pattern.png');
    background-color: #F8F1EE;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Gambarino", Sans-serif !important;
    font-weight: 400 !important;
}

.header:hover{
    background: #606e50b3;
    border-bottom: 1px solid #fff;
}

.header-top{
    background: transparent;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    line-height: 20px;
}

.header-top a{
    color: #fff;
}

.header-top .container .flex-left{
    width: 100%;
}

.header-top .icon-box img{
    max-height: 20px;
    object-fit: contain;
}

.header-top .icon-box-left .icon-box-img+.icon-box-text{
    padding-left: 5px;
}

.header-top .box-social{
    display: flex;
    font-size: 16px;
    gap: 10px;
}

.header-top .box-social a{
    margin: 0 !important;
}

.header-main .header-inner{
    padding: 0 15px;
}

.header-nav-main{
    justify-content: center;
}

.header-nav-main > li:not(.cart-item) > a{
    color: #fff;
    padding: 25px 20px;
}

.header-nav-main > li:not(.cart-item) > a::before{
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    left: auto;
    right: 20px;
    bottom: 21px;
    transition: all 0.2s ease;
    background: #fff;
}

.header-nav-main > li.active > a::before, .header-nav-main > li:hover > a::before{
    width: calc(100% - 40px);
    left: 20px;
    right: auto;
}


.header-nav-main > li.cart-item > a{
    color: #fff;
}

.header-cart-icon.image-icon img{
    height: 20px;
}

.header-cart-icon.image-icon::after{
    background: var(--color-main1);
    top: -7px;
    right: -7px;
}

/*.header-nav-main .cart-item .cart-icon{
    display: none;
}*/

.header-nav-main .cart-item .cart-icon strong:after{
    display: none;
}

.has-dropdown .icon-angle-down{
    opacity: 1;
}

.header:hover .logo img{
    filter: brightness(4);
}

.header-main .header-nav-main .has-dropdown::before, .header-main .header-nav-main .has-dropdown::after{
    display: none;
}

.header-main .header-nav-main .has-dropdown .sub-menu{
    padding: 5px 40px;
    background: white;
    box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #f1f1f1;
}

.header-main .header-nav-main .has-dropdown .sub-menu a{
    margin: 0;
    padding: 15px 0;
    color: #000;
}

/*.header-main:hover .header-nav-main > li:not(.cart-item) > a::before{
    background: #000;
}*/

.off-canvas-left .mfp-content{
    width: 360px;
    background: #fff;
}

.mfp-ready .mfp-close{
    right: unset;
    opacity: 1;
    left: 320px;
}

.mobile-sidebar .html_topbar_left{
    padding: 0 !important;
}

.mobile-sidebar .html_topbar_left a{
    padding: 0 0 30px !important;
    justify-content: center;
}

.mobile-sidebar .nav-sidebar.nav-vertical>li+li{
    border-top: none;
}

.mobile-sidebar .nav-sidebar .menu-item a{
    padding: 10px 0;
    color: #000;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover{
    background: transparent;
}

/*Slider home*/

.cus-slider .text-box p:not(.text-color){
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.cus-slider .text-box h1, .cus-slider .text-box h2, .cus-slider .text-box h3, .cus-slider .text-box h4{
    font-size: 119px;
    font-weight: 400;
    line-height: 109px;
    text-transform: uppercase;
    margin: 40px 0 0;
    position: relative;
    /*font-family: "Gambarino", Sans-serif;*/
}

.cus-slider .text-box .text-color{
    margin-top: 0;
    font-size: 79px;
    font-weight: 400;
    font-family: "Licorice", cursive;
    color: var(--color-main1);
    text-transform: none;
    text-align: right;
    margin-bottom: 0;
    line-height: 50px;
}

.cus-slider .text-box a{
    margin-top: 40px;
    line-height: 58px;
    padding: 0 40px;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
}

.cus-box-ani{
    background: #fff;
    overflow: hidden;
    position: relative;
    box-shadow: none !important;
}

.cus-box-ani:hover{
    border-color: var(--color-main1) !important;
    color: #fff !important;
}

.cus-box-ani::before{
    content: "";
    position: absolute;
    width: 100%;
    min-width: 300px;
    height: 300px;
    top: 0;
    bottom: 0;
    left: 50%;
    background: var(--color-main1);
    border-radius: 50%;
    opacity: 0;
    margin: auto;
    transform: translateX(-50%) scale(0);
    transition: all ease 0.4s;
}

.cus-box-ani:hover::before{
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.cus-box-ani span, .cus-box-ani i{
    position: relative;
}

.cus-slider .flickity-page-dots .dot{
    width: 10px;
    height: 10px;
    background: #d9d5d2;
    border-color: #d9d5d2;
}

.cus-slider .flickity-page-dots .dot.is-selected{
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 2px var(--color-main1);
    position: relative;
}

.cus-slider .flickity-page-dots .dot.is-selected::before{
    content: '';
    width: 4px;
    height: 4px;
    background: var(--color-main1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%;
}

/*Giới thiệu*/

.home-about{
    margin-top: -80px;
    margin-bottom: 150px;
}

.cus-box-section{
    padding-left: 30px;
    padding-right: 30px;
}

.cus-box-container{
    padding: 150px 30px;
    background: #fff;
}

.cus-box-container + .cus-box-container{
    padding-top: 0 !important;
}

.cus-box-container .col{
    padding: 0 30px;
}

.cus-title .sub-title{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 18px;
    color: #000;
    text-transform: uppercase;
}

.cus-title .sub-title::before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #000;
    margin-right: 15px;
    position: relative;
    top: -4px;
}

.cus-title h2, .cus-title h3, .cus-title h4{
    font-size: 80px;
    font-weight: 400;
    line-height: 1.075;
    text-transform: uppercase;
    color: #000;
    font-family: "Gambarino", Sans-serif;
    margin-bottom: 0;
}

.cus-title .text-color{
    font-size: 50px;
    line-height: 1;
    color: var(--color-main1);
    font-family: "Licorice", cursive;
    font-weight: 400;
    text-align: right;
    margin-bottom: 0;
    font-style: italic;
    margin-top: -25px;
}

.home-about .box-about-home, .home-product .box-product-home{
    margin: 0 auto !important;
}

.home-about .box-title-image .img{
    margin-top: 70px;
}

.home-about .cus-box-container .col.large-12{
    padding: 0;
}

.home-about .box-image-desc h4, .home-about .box-image-desc h5 ,.home-about .box-image-desc h6{
    line-height: 1.5;
    margin-bottom: 20px;
}

.home-about .box-image-desc p{
    margin-bottom: 20px;
}

.box-about-home .cus-box-ani{
    margin: 0;
    border-color: var(--color-main1);
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.home-about .box-bg{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.1;
}

/*Kinh nghiệm*/

.section-experience .banner .text-box{
    padding: 50px;
}

.section-experience .banner .text-box h2{
    margin: 0;
    font-size: 54px;
    line-height: 60px;
}

.section-experience .banner .text-box h2 a:hover{
    color: var(--color-main1);
}

.section-experience .banner .text-box .button{
    margin: 0;
    font-size: 14px;
}

.section-experience .box-slider{
    padding-right: 0;
    padding-left: 25px;
}

.section-experience .box-info{
    padding-left: calc(calc(100% - 1320px) / 2);
    padding-right: 25px;
}

.section-experience .banner .text-box i{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--color-main1);
    font-size: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.section-experience .banner .text-box .button:hover{
    opacity: 1;
}

.section-experience .banner .text-box .button:hover i{
    background: var(--color-main1);
}

.section-experience .box-info h5{
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 35px;
}

.section-experience .box-info .box-item-icon{
    margin-top: 35px;
}

.pr30{
    padding-right: 30px;
}

.pl30{
    padding-left: 30px;
}

.icon-box-img img{
    padding-top: 0;
}

.section-experience .box-info .box-item-icon .icon-box-img{
    margin-bottom: 20px;
}

.section-experience .box-info .box-item-icon .icon-box-text h3{
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 33px;
}

.box-info-follow{
    align-items: center;
    gap: 30px;
    pointer-events: none;
}

.box-info-follow .gallery-col{
    flex-basis: unset;
    width: 50px;
    max-width: unset;
}

.box-info-follow .gallery-col + .gallery-col{
    margin-left: -12px;
}

.box-info-follow .gallery-col:last-child::after{
    content: '+';
    display: inline-flex;
    width: 50px;
    height: 50px;
    background: var(--color-main1);
    border:1px solid #fff;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    border-radius: 50%;
    position: absolute;
    right: -38px;
    top: 0;
}

.box-info-follow .box-image{
    border-radius: 50%;
    border: 1px solid #fff;
}

.box-info-follow .box-count{
    font-size: 80px;
    color: #000;
    font-weight: 400;
    font-family: "Gambarino", Sans-serif;
    line-height: 1;
}

.box-info-follow .text-desc p{
    margin-bottom: 0;
}

/*Khuyến mãi*/

.box-sale-product{
    gap: 30px;
}

.box-sale-product .box-overlay .box-text{
    background: rgb(0 0 0 / .4);
    padding: 10px 20px 20px;
}

.box-sale-product .box-overlay .box-text h4{
    font-size: 18px;
    margin: 0;
    color: #fff;
}

/*Sản phẩm*/

.home-product .box-product-home .cus-title .text-color, .home-team .cus-title .text-color,
.section-new .cus-title .text-color{
    text-align: left;
    padding-left: 195px;
}

.box-product-home .col.product-small{
    border-left: 1px solid #d9d5d2;
}

.box-product-home .col.product-small .col-inner{
    padding: 0 30px !important;
}

.home-product .section-content{
    overflow: hidden;
}

.home-product .box-bg{
    position: absolute;
    top: -70px;
    right: -80px;
    opacity: 0.1;
    width: 331px !important;
}

.home-product .cus-title{
    margin-bottom: 60px;
}

.home-product .row.row-collapse.slider{
    max-width: 1290px;
}

.product-small .col-inner{
    overflow: hidden;
}

.product-small .product-cats{
    margin-bottom: 5px;
    line-height: 1;
}

.product-small .product-cat{
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #a8a8a8;
}

.product-small .custom-title{
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
    height: 56px;
}

.product-small .custom-title a{
    color: #000;
}

.product-small .custom-title a:hover{
    color: var(--color-main1);
}

.product-small .box-text-products{
    border-top: 1px solid #d9d5d2;
    padding: 15px 0 0;
    transition: all 0.3s ease;
    transform: translateY(0);
    background-color: #fff;
    width: calc(100% + 2px);
    margin: 0 -1px;
}

.product-small .star-rating{
    margin-top: 0;
}

.product-small .price-wrapper .price{
    display: flex;
    font-size: 24px;
    font-family: "Gambarino", Sans-serif;
}

.product-small .price-wrapper span.amount{
    font-weight: 400;
}

.product-small .price-wrapper .price del{
    order: 1;
}

.product-small .price-wrapper del span.amount{
    margin: 0;
    font-size: 18px;
    color: #a8a8a8;
}

.product-small .price-wrapper ins{
    margin-right: 8px;
}

.product-small .price-contact{
    color: #000;
}

.product-small .box-excerpt{
    display: none;
}

.category-page-row .product-small .box-text-products > ul, .category-page-row .product-small .box-text-products > ol{
    display: none;
}

.product-small .box-text-products .custom-add-to-cart{
    max-height: 0;
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.3s ease;
}

.product-small:hover .box-text-products .custom-add-to-cart{
    max-height: unset;
    opacity: 1;
    transform: translateY(0);
}

.product-small .box-text-products .custom-add-to-cart .button{
    margin: 15px 0 0;
    display: flex;
    justify-content: center;
    padding: 10px 25px;
    border: 1px solid var(--color-main1);
    background: transparent;
    color: #000;
    transition: all 0.3s ease;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    width: calc(100% - 2px);
}

.product-small .box-text-products .custom-add-to-cart .button:hover{
    box-shadow: none;
    background: var(--color-main1);
    color: #fff;
}

.product-small:hover .box-text-products{
    transform: translateY(-55px);
}

.product-small .secondary.on-sale{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 12px;
    padding: 1px 10px;
    line-height: 1.5;
    color: #fff;
    background: var(--color-main1);
}

/*Tại sao chọn chúng tôi*/

.section-whyus, .section-new, .box-map{
    padding-left: 30px;
    padding-right: 30px;
}

.section-whyus .cus-title .text-color{
    padding-left: 195px;
    text-align: left;
}

.section-whyus .item{
    padding: 0 30px;
    border-left: 1px solid #d9d5d2;
}

.section-whyus .item-text1{
    width: 50%;
}

.section-whyus .item-text2{
    width: 25%;
}

.section-whyus .cus-title .stack{
    padding-top: 60px;
}

.section-whyus .item .sub-title{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--color-main1);
}

.section-whyus .item .title{
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.section-whyus .item-banner{
    width: 50%;
    padding: 0 30px 40px;
    position: relative;
    text-align: left;
}

.section-whyus .item-banner.cus-title h2{
    color: #fff;
    line-height: 1;
}

.section-whyus .item-banner.cus-title .text-color{
    padding-left: 0;
    position: absolute;
    top: 70px;
    left: 70px;
}

.section-whyus .item-banner + .item-banner{
    border-left: 1px solid #fff;
}

.section-whyus .item-banner p:not(.text-color){
    font-size: 18px;
}

.home-team .team-slider{
    margin-top: 60px;
}

.home-team .team-slider .item-team .box-text{
    padding: 30px 30px 60px 60px;
    overflow: hidden;
    text-align: left;
}

.home-team .team-slider .item-team .person-name{
    font-size: 30px;
    line-height: 1.2;
    color: #000;
}

.home-team .team-slider .item-team .person-title{
    font-size: 30px;
    line-height: 1.2;
    color: var(--color-main1);
    font-family: "Licorice", cursive;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
}

.home-team .team-slider .social-icons{
    display: inline-flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -20px;
    left: 60px;
    transition: all ease 0.4s;

}

.home-team .team-slider .social-icons a{
    width: 46px;
    height: 46px;
    border: 1px solid #d9d5d2;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.home-team .team-slider .item-team:hover .social-icons{
    bottom: 0;
    opacity: 1;
}

.home-team .team-slider .item-team:not(.is-selected) {
    border-left: 1px solid #d9d5d2;
}

.box-feedback{
    max-width: 1800px;
    margin: 0 auto;
}

.box-feedback .text-color{
    display: flex;
    align-items: center;
    gap: 20px;
}

.box-feedback .text-color::before{
    content: '';
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #d9d5d2;
    display: block;
    background: url('https://florence.com.vn/wp-content/uploads/2025/11/icon-quot.png');
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;

}

.box-feedback .section-content{
    overflow: hidden;
}

.box-feedback > .section-content > .row.row-collapse{
    padding: 0 30px;
}

.box-feedback .box-content{
    width: 100%;
    max-width: 520px !important;
    margin-bottom: 60px;
}

.box-feedback .box-content > .col-inner{
    padding: 90px 80px 50px;
}

.box-feedback .box-content .text-color{
    font-size: 50px;
    line-height: 1;
    color: var(--color-main1);
    font-family: "Licorice", cursive;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 40px;
}

.box-feedback .box-content .desc{
    font-size: 24px;
    line-height: 1.5;
    font-family: "Gambarino", Sans-serif !important;
    margin: 0 0 25px;
}

.box-feedback .box-content .desc, .box-feedback .box-content .name , .box-feedback .box-content .job{
    text-align: left;
    color: #000;
}

.box-feedback .box-content hr{
    border-color: var(--color-main1);
    margin: 20px 0;
    opacity: 1;
}

.box-feedback .box-content .name{
    margin: 0 0 5px;
    font-size: 20px;
    line-height: 1.4;
    font-family: "Gambarino", Sans-serif !important;
}

.box-feedback .box-content .job{
    font-size: 12px;
    line-height: 1.5;
    color: #a8a8a8;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}

.box-feedback .flickity-page-dots, .section-experience .flickity-page-dots{
    position: relative;
    bottom: unset;
    left: unset;
    right: unset;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.box-feedback .flickity-page-dots .dot, .section-experience .flickity-page-dots .dot{
    width: 6px;
    height: 6px;
    background: #d9d5d2;
    opacity: 1;
    border: none;
}

.box-feedback .flickity-page-dots .dot.is-selected, .section-experience .flickity-page-dots .dot.is-selected{
    width: 12px;
    height: 12px;
    background: transparent;
    border: 2px solid var(--color-main1);
}

/*.box-feedback .box-scroll{
    mix-blend-mode: difference;
}*/

.box-feedback .item-scroll span{
    font-size: 54px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: "Gambarino", Sans-serif !important;
    text-transform: uppercase;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

.box-feedback .item-scroll + .item-scroll::before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin-right: 20px;
}

.box-feedback .ux-menu{
    position: relative;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 30s;
    width: max-content;
    display: inline-flex;
    align-items: center;
    animation-name: marquee;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.box-feedback .ux-menu:hover{
    animation-play-state: paused;
}

/*Tin tức*/

.section-new .box-list-art{
    margin-top: 60px;
    max-width: 1290px !important;
}

.box-blog-post .is-divider{
    display: none;
}

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

.post-item .box-vertical .box-text{
    padding: 45px 30px 45px 0;
    text-align: left;
    gap: 5px;
}

.post-item .box-vertical .blog-post-inner{
    padding-left: 19%;
    padding-right: 19%;
}

.cus-post-meta{
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: 2px;
}

.cus-post-meta a{
    color: var(--color-main1);
    margin: 0 !important;
}

.cus-post-meta .cus-date{
    color: #a8a8a8 ;
}

.cus-post-meta .cus-date::before{
    content: '';
    margin: 0 6px;
    width: 2px;
    height: 2px;
    background: #a8a8a8;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -2px;
}

.post-item .box-vertical .post-title{
    font-size: 30px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}

.post-item .box-vertical .post-title a{
    display: unset;
    margin: 0;
}

.post-item .box-vertical .from_the_blog_excerpt{
    display: none;
}

.post-item .box-vertical{
    border-top: 1px solid #d9d5d2;
}

.post-item:hover .box-vertical{
    background: #fff;
}

.post-item .box-vertical .post-title a:hover{
    color: var(--color-main1);
}

.cus-more-link{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.cus-more-link span, .section-subscribe form .btn-submit span{
    width: 36px;
    height: 36px;
    border: 1px solid var(--color-main1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    position: relative;
}

.cus-more-link span::before, .section-subscribe form .btn-submit span::before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: var(--color-main1);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all ease 0.3s;
}

.cus-more-link:hover span::before, .section-subscribe form .btn-submit:hover span::before{
    opacity: 1;
    transform: scale(1);
}

.cus-more-link:hover i, .section-subscribe form .btn-submit:hover i {
    color: #fff;
}

/*Chân trang*/

.section-subscribe{
    padding-left: 30px;
    padding-right: 30px;
}

.section-subscribe .section-bg::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #22222200 0%, #222222 90%);
}

.section-subscribe .box-info p:last-child{
    color: #fff;
    margin-bottom: 0;
}

.section-subscribe .box-info h2, .section-subscribe .box-info h3, .section-subscribe .box-info h4{
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #fff;
}

.section-subscribe form{
    margin-bottom: 0;
}

.section-subscribe form p{
    display: flex;
    border-bottom: 1px solid #fff;
}

.section-subscribe form .wpcf7-form-control-wrap{
    flex: 1;
}

.section-subscribe form input, .section-subscribe form input:focus{
    background: transparent;
    border: none;
    color: #fff;
    box-shadow: none;
    padding-left: 0;
    margin-bottom: 10px;
}

.section-subscribe form input::placeholder {
    color: #fff;
}

.section-subscribe form .btn-submit{
    padding: 0;
    color: #fff;
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-transform: none;
    margin-bottom: 10px;
}

.section-subscribe form .wpcf7-not-valid-tip{
    display: none;
}

.section-subscribe form .wpcf7-response-output{
    margin: 30px 0 0;
    color: #46b450;
}

.section-subscribe form.invalid .wpcf7-response-output{
    color: red;
    border-color: red !important;
}

.section-footer .box-logo-address .col-inner{
    padding-right: 125px ;
}

.section-footer .logo-footer .ux-logo-link{
    padding: 0 !important;
    margin-bottom: 50px;
}

.section-footer .box-logo-address .box-info .title-address{
    font-weight: 600;
    margin-bottom: 5px;
}

.section-footer .box-logo-address .box-info p:not(.title-address){
    color: #FFFFFF99;
    margin-bottom: 0;
}

.section-footer .box-logo-address hr{
    margin: 30px 0;
    border-color: #ffffff1a;
    opacity: 1;
}

.section-footer .box-menu-footer{
    width: 100%;
    flex-wrap: wrap;
    padding-left: 125px;
}

.section-footer .box-menu-footer .item-menu-footer{
    width: 50%;
    padding-bottom: 35px;
}

.section-footer .box-menu-footer .item-menu-footer .ux-menu-title{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px !important;
    padding: 0;
    min-height: unset;
    color: #a8a8a8;
}

.section-footer .box-menu-footer .item-menu-footer .menu-item a{
    padding: 0 0 2px;
    min-height: unset;
}

.section-footer .box-menu-footer .item-menu-footer .menu-item .ux-menu-link__text{
    position: relative;
}

.section-footer .box-menu-footer .item-menu-footer .menu-item .ux-menu-link__text::before{
    content: '';
    position: absolute;
    width: 0px;
    height: 1px;
    bottom: -2px;
    transition: 0.2s;
    background: #d9d5d2;
    left: auto;
    right: 0;
}

.section-footer .box-menu-footer .item-menu-footer .menu-item .ux-menu-link__text:hover::before{
    width: 100%;
    left: 0;
    right: auto;
}

.absolute-footer{
    display: none !important;
}

.section-copyright .box-copyright p{
    margin-bottom: 0;
    font-size: 14px;
    color: #a8a8a8;
}

.section-copyright .box-social{
    text-align: right;
}

#footer section, .dev-custom-banner .box-content, .blog-wrapper, .category .box-feature-post, .category .box-category,
.dev-custom-banner, .page-template .box-feature-post, .page-template .box-category {
    padding-left: 30px;
    padding-right: 30px;
}

.home-slider .flickity-page-dots{
    bottom: 120px;
}

.section-experience{
    margin-bottom: 150px;
}

.section-experience .flickity-page-dots{
    margin-top: 0;
}

.section-experience .box-slider .flickity-page-dots{
    bottom: -30px;
}

.section-copyright .box-social .social-icons a.icon:not(.button){
    margin-left: 10px;
    margin-right: 10px;
}

/*Banner chung*/

.dev-custom-banner{
    position: relative;
}

.dev-custom-banner::before{
    content: '';
    background: #0006;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dev-custom-banner.banner-detail .box-content{
    min-height: 400px;
}

.dev-custom-banner:not(.banner-detail) .box-content{
    min-height: 680px;
}

.dev-custom-banner .box-content{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
    position: relative;
    text-align: center;
}

.dev-custom-banner .box-content p, .dev-custom-banner .text-box p {
    margin-bottom: 15px;
    font-size: 10px;
    line-height: 18px;
}

.dev-custom-banner .box-content h1, .dev-custom-banner .box-content p, .dev-custom-banner .box-content p a, 
.dev-custom-banner .text-box p, .dev-custom-banner .text-box p a{
    color: #fff;
    text-transform: uppercase;
}

.dev-custom-banner .box-content .separator, .dev-custom-banner .text-box .separator{
    margin: 0 10px;
}

.dev-custom-banner .box-content h1, .dev-custom-banner .text-box h1{
    font-size: 80px;
    line-height: 1.075;
    margin-bottom: 60px;
}

.dev-custom-banner .box-content .container, .blog-wrapper .large-10.col, .category .box-feature-post .container, .category .box-category .container{
    padding-left: 0;
    padding-right: 0;
}

/*Danh mục bài viết*/

.blog-archive .large-10, .single-post .blog-single .large-10{
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 0;
}

.blog-archive .row .row:not(.row-collapse){
    margin-left: 0;
    margin-right: 0;
}

.blog-archive .col, .page-template .box-feature-post .col{
    padding: 0;
}

.category .box-feature-post, .category .blog-archive, .single-post .blog-single{
    padding-top: 80px;
    padding-bottom: 80px;
}

.category .box-feature-post, .page-template .box-feature-post{
    background: #f1ece8;
}

.category .box-feature-post .container, .page-template .box-feature-post .row{
    max-width: 1800px;
}

.category .box-feature-post .item{
    display: flex;
    align-items: center;
}

.category .box-feature-post .item .box-image{
    flex: 0 0 49%;
    max-width: 49%;
    margin: 0;
}

.category .box-feature-post .item .box-image img, .page-template .box-feature-post .box-image img{
    aspect-ratio: 441 / 275;
    object-fit: cover;
}

.category .box-feature-post .item .box-info, .page-template .box-feature-post .post-item .box-vertical .box-text{
    padding: 40px 0;
    text-align: center;
}

.category .box-feature-post .item .box-info .content{
    padding: 0 19%;
}

.category .box-feature-post .item .box-info .content h2, .page-template .box-feature-post .post-title{
    font-size: 54px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.category .box-feature-post h2 a, .page-template .box-feature-post .post-title a{
    color: #000;
    line-height: 1.2;
}

.category .box-feature-post h2 a:hover, .page-template .box-feature-post .post-title a:hover{
    color: var(--color-main1);
}

.page-template .box-feature-post .cus-post-meta{
    text-align: center;
}

.category .box-category, .page-template .box-category{
    border-bottom: 1px solid #d9d5d2;
}

.category .box-category .list-category, .page-template .box-category .list-category{
    display: flex;
    list-style: none;
    gap: 30px;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.category .box-category .list-category li, .page-template .box-category .list-category li{
    margin-bottom: 0;
}

.category .box-category .list-category a, .page-template .box-category .list-category a{
    padding: 24px 0;
    display: inline-block;
    position: relative;
}

.category .box-category .list-category a::before, .page-template .box-category .list-category a::before{
    content: "";
    position: absolute;
    height: 3px;
    background-color: var(--color-main1);
    bottom: -1px;
    left: 0;
    width: 0;
    transition: all ease 0.3s;
}

.category .box-category .list-category a.active::before, .page-template .box-category .list-category a.active::before{
    width: 100%;
}

.page-numbers.nav-pagination{
    margin: 40px 0 0;
    text-align: left;
}

.page-numbers.nav-pagination>li>a, .page-numbers.nav-pagination>li>span{
    border-radius: 0;
    color: #000;
    border: 1px solid #d9d5d2;
    width: 44px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
}

.page-numbers.nav-pagination>li>.current, .page-numbers.nav-pagination>li>a:hover, .page-numbers.nav-pagination>li>span:hover{
    color: #fff;
    background: #000;
    border-color: #000;
}

/*Trang blog*/

.page-template .box-feature-post .post-item .box-vertical{
    border-top: none;
}

.page-template .box-feature-post .post-item .box-vertical .cus-more-link{
    display: none;
}

.page-template .box-feature-post .post-item:hover .box-vertical{
    background: transparent;
}


/*Chi tiết bài viết*/

.blog-single > .row.row-large{
    max-width: 1290px;
}

.blog-single > .row > .col{
    padding-left: 0;
    padding-right: 0;
}

.dev-custom-banner.banner-detail .box-content p{
    margin-bottom: 40px;
}

.is-divider{
    display: none;
}

.single-post .cus-post-meta{
    text-align: center;
}

.single-post h1.entry-title{
    font-size: 54px;
    line-height: 1.1;
    margin-bottom: 40px;
}

.single-post .post{
    margin-bottom: 40px;
}

.single-post .cus-post-meta, .single-post .entry-header-text, .single-post .entry-content, .single-post .post-navigation-custom,
.single-post #comments{
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
}

.single-post .entry-header-text{
    padding: 0;
}

.blog-single .comment-form{
    margin-bottom: 0;
}

.single-post .post-navigation-custom .nav-inner{
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    border-top: 1px solid #d9d5d2;
    border-bottom: 1px solid #d9d5d2;
}

.single-post .post-navigation-custom .nav-inner .nav-previous, .single-post .post-navigation-custom .nav-inner .nav-next{
    width: 50%;
}

.single-post .post-navigation-custom a{
    display: flex;
    align-items: center;
    max-width: 410px;
}

.single-post .post-navigation-custom .nav-next{
    text-align: right;
}

.single-post .post-navigation-custom .nav-next a{
    margin-left: auto;
}

.single-post .post-navigation-custom a img{
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.single-post .post-navigation-custom a .meta{
    flex: 1;
}

.single-post .post-navigation-custom .nav-next a img{
    margin-left: 20px;
}

.single-post .post-navigation-custom .nav-previous a img{
    margin-right: 20px;
}

.single-post .post-navigation-custom h4{
    font-size: 20px;
    line-height: 1.4;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-single .post-sidebar .widget{
    background: #F7F7F7;
    border-radius: 4px;
    padding: 24px;
}

.blog-single .post-sidebar .widget .widget-title{
    font-size: 18px;
    color: var(--color-main1);
}

/*Trang danh mục sản phẩm*/

.shop-page-title{
    display: none;
}

.box-custom-filter{
    max-width: 1830px;
    margin: 0 auto;
    padding: 0 15px;
}

.box-custom-filter .custom-filter-bar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
    min-height: 64px;
    border-top: 1px solid #d9d5d2;
    border-bottom: 1px solid #d9d5d2;
    margin-top: 80px;
}

.custom-filter-bar > *{
    padding: 20px 45px;
    line-height: 24px;
}

.custom-filter-bar .view-mode{
    display: flex;
    align-items: center;
    gap: 20px;
    border-right: 1px solid #d9d5d2;
    text-transform: uppercase;
    font-size: 10px;
}

.custom-filter-bar .view-mode button{
    line-height: 1;
}

.custom-filter-bar img{
    width: 14px;
}

.custom-filter-bar .result-info{
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    color: #a8a8a8;
}

.custom-filter-bar .view-mode button{
    padding: 0;
    margin: 0;
    min-height: unset;
}

.custom-filter-bar .view-mode button:not(.active) img{
    opacity: 0.3;
}

.custom-filter-bar form{
    margin-bottom: 0;
    border-left: 1px solid #d9d5d2;
}

.custom-filter-bar select{
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    height: unset;
}

.custom-filter-bar .products-per-page{
    display: flex;
    gap: 15px;
}

.custom-filter-bar .products-per-page span{
    white-space: nowrap;
}

.woocommerce-shop .category-page-row, .tax-product_cat .category-page-row{
    max-width: 1830px;
    padding: 0 15px;
    column-gap: 80px;
}

.woocommerce-shop .category-page-row .col, .tax-product_cat .category-page-row .col{
    padding: 0;
}

.woocommerce-shop .category-page-row .large-3, .tax-product_cat .category-page-row .large-3{
    flex-basis: 250px;
    max-width: 250px;
}

.woocommerce-shop .category-page-row .large-9, .tax-product_cat .category-page-row .large-9{
    flex-basis: calc(100% - 330px);
    max-width: calc(100% - 330px);
}

.category-page-row {
    margin-bottom: 80px;
}

.category-page-row .shop-container{
    overflow: hidden;
}

.category-page-row .products:not(.list-view){
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    row-gap: 0;
}

.category-page-row .products:not(.list-view) .product{
    max-width: 100%;
    padding-left: 30px;
    border-left: 1px solid #d9d5d2;
    margin-bottom: 100px;
}

.category-page-row .products:not(.list-view) .product::after{
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 1px;
    width: 100vw;
    background-color: #d9d5d2;
}

.category-page-row .products .product .product-small .box-text-products{
    margin: 0;
}

#shop-sidebar .widget .widget-title{
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    font-size: 20px;
    margin-bottom: 26px;
    font-weight: 400;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d5d2;
    text-transform: capitalize;
    font-family: "Gambarino", Sans-serif !important;
    color: #000;
}

#shop-sidebar .widget .widget-title::after{
    content: "";
    font-family: fl-icons !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 1.2;
    transition: all ease 0.2s;
    transform: rotate(180deg);
}

#shop-sidebar .widget .widget-title.hide-content::after{
    transform: rotate(0deg);
}

#shop-sidebar .widget_price_filter form{
    margin-top: 15px;
}

#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle{
    width: 13px;
    height: 13px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 0 0 2px #000 inset;
}

#shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:last-child{
    margin-left: -12px;
}

#shop-sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range{
    background: #000;
    opacity: 1;
}

#shop-sidebar .widget_price_filter .price_slider_amount{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding-top: 9px;

}

#shop-sidebar .widget_price_filter .price_slider_amount .button{
    order: 1;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 10px;
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    border: none;
}

#shop-sidebar .widget_price_filter .price_label{
    font-size: 14px;
    color: #a8a8a8;
    font-weight: 500;
    padding-top: 0;
}

#shop-sidebar .widget_price_filter span{
    color: #000;
    font-weight: 500;
}

#shop-sidebar .widget>ul>li+li{
    border-top: none;
    margin-top: 6px;
}

#shop-sidebar .widget_layered_nav_filters{
    margin-bottom: 15px;
}

#shop-sidebar .custom-clear-all-filter{
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}

#shop-sidebar .custom-clear-all-filter:hover{
    color: var(--color-main1) !important;
}

#shop-sidebar .widget_layered_nav_filters a:not(.custom-clear-all-filter){
    padding: 4px 12px;
    border: 1px solid #d9d5d2;
    line-height: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    border-radius: 0;
    background: #fff;
}

#shop-sidebar .widget_layered_nav_filters a:hover{
    color: red;
    border-color: red;
}

#shop-sidebar .widget:not(.widget_layered_nav_filters)>ul>li>a{
    padding: 0;
    padding-left: 24px;
    position: relative;
    font-size: 14px;
}

#shop-sidebar .widget:not(.widget_layered_nav_filters)>ul>li>a::before{
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    box-shadow: 0 0 0 1px #E7E7E7 inset;
    border-radius: 0;
    transition: all 0.3s ease;
    z-index: 2;
}

#shop-sidebar .widget:not(.widget_layered_nav_filters)>ul>li>a::after{
    content: "";
    width: 9px;
    height: 5px;
    position: absolute;
    top: 7px;
    left: 3px;
    border: 2px solid #232323;
    border-top: none;
    border-right: none;
    background: #fff0;
    transition: all .2s ease;
    transform: rotate(-45deg);
    opacity: 0;
    visibility: hidden;
}

#shop-sidebar .widget:not(.widget_layered_nav_filters)>ul>li.chosen>a::after{
    opacity: 1;
    visibility: visible;
}

#shop-sidebar .widget:not(.widget_layered_nav_filters)>ul>li.chosen>a::before{
    background: transparent;
    border: none;
}

#shop-sidebar .widget>ul>li .count{
    font-size: 14px;
    color: #a8a8a8;
    line-height: 1;
}

#shop-sidebar li.wc-layered-nav-rating a{
    display: flex;
    align-items: center;
    color: #a8a8a8;
}

#shop-sidebar li.wc-layered-nav-rating a .star-rating{
    margin-right: auto;
}

#shop-sidebar li.wc-layered-nav-rating .star-rating{
    margin-top: 0;
}

.category-page-row .products .product-small .product-title{
    display: none;
}

.category-page-row .products.list-view .product-small.col{
    flex-basis: 100%;
    max-width: 100%;
}

.category-page-row .products.list-view .box-image{
    margin: 0;
}

.category-page-row .products.list-view .product-small .product-title{
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 12px;
    margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    color: #000;
    font-family: "Gambarino", Sans-serif !important;
}

.category-page-row .products.list-view .product-small .product-title a{
    margin: 0;
}

.category-page-row .products.list-view .custom-product-info-before-image{
    display: none;
}

.category-page-row .products.list-view .product-small.box{
    display: flex;
    gap: 20px;
}

.category-page-row .products.list-view .box-text-products{
    width: calc(100% - 330px);
    border-top: none;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
}

.category-page-row .products.list-view .product-small .box-text-products .custom-add-to-cart{
    opacity: 1;
    transform: translateY(0);
    max-height: unset;
}

.category-page-row .products.list-view .product-small:hover .box-text-products{
    transform: translateY(0);
}

.category-page-row .products.list-view .product-small .box-text-products .custom-add-to-cart {
    margin-top: 15px;
}

.category-page-row .products.list-view .product-small .box-text-products .custom-add-to-cart .button{
    display: inline-block;
    margin-top: 0 !important;
}

.category-page-row .products.list-view .product-small .box-excerpt{
    font-size: 16px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 52px;
}

.category-page-row .products.list-view .title-wrapper, .category-page-row .products.list-view .price-wrapper , 
.category-page-row .products.list-view .box-excerpt{
    width: 100%;
}

.category-page-row .products.list-view .custom-add-to-cart{
    order: 1;
}

.category-page-row .products.list-view .product + .product{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d9d5d2;
}

.category-page-row .shop-container .products.list-view{
    margin-left: 0;
    margin-right: 0;
}

.custom-filter-bar .category-filtering{
    display: none;
}

.box-cus-desc-category{
    max-width: 1830px;
    margin: 0 auto;
}

.box-cus-desc-category .desc{
    padding: 0 15px;
    max-width: 850px;
    margin: 0 auto;
}

.box-cus-desc-category .desc h2, .box-cus-desc-category .desc h3, .box-cus-desc-category .desc h4, .box-cus-desc-category .desc h5{
    font-size: 24px;
    line-height: 1.2;
}

.box-cus-desc-category .desc, .box-cus-desc-category .category-slider{
    margin-top: 80px;
}

.box-cus-desc-category .category-slider .category-item{
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 15px;
}

.box-cus-desc-category .category-item a{
    position: relative;
    display: block;
}

.box-cus-desc-category .category-item .box-image::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    background: #000;
}

.box-cus-desc-category .category-item .box-image img{
    height: 140px;
    object-fit: cover;
}

.box-cus-desc-category .category-item .box-text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 15px;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.box-cus-desc-category .category-item .category-title{
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #fff;
}

.box-cus-desc-category .category-item .category-count{
    display: block;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 30px;
    border: 1px solid var(--color-main1);
    transition: all 0.3s;
}

.box-cus-desc-category .category-item .category-count:hover{
    background: var(--color-main1);
}

.single-product .product-main, .single-product .product-footer{
    max-width: 1830px;
    margin: 0 auto;
    padding: 80px 15px;
}

.single-product .product-footer{
    padding-top: 0;
}

.single-product .product-gallery > .row, .single-product .product-gallery > .row .product-thumbnails.row {
    margin-left: 0;
    margin-right: 0;
}

.single-product .product-gallery > .row{
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
}

.single-product .product-gallery .image-tools{
    display: none;
}

.single-product .product-gallery > .row > .col{
    padding: 0;
}

.single-product .product-gallery > .row .large-10{
    width: calc(100% - 110px);
}

.single-product .product-gallery > .row .vertical-thumbnails{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 80px;
}

.single-product .product-gallery > .row .vertical-thumbnails .flickity-slider, .single-product .product-gallery > .row .vertical-thumbnails .flickity-viewport{
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
}

.single-product .product-gallery > .row .vertical-thumbnails .col{
    left: 0 !important;
    margin-left: 1px;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 0 15px !important;
    position: relative !important;
    right: 0 !important;
    width: 95% !important;
}

.product-gallery-slider img, .product-thumbnails img{
    mix-blend-mode: multiply;
}

.single-product .product-gallery .woocommerce-product-gallery__image, .single-product .product-gallery .product-thumbnails a{
    background-color: #F2F2F2;
}

.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover{
    border-color: #000;
}

.single-product .product-gallery .product-thumbnails img{
    height: 95px;
    object-fit: cover;
    transform: none;
    margin-bottom: 0;
    width: 100%;
}

.single-product .product-main .product-info .woocommerce-breadcrumb{
    display: none;
}

.single-product .product-main .product-info .product-title{
    font-size: 54px;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #000;
    order: 2;
}

.single-product .product-main .product-info{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.single-product .product-main .product-info .woocommerce-product-rating{
    order: 1;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.single-product .product-main .product-info .product-short-description{
    order: 3;
}

.single-product .product-main .product-info .price-wrapper{
    order: 4;
}

.single-product .product-main .product-info form{
    order: 5;
    margin-bottom: 0;
}

.single-product .product-main .product-info .product_meta{
    order: 6;
}

.single-product .product-main .product-info .woocommerce-product-rating .star-rating{
    margin: 0;
}

.single-product .product-main .product-info .product-short-description p{
    margin-bottom: 20px;
}

.single-product .product-main .product-info .price-wrapper .product-page-price{
    margin-top: 0;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d5d2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.single-product .product-main .product-info .price .amount, .single-product .product-main .product-info .price .price-contact{
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    font-family: "Gambarino", Sans-serif !important;
}

.single-product .product-main .product-info .price del .amount{
    opacity: 1;
    margin-right: 0;
    font-size: 22px;
    color: #a8a8a8;
}

.single-product .product-main .product-info .price del{
    order: 1;
}

.single-product .product-main .product-info form .quantity{
    display: inline-flex;
    align-items: center;
    width: 140px;
    height: 50px;
    border-radius: 30px;
    background-color: #F5F5F5;
    padding: 0 5px;
    margin: 0 0 25px;
}

.single-product .product-main .product-info form .quantity .button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    border: none;
    background: transparent;
}

.single-product .product-main .product-info form .quantity .input-text{
    width: 42px;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    background: transparent;
    box-shadow: none;
    max-width: unset;
}

.single-product .product-main .product-info form .single_add_to_cart_button, .single-product .product-main .product-info form .buy-now-button{
    width: 100%;
    padding: 16px 20px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border-radius: 30px;
    margin: 0 0 25px;
}

.single-product .product-main .product-info form .button:hover{
    box-shadow: none;
}

.single-product .product-main .product-info form .single_add_to_cart_button{
    background: #000;
    width: calc(100% - 150px);
    margin-left: 6px;
    border: none;
}

.single-product .product-main .product-info form .single_add_to_cart_button:hover{
    background: var(--color-main1);
}

.single-product .product-main .product-info form .buy-now-button{
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.single-product .product-main .product-info form .buy-now-button:hover{
    background: #000;
    color: #fff;
}

.single-product .product-main .product-info .product_meta .posted_in{
    border-top: none;
    padding: 20px 0 0;
    font-size: 15px;
    color: #a8a8a8;
}

.single-product .product-main .product-info .product_meta .posted_in a{
    color: #000;
}

.product-footer .woocommerce-tabs{
    border: none;
}

.product-footer .woocommerce-tabs .product-tabs{
    border-bottom: 1px solid #d9d5d2;
}

.product-footer .woocommerce-tabs .product-tabs li{
    margin: 0 15px;
}

.product-footer .woocommerce-tabs .product-tabs li a{
    font-size: 24px;
    text-transform: none;
    padding: 0 25px 25px;
    font-weight: 400;
    font-family: "Gambarino", Sans-serif !important;
    color: #a8a8a8;
}

.product-footer .woocommerce-tabs .product-tabs li.active a{
    color: #000;
}

.product-footer .woocommerce-tabs .product-tabs li a::before{
    top: unset;
    bottom: 0;
}

.product-footer .tab-panels{
    padding-top: 40px;
}

.product-footer #reviews .col{
    flex-basis: 100%;
    max-width: 100%;
}

.product-footer .related{
    padding-top: 80px;
}

.product-footer .related .product-section-title{
    padding: 0;
    font-size: 54px;
    color: #000;
    margin-bottom: 40px;
    text-align: center;
}

.section-whyus.section-info-contact .stack{
    padding-top: 0;
}

.section-info-contact .box-title-desc{
    margin-bottom: 60px;
}

.section-info-contact p{
    color: #000;
}

.section-info-contact h2{
    font-size: 54px;
    font-weight: 400;
    line-height: 1.1em;
    color: #000;
    margin-bottom: 20px;
}

.section-info-contact .icon-box .icon-box-text h4{
    font-size: 24px;
    line-height: 1;
    margin-bottom: 12px;
}

.section-info-contact .icon-box .icon-box-text p{
    color: #5b5b5b;
}

.section-form .box-img .img{
    padding-left: 60px;
    margin-top: -140px;
}

.section-form .box-form h3{
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    margin-bottom: 20px;
}

.section-form .box-form form label{
    font-size: 12px;
    color: #000;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.section-form .box-form form input:not(.wpcf7-submit), .section-form .box-form form textarea{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    padding: 10px 0;
    outline: 0;
    color: #000;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #d9d5d2;
    margin-bottom: 20px;
}

.section-form .box-form form textarea{
    min-height: 150px;
}

.section-form .box-form form input.wpcf7-submit{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
    padding: 15px 30px;
    line-height: 1.3;
    border: 1px solid var(--color-main1);
    color: #000;
    background-color: transparent;
    margin: 0;
}

.box-map{
    margin-bottom: 80px;
}

.box-map p{
    margin-bottom: 0;
}

.box-map iframe{
    width: 100%;
    height: 600px;
    object-fit: cover;
    border: none;
}

.box-info-about1, .box-info-about3, .box-info-about4{
    padding: 0 30px;
}

.box-info-about1, .box-info-about2, .box-info-about4{
    margin-top: 80px;
    margin-bottom: 80px;
}

.box-info-about1 .title{
    max-width: 740px;
}

.box-info-about1 .title h3{
    color: #000;
    line-height: 1.2;
    font-size: 40px;
    font-family: "Gambarino", Sans-serif !important;
    margin-bottom: 40px;
}

.box-info-about1 .quote{
    margin-left: 220px;
    margin-bottom: 50px;
    color: #000;
}

.box-info-about1 .quote p{
    margin-bottom: 20px;
}

.box-info-about1 .quote .name{
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1;
    font-family: "Licorice", cursive;
}

.box-info-about1 .quote .job{
    color: #a8a8a8;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.box-info-about1 .box-sub-img{
    max-width: 360px;
    top: 160px;
    right: 80px;
    position: absolute;
}

.box-info-about1 .banner::before{
    content: '';
    background: linear-gradient(180deg, #00000000 0%, #222222 90%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.box-info-about1 .banner .stack{
    padding-bottom: 80px;
}

.box-info-about1 .banner .stack .text{
    width: 25%;
    padding: 10px;
    position: relative;
}

.box-info-about1 .banner .stack .text:not(:first-child)::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-main1);
    border-radius: 50%;

}

.box-info-about1 .banner .stack .text .number{
    font-size: 80px;
    line-height: 1.075;
    text-transform: uppercase;
    font-family: "Gambarino", Sans-serif !important;
    margin-bottom: 0;
}

.box-info-about1 .banner .stack .text p{
    margin-top: 0;
    font-size: 18px;
}

.box-info-about2 .box-slider{
    padding: 0 30px 30px 70px;
}

.box-info-about2 .box-slider .box-image{
    margin-bottom: 40px;
}

.box-info-about2 .box-slider .box-text{
    padding: 0;
    text-align: left;
}

.box-info-about2 .box-slider .box-text h2, .box-info-about2 .box-slider .box-text h3, .box-info-about2 .box-slider .box-text h4{
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1.2;
    color: #000;
    margin-top: 0;
}

.box-info-about2 .box-slider .box-text p{
    font-size: 16px;
    color: #5b5b5b;
    margin-bottom: 20px;
    margin-top: 0;
}

.box-info-about2 .box-slider .box-text p.time{
    display: none;
}

.box-info-about3 .box-title{
    text-align: center;
}

.box-info-about3 .box-title .sub-title-dive, .box-info-about4 .box-content .sub-title-d1{
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.box-info-about3 .box-title .sub-title-dive::before, .box-info-about3 .box-title .sub-title-dive::after, 
.box-info-about4 .box-content .sub-title-d1::before{
    content: '';
    width: 30px;
    height: 1px;
    background: #5b5b5b;
    display: inline-block;
    vertical-align: middle;
}

.box-info-about3 .box-title .sub-title-dive::before, .box-info-about4 .box-content .sub-title-d1::before{
    margin-right: 20px;
}

.box-info-about3 .box-title .sub-title-dive::after{
    margin-left: 20px;
}

.box-info-about3 .box-title h2, .box-info-about4 .box-content h2{
    font-size: 54px;
    line-height: 1.1;
    color: #000;
    margin-bottom: 40px;
}

.box-info-about3 .stack{
    gap: 30px;
}

.box-info-about3 .box-image{
    margin-bottom: 20px;
}

.box-info-about3 .box-image img{
    height: 187px;
    object-fit: contain;
}

.box-info-about3 .stack .box-text{
    padding: 0;
}

.box-info-about3 .stack .box-text h4{
    font-size: 24px;
    line-height: 1.3333;
    color: #000;
    margin-bottom: 12px;
    margin-top: 0;
}

.box-info-about3 .stack .box-text p{
    font-size: 16px;
    color: #5b5b5b;
    margin: 0;
}

.box-info-about4 .box-content .col-inner{
    padding-right: 30px;
}

.box-info-about4 .box-content .sub-title-d1{
    margin-bottom: 25px;
}

.box-info-about4 .box-content h2{
    margin-bottom: 30px;
}

.box-info-about4 .box-content p{
    color: #5b5b5b;
    margin-bottom: 20px;
}

.box-info-about4 .box-content .button{
    padding: 15px 30px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    border-radius: 30px;
    border: 1px solid var(--color-main1);
    margin: 0;
}

.box-info-about4 .box-image{
    text-align: right;
}

.box-info-about4 .box-image img{
    max-width: 520px;
}

.box-info-about4 .box-sub-image{
    position: absolute;
    bottom: 60px;
}

.box-info-about4 .box-sub-image img{
    max-width: 250px;
}

.box-info-about4 .box-title-absolute{
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
}

.box-info-about4 .box-title-absolute p, .box-info-about2 .box-title-content p{
    font-size: 120px;
    color: var(--color-main1);
    line-height: 1;
    font-family: "Licorice", cursive;
    margin-bottom: 0;
}

.box-info-about2{
    overflow: hidden;
}

.box-info-about2 .box-title-content{
    margin: 85px 0px 65px -330px;
}

.box-info-about2 .box-bg{
    position: absolute;
    top: 0;
    right: -30%;
    z-index: -1;
    opacity: 0.1;
}

.box-info-about2 .box-image .img, .box-info-about2 .box-image .img-inner , .box-info-about2 .box-image img{
    height: 100%;
}

.box-info-about2 .box-image img{
    object-fit: cover;
}

.box-info-about2 .flickity-page-dots{
    position: relative;
    bottom: unset;
    left: unset;
    right: unset;
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.box-info-about2 .flickity-page-dots .dot{
    flex: 1;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 2px;
    width: auto;
    height: auto;
    margin: 0;
    padding-bottom: 14px;
    border: none;
    position: relative;
    color: #0000001a;
    opacity: 1;
}

.box-info-about2 .flickity-page-dots .dot.is-selected{
    color: #000;
}

.box-info-about2 .flickity-page-dots .dot::before{
    content: "";
    height: 2px;
    background-color: #000;
    width: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.box-info-about2 .flickity-page-dots .dot.is-selected::before{
    animation: width-100;
    animation-duration: 6000ms;
    animation-timing-function: linear;
}

.box-info-about2 .flickity-page-dots .dot::after{
    content: "";
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.section-whyus .stack{
    padding-top: 40px;
}

.single-product #tab-description .box-content{
    display: flex;
    flex-wrap: wrap;
}

.single-product #tab-description .desc-content, .single-product #tab-description .extra-description{
    width: 100%;
}



@keyframes marquee{
    100% {
        transform: translate(-100%);
    }
}

@keyframes width-100{
    0%{
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@media(max-width: 1860px){
    .box-feedback, .home-slider .banner-layers, .box-sale-home{
        margin: 0 30px;
        width: calc(100% - 60px);
    }

    .home-slider .banner-layers{
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width: 1366px){
    .section-experience .box-info{
        padding-left: 30px;
    }

    .dev-custom-banner .box-content h1, .dev-custom-banner .text-box h1{
        font-size: 60px;
    }

    .box-info-about1 .quote{
        margin-left: 110px;
    }
}

@media(max-width: 1200px){
    .dev-custom-banner:not(.banner-detail) .box-content{
        min-height: 480px;
    }

    .box-info-about1 .quote{
        margin-left: 50px;
    }
}

@media(max-width: 1024px){

    .medium-logo-center .logo {
        margin: 0 15px;
        order: 2;
        text-align: center;
    }

    .medium-logo-center .flex-left {
        flex: 1 1 0;
        order: 1;
    }

    .hide-for-medium, [data-show=hide-for-medium] {
        display: none !important;
    }

    .show-for-medium, [data-show=show-for-medium] {
        display: block !important;
    }

    .medium-logo-center .flex-right {
        flex: 1 1 0;
        order: 3;
    }

    .mobile-sidebar .nav-sidebar{
        padding: 0 30px;
    }

    .mobile-nav .cart-item .cart-icon{
        display: none;
    }

    .mobile-nav .cart-item a::before{
        content: 'Giỏ hàng';
        font-size: 14px;
        color: #fff;
    }

    .mobile-nav .icon-menu{
        position: relative;
        border-top: 2px solid #fff;
        height: 12px;
    }

    .mobile-nav .icon-menu::before{
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 2px;
        background: #fff;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .mobile-nav .icon-menu::after{
        content: '';
        display: block;
        position: absolute;
        width: 12px;
        height: 2px;
        background: #fff;
        left: 0;
        bottom: -2px;
    }

    .mobile-sidebar .menu-item .toggle{
        width: auto;
        margin-right: 0;
    }

    .mobile-sidebar .menu-item.active .toggle{
        rotate: 0deg;
    }

    .mobile-sidebar .menu-item .icon-angle-down{
        font-size: 18px;
        color: #000;
        transform: rotate(-90deg);
    }

    .mobile-sidebar .menu-item.active .icon-angle-down{
        transform: rotate(180deg);
    }

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

    .nav:not(.nav-slide) .active>.children{
        padding-bottom: 0;
    }

    .mobile-sidebar .nav-sidebar .menu-item .menu-item a{
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #d9d5d2;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a{
        padding-left: 0;
    }

    .home-about{
        margin-top: -60px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 80px;
    }

    .cus-box-container{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .cus-slider .text-box h1, .cus-slider .text-box h2, .cus-slider .text-box h3, .cus-slider .text-box h4{
        font-size: 91px;
        line-height: 83px;
    }

    .cus-slider .text-box .text-color{
        font-size: 60px;
        line-height: 30px;
    }

    .cus-title h2, .cus-title h3, .cus-title h4{
        font-size: 60px;
    }

    .cus-title .text-color{
        font-size: 40px;
        margin-top: -20px;
    }

    .section-whyus .box-banner .banner{
        padding-top: 80.5% !important;
    }

    .section-whyus .item{
        padding: 0 15px;
    }

    .home-team .team-slider .item-team .box-text{
        padding: 30px 30px 60px;
    }

    .cus-box-section{
        padding-left: 0;
        padding-right: 0;
    }

    .box-feedback{
        margin: 0;
        width: 100%;
    }

    .box-feedback .box-content .text-color{
        font-size: 40px;
    }

    .box-feedback .box-content > .col-inner{
        padding: 90px 30px 30px;
    }

    .section-new, .box-feedback, .section-whyus{
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .section-footer .box-logo-address .col-inner{
        padding-right: 60px;
    }

    .section-footer .box-menu-footer{
        padding-left: 60px;
    }

    .section-experience{
        margin-bottom: 80px;
    }

    .home-product .cus-title{
        margin-bottom: 40px;
    }

    .section-new .box-list-art{
        margin-top: 40px;
    }

    .woocommerce-shop .category-page-row .large-9, .tax-product_cat .category-page-row .large-9{
        flex-basis: 100%;
        max-width: 100%;
    }

    .category-page-row .products:not(.list-view){
        grid-template-columns: repeat(3, 1fr);
    }
    
    .custom-filter-bar > *{
        padding: 20px;
    }

    .custom-filter-bar .category-filtering{
        display: block;
        border-right: 1px solid #d9d5d2;
    }

    .custom-filter-bar .category-filtering .filter-button{
        margin-top: 0;
        color: #000;
        display: inline-flex;
        align-items: center;
        gap: 15px;
    }

    .custom-filter-bar .category-filtering i{
        font-size: 12px;
    }

    .custom-filter-bar .category-filtering strong{
        font-weight: 600;
        font-size: 10px;
        text-transform: uppercase;
    }

    .box-cus-desc-category .category-slider .category-item{
        flex: 0 0 25%;
        max-width: 25%;
    }

    .category-page-row{
        margin-bottom: 0;
    }

    .single-product .product-main, .single-product .product-footer{
        padding-left: 0;
        padding-right: 0;
    }

    .section-form .box-img .img{
        margin-top: -120px;
    }

    .section-info-contact h2{
        font-size: 42px;
    }

    .box-info-about1 .box-sub-img, .box-info-about4 .box-sub-image{
        display: none;
    }

    .box-info-about3 .box-title h2, .box-info-about4 .box-content h2{
        font-size: 42px;
    }

    .box-info-about4 .box-title-absolute p, .box-info-about2 .box-title-content p{
        font-size: 100px;
    }

    .box-info-about4 .box-title-absolute{
        bottom: 30px;
    }

    .box-info-about1 .banner .stack .text .number{
        font-style: 60px;
    }

    .box-info-about2 .box-slider{
        padding-left: 30px;
    }

    .box-info-about2 .box-title-content{
        margin: 30px 0px 30px -165px;
    }

}

@media(max-width: 849px){
    .cus-slider .text-box h1, .cus-slider .text-box h2, .cus-slider .text-box h3, .cus-slider .text-box h4{
        font-size: 68px;
        line-height: 62px;
        margin-top: 25px;
    }

    .cus-slider .text-box .text-color{
        font-size: 44px;
        line-height: 20px;
    }

    .home-slider .flickity-page-dots{
        display: none;
    }

    .section-footer .box-logo-address .col-inner{
        padding-right: 30px;
    }

    .section-footer .box-menu-footer{
        padding-left: 30px;
    }

    .section-whyus .box-banner{
        order: 1;
    }

    .section-whyus .box-banner .banner{
        padding-top: 64% !important;
    }

    .section-whyus .stack{
        flex-wrap: wrap;
    }

    .section-whyus .item-text2{
        width: 50%;
        margin-bottom: 40px !important;
    }

    .home-about .box-title-image .img-inner{
        display: none;
    }

    .home-about .box-title-image .img{
        margin-top: 30px;
    }

    .section-experience .box-info{
        padding-left: 30px;
        padding-right: 30px;
    }

    .section-experience .box-slider{
        padding-left: 0;
    }

    .box-info-follow .box-count{
        font-size: 60px;
    }

    .dev-custom-banner:not(.banner-detail) .box-content{
        min-height: 380px;
    }

    .category .box-feature-post, .category .blog-archive, .single-post .blog-single{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .category .box-feature-post .item .box-info .content, .page-template .box-feature-post .post-item .box-vertical .blog-post-inner{
        padding: 0 30px;
    }

    .category .box-feature-post .item .box-info .content h2, .page-template .box-feature-post .post-title{
        font-size: 30px;
    }

    .single-post h1.entry-title{
        font-size: 30px;
    }

    .category-page-row .products:not(.list-view){
        grid-template-columns: repeat(2, 1fr);
    }

    .custom-filter-bar .view-mode, .custom-filter-bar .result-info{
        display: none;
    }

    .box-custom-filter .custom-filter-bar{
        justify-content: space-between;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .custom-filter-bar .sort-by{
        border-left: none;
    }

    .box-cus-desc-category .category-slider .category-item{
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .box-cus-desc-category .desc, .box-cus-desc-category .category-slider{
        margin-top: 40px;
    }

    .category-page-row .products:not(.list-view) .product{
        margin-bottom: 80px;
    }

    .category-page-row .products:not(.list-view) .product::after{
        bottom: -40px;
    }

    .single-product .product-main .product-gallery{
        margin-bottom: 30px;
    }

    .single-product .product-main .product-info .next-prev-thumbs{
        display: none !important;
    }

    .section-info-contact .stack{
        row-gap: 30px;
    }

    .section-info-contact .icon-box{
        width: 50%;
    }

    .section-info-contact .stack{
        padding-top: 0;
    }

    .section-form .box-img .img{
        padding-left: 30px;
    }

    .box-info-about4 .box-title-absolute p{
        font-size: 70px;
    }

    .box-info-about4 .box-title-absolute{
        bottom: 0;
    }

    .box-info-about1 .banner .stack{
        padding-bottom: 60px;
        flex-wrap: wrap;
    }

    .box-info-about1 .banner .stack .text{
        width: 50%;
    }

    .box-info-about1 .banner .stack .text.box-mobile-noc::before{
        display: none;
    }

    .box-info-about2 .box-title-content{
        margin: 30px 0px 30px -80px;
    }

    .box-sale-product{
        flex-wrap: wrap;
    }

}

@media(min-width: 550px){
    .section-subscribe .box-info{
        padding-right: 15px;
    }

    .section-subscribe .wpcf7{
        padding-left: 15px;
    }
}

@media(min-width: 768px){
    .header-main .header-inner, .header-top .container{
        padding: 0 30px;
        max-width: 1860px !important;
    }

    .section-footer .box-logo-address{
        border-right: 1px solid #ffffff1a;
    }

    .box-info-about1 .quote{
        width: 550px;

    }

    .single-product #tab-description .desc-content{
        width: 70%;
        padding-right: 15px;
    }

    .single-product #tab-description .extra-description{
        width: 30%;
        padding-left: 15px;
    }
}

@media(min-width: 1024px){
    .box-about-home .box-title-image{
        padding-right: 15px !important;
    }

    .box-about-home .box-image-desc{
        padding-left: 45px !important;
    }

    .blog-single > .row > .col.post-sidebar{
        padding-left: 20px;
    }
}

@media(min-width: 1025px){
    .single-product .product-gallery{
        width: calc(54% - 70px);
        margin-right: 0;
        float: left;
        max-width: 980px;
        flex-basis: unset;
        padding: 0;
    }

    .single-product .product-info{
        float: right;
        width: 45%;
        max-width: 630px;
        padding: 0;
    }

    .single-product .product-main .content-row.row{
        display: block;
    }
}

@media(min-width: 1200px){
    .single-product #tab-description .desc-content{
        padding-right: 30px;
    }

    .single-product #tab-description .extra-description{
        padding-left: 30px;
    }
}

@media(max-width: 549px){

    .home-slider .banner-layers{
        margin: 0 15px;
        width: calc(100% - 30px);
    }

    .home-about{
        margin-top: 0;
    }

    .section-copyright .box-copyright, .section-copyright .box-social{
        text-align: center;
    }

    .section-copyright .box-copyright{
        margin-bottom: 10px;
    }

    .cus-slider .text-box h1, .cus-slider .text-box h2, .cus-slider .text-box h3, .cus-slider .text-box h4{
        font-size: 34px;
        line-height: 30px;
        margin-top: 15px;
    }

    .cus-slider .text-box .text-color{
        font-size: 25px;
    }

    .cus-slider .text-box a{
        line-height: 45px;
        margin-top: 30px;
    }

    .cus-box-container{
        padding: 60px 15px;
    }

    .cus-title h2, .cus-title h3, .cus-title h4{
        font-size: 48px;
    }

    .cus-title .text-color{
        font-size: 32px;
    }

    .home-about, .section-experience{
        margin-bottom: 60px;
    }

    .section-experience .box-info{
        padding-left: 15px;
        padding-right: 15px;
    }

    .pr30{
        padding-right: 15px;
    }

    .pl30{
        padding-left: 15px;
    }

    .box-info-follow{
        flex-wrap: wrap;
    }

    .box-info-follow{
        gap: 10px;
    }

    .box-info-follow .row{
        width: 100% !important;
    }

    .box-info-follow .col, .box-feedback > .section-content > .row.row-collapse{
        padding: 0;
    }

    .section-experience .banner .text-box{
        padding: 30px 15px;
    }

    .section-experience .banner .text-box h2{
        font-size: 42px;
        line-height: 58px;
    }

    .section-new, .box-feedback, .section-whyus{
        padding: 60px 15px !important;
    }

    .section-whyus .item-text1, .section-whyus .item-text2{
        width: 100%;
        margin-bottom: 40px !important;
    }

    .cus-mb-pt-0{
        padding-top: 0 !important;
    }

    .home-product .box-product-home .cus-title .text-color, .home-team .cus-title .text-color, .section-new .cus-title .text-color,
    .home-about .cus-title .text-color, .section-experience .cus-title .text-color, .section-whyus .cus-title .text-color{
        padding-left: 30px;
    }

    .home-about .cus-title .text-color, .section-experience .cus-title .text-color{
        text-align: left;
    }

    .home-team .team-slider{
        margin-top: 30px;
    }

    .home-team .team-slider .item-team .box-text{
        padding: 15px 15px 50px;
    }

    .post-item .box-vertical .box-text{
        padding: 20px 0 30px;
        border-left: 1px solid #d9d5d2;
    }

    .post-item .box-vertical .blog-post-inner{
        padding-left: 30px;
        padding-right: 36px;
    }

    .cus-more-link{
        right: 0;
    }

    .box-feedback .item-scroll span{
        font-size: 36px;
    }

    #footer section, .dev-custom-banner .box-content, .blog-wrapper, .category .box-feature-post, .category .box-category, .box-map, 
    .page-template .box-feature-post{
        padding-left: 15px;
        padding-right: 15px;
    }

    .section-footer .box-logo-address .box-info{
        padding-bottom: 30px;
        border-bottom: 1px solid #ffffff1a;
    }

    .section-footer .box-menu-footer{
        padding-left: 0;
        padding-top: 30px;
    }

    .section-footer .box-menu-footer .item-menu-footer{
        width: 100%;
    }

    .dev-custom-banner .box-content h1, .dev-custom-banner .text-box h1{
        font-size: 48px;
    }

    .category .box-feature-post .item{
        flex-wrap: wrap;
    }

    .category .box-feature-post .item .box-image{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .category .box-feature-post .item .box-info, .page-template .box-feature-post .post-item .box-vertical .box-text{
        padding: 20px 0 0;
        border-left: 1px solid #d9d5d2;
        text-align: left;
    }

    .category .box-category .list-category{
        justify-content: left;
    }

    .category .box-category .list-category li{
        flex-shrink: 0;
    }

    .category .box-category .list-category a{
        padding: 15px 0;
    }

    .single-post .post-navigation-custom .nav-inner{
        gap: 20px;
    }

    .single-post .post-navigation-custom .nav-inner .nav-previous, .single-post .post-navigation-custom .nav-inner .nav-next{
        width: 100%;
    }

    .category-page-row .products:not(.list-view){
        grid-template-columns: repeat(1, 1fr);
    }

    .category-page-row .products.list-view .product-small.box{
        flex-wrap: wrap;
        justify-content: center;
    }

    .category-page-row .products.list-view .box-text-products{
        width: 100%;
        padding: 0;
    }

    .custom-filter-bar .products-per-page{
        display: none;
    }

    .box-cus-desc-category .category-slider .category-item{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .single-product .product-main {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .single-product .product-footer{
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .single-product .product-main .product-info .product-title, .product-footer .related .product-section-title{
        font-size: 30px;
    }

    .single-product .product-main .product-info{
        padding-bottom: 0;
    }

    .product-footer .related{
        padding-top: 40px;
    }

    .product-footer .woocommerce-tabs .product-tabs{
        flex-wrap: nowrap;
        justify-content: left;
    }

    .product-footer .woocommerce-tabs .product-tabs li{
        width: auto;
    }

    .product-footer .woocommerce-tabs .product-tabs li a{
        font-size: 18px;
        padding: 0 10px 10px;
    }

    .product-footer #reviews .col{
        padding-bottom: 10px;
    }

    #review_form .review-form-inner{
        padding: 15px;
    }

    #review_form .review-form-inner form{
        margin-bottom: 0;
    }

    #review_form .review-form-inner form input[type=submit]{
        margin: 0;
    }

    .section-info-contact h2, .section-form .box-form h3{
        font-size: 30px;
    }

    .section-info-contact .icon-box{
        width: 100%;
        justify-content: center;
    }

    .section-info-contact .icon-box .icon-box-text{
        width: 100%;
        flex: auto;
        padding-left: 0;
        text-align: center;
        padding-top: 10px;
    }

    .section-form .box-form h3{
        text-align: center;
    }

    .section-form .box-img{
        display: none;
    }

    .box-info-about1 .quote{
        margin-left: 0;
        margin-bottom: 30px;
    }

    .box-info-about4 .box-title-absolute{
        display: none;
    }

    .box-info-about1 .banner .stack .text .number{
        font-size: 48px;
    }

    .box-info-about1, .box-info-about2, .box-info-about4{
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .box-info-about1, .box-info-about2, .box-info-about4{
        padding-left: 15px;
        padding-right: 15px;
    }

    .box-info-about1 .title h3, .box-info-about2 .box-slider .box-text h3, .box-info-about3 .box-title h2,
    .box-info-about4 .box-content h2{
        font-size: 30px;
    }

    .box-info-about2 .box-slider{
        padding: 0;
    }

    .box-info-about2 .box-title-content{
        margin: 30px 0;
    }

    .box-info-about2 .box-title-content p{
        font-size: 42px;
    }
}

@media(max-width: 410px){
    .off-canvas-left .mfp-content{
        width: 330px;
    }

    .mfp-ready .mfp-close{
        left: 290px;
    }
}