/*
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.   ***************/


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


}

:root{
    --mauchudao1: #00569F;
    --mauchudao2:#f36c21;
}

b, strong{
    font-weight: bold!important;
}

/* Liên hệ */
.row-form p{
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}
.text-padding{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.row-dk{
    padding-bottom: 50px;
    display: flex;
    gap: 40px;
}

.col-form{
    width: 50%;

}
.wpcf7-form-control-wrap{
    width: 100%;
}

.row-lh .wpcf7-form-control-wrap{
    width: 95%!important;
}

.wpcf7-form-control-wrap input{
    border: none;
    border-bottom: 1px black solid;
    box-shadow: none;
}
.wpcf7-form-control-wrap input:focus{
    box-shadow: none;
}
.wpcf7-spinner{
    display: none !important;
}
.button-form {
    display: flex;
    justify-content: center;
}
.wpcf7-submit{
    margin: 0px !important;
    background-color: unset !important;
    color: #000000 !important;
    border-color: #000000 !important;
    text-transform: capitalize !important;
    width: 100px;
}

.header-main{
    background: #010101;
}

#top-bar{
    background: #1E1E1E;
    padding: 5px 0px;
}

.title-home .section-title-main{
    color: #000;
}

.title-home{
    margin-bottom: 5px;
    margin-top: 0px!important;
}

.title-home .section-title-normal span{
    border-bottom-color: #000;
    text-transform: uppercase;
}

.section-title{
    border-bottom: 0;
}

.header-nav>li>a{
    color: #fff;
    text-transform: none;
    font-size: 14px;
    font-weight: 500!important;
}

.header-nav>li>a:hover{
    color: var(--mauchudao2);
}

.btn-xemchitiet{
    text-transform: none;
    background: #fff;
    color: #00569F;
    border: 1px solid #00569F;
    position: relative;
    overflow: hidden;
    padding: 5px 30px;
}

.btn-xemchitiet:hover{
    /* background: #00569F;
    color: #fff; */
    background-color: transparent;
    color: #fff;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    border: 1px solid #000;
    box-shadow: unset!important;
}

.btn-xemchitiet:hover:before{
    height: 102%;
    width: 140%;
}

.btn-xemchitiet:before{
    background: #00569F;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.tt-gioithieu-home p{
    color: #2D2C2C;
    margin-bottom: 10px;
}

.col-right-vechungtoi{
    display: flex;
    /* align-items: center; */
}

.col-padding-clear{
    padding-bottom: 0px;
}

.gallery-home{
    /* width: 100%; */
    margin: auto!important;
    max-width: 100%!important;
}

.title-home2 .section-title-main{
    /* text-transform: none!important; */
    font-size: 24px;
}

.title-home2{
    margin: 0;
}

.title-home2 .section-title{
    margin-bottom: 20px;
}

.image-thuonghieu1 .box-image{
    height: 800px;
}


.image-thuonghieu1 .box-image img{
    height: 800px;
    object-fit: cover;
}

.image-thuonghieu2 .box-image{
    height: 390px;
}

.image-thuonghieu2 .box-image img{
    height: 390px;
    object-fit: cover;
}

.image-thuonghieu3 .box-image{
    height: 390px;
}

.image-thuonghieu3 .box-image img{
    height: 390px;
    object-fit: cover;
}

.image-thuonghieu4 .box-image{
    height: 390px;
}

.image-thuonghieu4 .box-image img{
    height: 390px;
    object-fit: cover;
}

.image-thuonghieu2 {
    margin-bottom: 20px;
}

.col-thuonghieu-left{
    padding-left: 0px;
}

.col-thuonghieu-right{
    padding-right: 0px;
}

.imagebox-thuonghieu .box-text{
    position: absolute;
    bottom: 0;
}

.imagebox-thuonghieu .box-text h4{
    font-size: 25px;
    color: #fff;
    margin-left: 30px;
    position: relative;
}

.col-gt-left .col-inner{
    position: absolute;
    padding-right: 100px;
}

.title-duanquocte{
    max-width: 100%!important;
}

.imagebox-thuonghieu .box-text h4:before{
    content: "";
    width: 20px;
    height: 30px;
    position: absolute;
    bottom: 100%;
    right: 100%;
    border-bottom: 4px solid;
    transition: all 0.7s;
}

.imagebox-thuonghieu .box-text h4:after{
    content: "";
    width: 20px;
    height: 0px;
    position: absolute;
    top: 0%;
    left: -2%;
    border-left: 4px solid;
    transition: all 0.7s;
}

.image-thuonghieu3 .box-text h4:before{
    right: 100%!important;
}

.image-thuonghieu3 .box-text h4:after{
    left: -3%!important;
}

.image-thuonghieu4 .box-text h4:before{
    right: 100%!important;
}

.image-thuonghieu4 .box-text h4:after{
    left: -3%!important;
}

.image-thuonghieu3:hover .box-text h4:before{
    width: 6%!important;
    animation-name: unset!important;
    animation-duration: unset!important;
}

.image-thuonghieu4:hover .box-text h4:before{
    width: 6%!important;
    animation-name: unset!important;
    animation-duration: unset!important;
}



.imagebox-thuonghieu:hover .box-text h4:before{
    animation-name: linengang;
    animation-duration: 0.7s;
    width: 4%;
}

.imagebox-thuonghieu:hover .box-text h4:after{
    animation-name: linedoc;
    animation-duration: 0.7s;
    height: 45px;
}

.gallery-doitac .gallery-col .box-image{
    height: 110px;
}

.gallery-doitac .gallery-col .box-image img{
    height: 110px;
    object-fit: contain;
}

.blog-home .box{
    display: flex;
}

.blog-home .box .box-image{
    width: 40%;
}

.blog-home .box .box-image .image-cover{
    padding-top: 80%!important;
}

.blog-home .is-divider{
    display: none;
}

.blog-home .post-title{
    margin-bottom: 10px;
    font-size: 20px;
    color: #000;
}

.blog-home .from_the_blog_excerpt{
    color: #000;
    font-size: 15px;
}


.blog-home .post-item{
    padding-bottom: 20px;
}

.tab-thongtin-home .nav-tabs>li.active>a{
    border-top: 1px solid #000;
    border-bottom:0px!important;
}

.tab-thongtin-home .nav-tabs>li>a{
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background: #fff;
    border-bottom: 1px solid #000;
    color:#000;
    text-transform: none;
    font-size: 16px;
}

.tab-thongtin-home .nav-tabs>li.active>a{
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-radius: 3px 3px 0px 0px;
}

.tab-thongtin-home .nav-tabs>li{
    margin-right: 0;
}

.tab-thongtin-home .nav-tabs+.tab-panels{
    border-top: 1px solid #000;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 15px 0px;
}

.gallery-doitac .flickity-page-dots .dot.is-selected{
    background-color: #00569F;
}

.multiple-items{
    height: 465px;
}

.multiple-items .item iframe{
    width:100%!important;
    height: 460px!important;
}

.gallery-video .slick-dots{
    margin-top: 15px;
}

.btn-thamgia{
    width: 100%;
}

.btn-thamgia:hover{
    /* background: var(--mauchudao1)!important; */
    color: #fff!important;
    box-shadow: unset!important;
    /* border-color: var(--mauchudao1)!important; */

}

.gallery-video .slick-dots li{
    margin: 0;
}

.gallery-video .slick-dots li img{
    width: 100%;
}

.gallery-video .slick-track{
    /* display: flex;
    gap: 15px; */
}

.gallery-video .slick-dots li{
    padding: 0px 5px;
}

.mobile-nav .cart-item i{
    color: #fff;
}


.mobile-nav .nav-icon .icon-menu{
    color: #fff;
}

.slick-dots button{
    display: none;
}

.btn-footer {
    background: transparent;
    color: #000!important;
    border: 1px solid #000;
    text-transform: none;
    font-size: 15px;
    padding: 5px 35px;
    margin-top: 15px!important;
    position: relative;
    overflow: hidden;
}

.btn-footer:hover{
   box-shadow: unset;
}

.btn-footer:hover:before{
    height: 102%;
    width: 140%;
}

.btn-footer:before{
    background: #fff;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.banner-footer .text-inner h3{
    text-transform: none;
    font-size: 24px;
}

.absolute-footer{
    display: none;
}

.thongtin-footer p{
    margin-bottom: 5px;
}

.title-footer{
    margin-bottom: 0;
}

.title-footer .section-title{
    margin-bottom: 0;
}

.title-footer .section-title-main{
    color:#D0D0D0;
}

.menu-footer .ux-menu-link__link{
    line-height: 20px;
    min-height: unset!important;
}

.menu-footer .ux-menu-link__text{
    color:#D0D0D0;
}

.hotline-footer p{
    margin-bottom: 5px;
    color: #D0D0D0;
}

.hotline-footer a{
    color: #D0D0D0;
}

.header-search-form .searchform #woocommerce-product-search-field-0{
    width: 240px;
    background: transparent!important;
    border: 0px;
    border-bottom: 1px solid #6D6C6C;
    color: #fff!important;
    border-radius: 0px!important;
}

.header-search-form .searchform #woocommerce-product-search-field-0::placeholder{
    color: #fff;
}

.header-search-form .flex-col{
    margin: unset!important;
}

.header-nav .header-search{
    display: none;
}

.header-search-form .searchform #woocommerce-product-search-field-0:focus{
    box-shadow: unset!important;
}

.header-search-form .ux-search-submit{
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    
}

.container-project{
    display: flex;
}

.col-right-project{
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    margin-left: -300px;
    gap: 20px;
    margin-bottom: 55px;
}

.col-left-project{
    display: flex;
    gap: 20px;
}


.box-text-project .box-text-inner {
    text-align: right;
}

.col-right-project .box-text-project{
    display: flex;
    align-items: end;
    width: 35%;
}

.col-right-project .box-image-project img{
    height: 460px;
    width: 100%;
    object-fit: cover;
}

.box-text-project h3{
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
    line-height: 40px;
    text-transform: capitalize;
}

.box-text-project p{
    font-size: 15px;
    color: #878787;
    margin-bottom: 10px;
}

.box-text-project a{
    font-size: 15px;
    color: #ABABB2;
    text-transform: uppercase;
}

.container-project-2{
    display: flex;
    margin: -5px auto 0px;
    width: 80%;
    gap: 90px;
}

.col-left-project2{
    width: 50%;
    display: flex;
    align-items: flex-start;
    padding-top: 75px;
}

.col-left-project2 .col-inner-project{
    display: flex;
    gap: 20px;
}

.col-right-project2{
    width: 50%;
}


.box-image-project2 img{
    width: 100%;
}

.col-left-project2 .box-image-project2 {
    width: 60%;
}

.col-left-project2 .box-text-project2{
    width: 30%;
}

.box-text-project2 h3{
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
    line-height: 40px;
    text-transform: capitalize;
}

.col-right-project2 .box-text-project2{
    margin-top: 30px;
}

.box-text-project2 a{
    font-size: 15px;
    color: #ABABB2;
    text-transform: uppercase;
}

.tt-sumenh h3{
    font-size: 32px;
    margin-bottom: 10px;
}

.tt-sumenh p{
   margin-bottom: 10px;
}

.section-sumenh{
    padding-bottom: 230px!important;
}

.tt-tamnhin h3{
    font-size: 32px;
    margin-bottom: 10px;
}

.tt-tamnhin p{
    margin-bottom: 10px;
 }

 .title-gioithieu{
    margin-bottom: 0;
 }

 .title-gioithieu .section-title-main{
    font-size: 24px;
    color: #fff;
 }

 .faq-gioithieu .accordion-title .icon-angle-down:before{
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    font-size: 15px;
    color: #fff!important;
 }

 .blog-tintuc .is-divider{
    display: none;
 }

 .faq-gioithieu .accordion-title button .icon-angle-down{
    top: -10px!important;
 }

 .faq-gioithieu .accordion-title.active .icon-angle-down:before{
    content: '\f068'!important;
 }

 .faq-gioithieu .toggle {
    left: unset!important;
    right: 0px;
 }    

 .faq-gioithieu .accordion-title.active{
    font-weight: normal!important;
 }

 .faq-gioithieu .accordion-title {
    padding-left: 10px;
    border-top: 1px solid #fff;
    color: #fff;
 }

 .faq-gioithieu .accordion-inner{
    color: #fff;
 }

 .faq-gioithieu .accordion-inner p{
    margin-bottom: 10px;
 }

 .faq-gioithieu .accordion-item:last-child .accordion-title{
    border-bottom: 1px solid #fff;
 }


 .slogan-gioithieu .section-title-main span{
    margin: 0;
    /* font-size: 60px; */
    font-size: 32px;
    text-transform: none;
 }

 .slogan-gioithieu .section-title-main{
    text-transform: none;
    font-size: 32px;
    color: #fff;
    font-weight: 400;
 }

 .slogan-gioithieu{
    margin-bottom: 0;
 }

 .header-nav>.active>a{
    color: var(--mauchudao2)!important;
 }

 .banner-info .text-box-content .banner-info h3{
    font-weight: bold!important;
    text-decoration: underline!important;
 }

 .banner-info h3 a:hover{
    color:#000;
 }

 .breadcrumb-custom p{
    margin: 0;
 }

 .product-small .box-text{
    text-align: center;
 }

 .product-small .quick-view {
    display: none;
 }

 .product-small .category{
    display: none;
 }
 
 .product-small .name a{
    color: #000;
    font-size: 16px;
 }

 .price-wrapper .price>span>bdi{
    color: #FF6B00;
    font-size:19px;
 }

 .btn-tatcasanpham{
    background: #fff;
    border:1px solid var(--mauchudao1);
    color: var(--mauchudao1);
    text-transform: none;
    padding: 3px 25px;
    font-size: 17px;
    position: relative;
    overflow: hidden;
 }

 .btn-tatcasanpham:hover{
    background-color: transparent;
    color: #fff;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    border: 1px solid #000;
    box-shadow: unset !important;
 }

 .btn-tatcasanpham:hover:before{
    height: 102%;
    width: 140%;
 }

 .btn-tatcasanpham:before{
    background: #00569F;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
 }

 .col-lh .button-form .wpcf7-submit {
    position: relative;
    overflow: hidden;
    font-weight: bold;
 }

 .col-lh .button-form .wpcf7-submit:hover {
    background-color: transparent;
    color: #000;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    border: 1px solid #000;
    box-shadow: unset !important;
 }

 .col-lh .button-form .wpcf7-submit:hover:before{
    height: 102%;
    width: 140%;
 }

 .btn-submit-lh{
    width: 50%;
    margin-bottom: 0;
 }

 .product-sku{
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px!important;
 }

 .col-lh .button-form .wpcf7-submit:before{
    /* background: #00569F;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0; */
 }

 .banner-title h3{
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 25px;
 }

 .col-danhmuc{
    flex-basis: 20%;
    max-width: 20%;
 }

.icon-danhmuc .icon-box-text h4{
    font-size: 18px;
    font-weight: 400;
}

.icon-danhmuc{
    align-items: center;
}

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

#search-form-alt .ux-search-submit{
    position: absolute;
    right: 10px;
    background: transparent;
    color: #000;
    border: 0;
    top: 5px;
}

#search-form-alt .ux-search-submit:hover{
    box-shadow: unset;
}

#search-form-alt input{
    width: 300px;
    height: 45px;
    margin-bottom: 0;
    box-shadow: unset!important;
}

#search-form-alt{
    margin: 0;
}

.tab-tintuc .nav-tabs{
    justify-content:end;
}

.tab-tintuc {
    margin-top: -80px;
}

.tab-tintuc .tab-panels{
    padding-top: 35px!important;
}

.tab-tintuc .is-divider{
    display: none;
}

.blog-tintuc .from_the_blog_excerpt{
    display: none;
}

.blog-archive .from_the_blog_excerpt{
    display: none;
}

.blog-archive .box-text{
    padding: 15px 15px 20px;
    text-align: left;
}

.blog-archive .post-item .col-inner{
    border: 1px solid #A6A6A6;
}

.blog-tintuc .post-item .col-inner{
    border: 1px solid #A6A6A6;
}

.blog-tintuc .box-text{
    padding: 15px 15px 20px;
}

.blog-tintuc .post-title a{
    font-size: 20px;
    color:#000;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 27px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 55px;
}

.blog-archive .post-title a{
    font-size: 20px;
    color:#000;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 27px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 55px;
}

.blog-archive .is-divider{
   display: none;
}

.blog-tintuc .post-title{
    margin-bottom: 10px;
}

.blog-archive .post-title{
    margin-bottom: 10px;
}

.blog-home .meta-post{
    display: none;
}

.blog-home .btn-xemthem{
    display: none;
}

.btn-xemthem{
    font-size: 16px;
    color: #000;
}


.meta-post{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.date-post{
    font-style: italic;
    color: #000;
    font-size: 14px;
    border-right: 1px solid #313131;
    padding-right: 10px;
}

.author-cateogry{
    font-style: italic;
    color: #000;
    font-size: 14px;
}

.author-post{
    font-weight: bold;
}

.btn-tintuc{
    background: var(--mauchudao1);
    color: #fff;
}

.btn-tintuc:hover{
    background: var(--mauchudao2);
    box-shadow: unset;
}

.blog-archive .badge{
    display: none;
}

.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover{
    background-color: var(--mauchudao1);
}

.nav-pagination>li>a, .nav-pagination>li>span{
    border-radius: 0px;
}

.btn-xemthem:before{
    content: "";
    width: 0px;
    /* height: 41px; */
    position: absolute;
    bottom: 5px;
    left: 0;
    border-bottom: 2px solid;
    transition: all 0.7s;
}

.btn-xemthem{
    position: relative;
    padding-left: 0px;
    transition: all 0.7s;
}



.post-item .box:hover .btn-xemthem:before{
    animation-name: linengang-tintuc;
    animation-duration: 0.7s;
    width: 65px;
}

.post-item .box:hover .btn-xemthem{
    animation-name: chuyendong-btntintuc;
    animation-duration: 0.7s;
    padding-left: 70px;
}

.container-info{
    display: flex;
}

.col-info{
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.col-info .meta-post{
    justify-content: center;
    margin-bottom: 5px;
}

.blog-single .entry-header{
    display: none;
}

.blog-single .large-12 {
    padding-bottom: 0px;
}

.col-info img{
    height: 540px;
    width: 100%;
    object-fit: cover;
}

.category-single{
    font-size: 34px;
    color: #000;
    margin-bottom: 5px;
    font-weight: bold;
}

.title-post{
    font-size: 28px;
    font-weight: 500;
    color: #000;
}

.col-info .col-innear{
    width: 60%;
}

.blog-single .single-page {
    padding-top: 60px;
}

.single-page p{
    color: #000;
}

.single-page h2{
    color: var(--mauchudao1);
}

/* .polylang-flag:before{
    content:url('/wp-content/uploads/2024/10/Vector-19.png');
    margin-right: 15px;
} */



.title-duantrongnuoc{
    max-width: 100%!important;
}

.single-page h3{
    color: var(--mauchudao1);
}

.single-page h4{
    color: var(--mauchudao1);
}

.single-page img{
    width: 100%!important;
}

.author-box{
    background: #D9D9D9;
    padding: 20px;
}

.blog-author-image img{
    border-radius: 0px!important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-name {
    padding-top: 0;
    font-size: 20px;
    color: #000;
    
}

.author-desc {
    color: #000;
    margin-bottom: 5px!important;
}

.author-box .circle{
    margin-right: 15px;
    width: 10%!important;
}

.author-box .flex-col{
    width: 90%;
}

.related-post{
    margin-top: 50px;
}

.slogan-gioithieu .section-title-normal span{
    border-bottom: 0px;
}

.section-title b{
    background: transparent;
}

.blog-single .large-10{
    padding-bottom: 0;
}

.blog-single .large-10 .post{
    margin-bottom: 0;
}

.col-right-map{

}

.col-left-showroom>.col-inner{
    position: absolute;
    background: #fff;
    padding: 25px 40px;
    left: 55px;
    z-index: 2;
    top: 170px;
    border-radius: 15px;
    box-shadow: 0px 3px 25px #00000012;

}

.title-showroom {
    margin-bottom: 0;
}

.title-showroom .section-title-normal span{
    border-bottom: 0px;
    
}

.section-breadcrumb{
    padding-bottom: 140px;
}

.col-slider-showroom>.col-inner{
    margin-top: -85px;
}

.title-showroom .section-title-main{
    color: #000;
    text-transform: none;
    font-size: 28px;
    padding-bottom: 0;
}

.subtitle-showroom .section-title-normal span{
    border-bottom: 0px;
}

.subtitle-showroom{
    margin-bottom: 0;
}

.subtitle-showroom .section-title-main{
    color: var(--mauchudao1);
    font-size: 22px;
    padding-bottom: 0;
}

.thongtin-showroom p{
    margin-bottom: 10px;
    font-size: 18px;
}

.btn-seeshowroom{
    background: #fff;
    border:1px solid #00569F;
    color: #00569F;
    text-transform: none;
    font-size: 17px;
}

.btn-seeshowroom:hover{
    background: var(--mauchudao1);
    color: #fff;
}

.col-right-map .col-inner iframe{
    border-radius: 15px;
}

.breadcrumb-custom .rank-math-breadcrumb p{
    margin-bottom: 0;
}

.container-project .col-left-project .box-image-project{
    width: 80%;
}

.container-project .col-left-project .box-image-project img{
    width: 885px;
    height: 515px;
    object-fit: cover;
}

.container-project .col-right-project .box-image-project{
    width: 55%;
}

.col-left-project2 .box-image-project2 img{
    height: 320px;
    object-fit: cover;
}

.col-right-project2 .box-image-project2 img{
    height: 435px;
    object-fit: cover;
}

.project-quocte{
    margin: 0!important;
}

.image-project-item img{
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 15px 15px 0px 0px;
}

/* .project-item .slick-list {
    padding: 0!important;
} */

/* .project-item .slick-track {
    width: fit-content!important;
} */

.section-related .image-project-item img{
    border-radius: 0!important;
}

.box-content-project{
    padding: 15px 20px;
}

.content-project p{
    margin-bottom: 0px;
}

.content-project{
    margin-bottom: 10px;
}

.project-item .col-inear{
    border: 1px solid #A6A6A6;
    border-radius: 15px;
    box-shadow: 0px 3px 25px #00000042;
}

.section-related .project-item .col-inear{
    border: unset!important;
    border-radius: 0!important;
}

.section-related .project-item:hover .box-content-project .btn-xemthem{
    animation-name: chuyendong-btntintuc;
    animation-duration: 0.7s;
    padding-left: 70px;
}

.section-related .project-item:hover .btn-xemthem:before{
    animation-name: linengang-tintuc;
    animation-duration: 0.7s;
    width: 65px;
}

.project-item{
    height: unset!important;
}

.content-project p{
    font-size: 14px;
    color: #000;
}

.box-content-project h3{
    color: #000;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 27px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.feature-img img{
    width: 100%;
}

.feature-img{
    margin-bottom: 30px;
}

.container-content{
    display: flex;
    gap: 9%;
    justify-content: center;
}

.col-content-left{
    width: 25%;
}

.col-content-right{
    width: 50%;
    /* display: flex; */
    /* justify-content: center; */
}

.project-title h1{
    font-size: 32px;
    color: #000;
    text-transform: capitalize;
}

.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg{
    background-color: var(--mauchudao1);
    border-color: var(--mauchudao1);
}

.content-detail p{
    margin-bottom: 10px;
    color: #000;    
    font-size: 17px;
}

.project-info-content ul{
    color: #000;
    font-size: 17px;

}

.project-info-content ul li{
    margin-bottom: 5px;
}

/* .project-item .item{
    padding: 65px;
} */


.project-item .slick-center img{
    /* transform: scale(1.5); */
    transition: all 0.7s;
}

.section-gallery .slick-center img{
    transform: scale(1.2);
}

.project-item .slick-slide img{
    transition: all 0.7s;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.project-item .item {
    width: auto!important;
    padding: 20px;
}

.section-gallery .project-item .item{
    padding: 80px;
}


.section-gallery .project-item .item:before{
    opacity: 0!important;
} 

.project-item .item:before{
    content: "";
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-color: #0000007d;
    left: 20px;
    top: 20px;
    z-index: 1;
    transition: all 0.7s;
    opacity: 1;
}

.viewall_gallery{
    position: absolute;
    left: 50%;
    bottom: 80px;
    width: 110px;
    padding-top: 6px;
    background-color: #fff;
    cursor: pointer;
    display: block !important;
    transform: translate(-50%, 0);
    text-align: center;
    padding: 5px;
}

.gallery_mobile{
    position: fixed;
    z-index: 99999999999;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100vh;
}

.close_gallery_mobile{
    position: absolute;
    top: 30px;
    right: 45px;
    z-index: 999;
}

.Gallery_duan_mobile{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.Gallery_duan_list{
    padding: 120px 60px 60px;
    height: auto;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
}

.Gallery_duan_list .woocommerce-product-gallery__image{
    width: 33%;
    margin-bottom: 40px;
}

.Gallery_duan_list .woocommerce-product-gallery__image img{
    display: block;
    width: 90%;
    margin: 0 auto;
}

.viewall_gallery p{
    margin-bottom: 0;
}

.gallery-product{
    position: relative;
}

.project-item .item {
    position: relative;
    transition: all 0.7s;
}

.project-item .slick-center:before{
   opacity: 0;
    transition: all 0.7s;
}


.section-gallery{
    margin: 40px 0px 30px;
    position: relative;
}

.project-item .fa-chevron-left{
    color: rgb(0, 0, 0)!important;
    position: absolute;
    top: 40%;
    z-index: 2;
    left: 15px;
    font-size: 20px;
    cursor: pointer;
}

.project-item .arrow-left{
    position: absolute;
    top: 45%;
    z-index: 2;
    left: 30px;
    font-size: 20px;
    cursor: pointer;
}

.project-item .arrow-right{
    position: absolute;
    top: 45%;
    z-index: 2;
    right: 30px;
    font-size: 20px;
    cursor: pointer;
}

.project-item .fa-chevron-right{
    color: #000!important;
    position: absolute;
    top: 40%;
    z-index: 2;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

.title-related{
    padding: 0;
}

.related{
    border-top: 0px;
}

.project-item .slick-dots {
	display: flex;
	justify-content: center;
	
	margin: 15px 0 0px;
	padding: 1rem 0;
	
	list-style-type: none;
	
		li {
			margin: 0 0.25rem;
		}
	
		button {
            display: block;
            width: 3px;
            height: 3px;
            padding: 6px;
            font-size: 3px;
            border: none;
            border-radius: 100%;
            background-color: #E4E4E4;
            text-indent: -9999px;
		}
	
		li.slick-active button {
            background-color: #000000;
		}
	
}

.slick-dots{
    padding: 7px 0!important;
}

.col-form-dk .wpcf7-form-control-wrap textarea{
    box-shadow: unset;
    border: none;
    border-bottom: 1px black solid;
    box-shadow: none;
}

.title-header .section-title-normal span{
   border-bottom: 0px;
}

.title-header{
    margin-bottom: 0;
}

.title-header .section-title {
    margin-bottom: 0;
}

.header-nav>.menu-item-design-full-width>.sub-menu{
    padding: 80px;
}

.header-nav>.menu-item-design-full-width>.sub-menu{
    padding: 80px!important;
}

.header-nav>li>.sub-menu{
    background: #000;
    border:0px;
    padding: 20px 0px!important;
    min-width: 205px!important;
}

.project-related{
    margin-bottom: 30px;
    padding: 0 15px;
}

.header-nav>.menu-item-design-default>.sub-menu a{
    color: #fff;
    border-bottom: 0px;
    padding: 7px 20px;

}

.header-nav>.menu-item-design-default>.sub-menu a:hover{
    color: var(--mauchudao2)!important;

}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{
    border: unset!important;
}

.nav-dropdown-has-arrow li.has-dropdown:after{
    border:0px;
}

.title-header .section-title-main{
    font-size: 20px;
    color: #fff;
    text-transform: none;
}

.menu-header .ux-menu-link__link{
    border: unset !important;
    min-height: 0;
    line-height: 25px;
    color: #fff;
    font-size: 17px;
}

.menu-header .ux-menu-link__link:hover{
   color: var(--mauchudao1);
}

.menu-header-top{
     margin-bottom: 15px;
}

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

.product-footer{
    background:#E8E8E8;
    padding: 40px 0px 0px;
}

.related .col-inner .box {
    background: #fff;
}

.product-info-detail{
    margin-bottom: 15x;
}

.product-info-detail .tab-panels p{
    color: #000;
}

.product-info-detail .tab-panels h2, h3, h4, h5, ol, ul{
    color: #000;
}

.product-info-detail .tab-panels table{
    border:1px solid #000;
    
}

.product-info-detail .tab-panels table tr td{
    border:1px solid #000;
    padding: 10px;
    color: #000;
}

.tab-sanpham{
    margin-top: -45px;
}

.product-info-detail .rank-math-breadcrumb{
    margin-bottom: 30px;
}

.product-info-detail h1{
    color: #000;
    font-size: 32px;
}

.tab-sanpham .tab-panels{
    padding-top: 25px !important;
}

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

.project-info-content ul{
    margin-bottom: 5px;
}

.content-detail p{
    margin-bottom: 20px;
}

.content-detail .price-wrapper del{
    font-size: 14px;
}

.content-detail .price-wrapper ins bdi{
    font-size: 22px;
}

.content-detail .price-wrapper .price>span>bdi{
    font-size: 22px;
    color: #000!important;
}

.single_add_to_cart_button{
    padding: 0px 25px;
    border-radius: 45px;
    background: var(--mauchudao1)!important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.single_add_to_cart_button:hover{
    background: var(--mauchudao1)!important;
    box-shadow: unset;
    border-color: var(--mauchudao2);
}


.single_add_to_cart_button:before{
    background: var(--mauchudao2);
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.single_add_to_cart_button:hover:before{
    height: 102%;
    width: 140%;
}


.single_add_to_cart_button:hover{
    position: relative;
    overflow: hidden;
}

.content-detail ul{
    margin-bottom: 5px;
    color: #000;
}

.content-detail ol{
    margin-bottom: 5px;
    color: #000;
}

.tab-tintuc .tab-panels ul{
    margin-bottom: 5px;
    color: #000; 
}

.tab-tintuc .tab-panels ul li{
    margin-bottom: 5px;
}

.tab-tintuc .tab-panels ol{
    margin-bottom: 5px;
    color: #000; 
}

.tab-tintuc .tab-panels ol li{
    margin-bottom: 5px;
}

/* .tab-tintuc .tab-panels a{
    color: var(--mauchudao1);
} */

.product-small .price ins bdi{
    color: #FF6B00;
    font-size: 19px;
}

.product-small .badge-container .badge .badge-inner{
    padding: 5px 10px;
    border-radius: 2px;
    background-color: var(--mauchudao2) !important;
    font-size: 14px;
}

.badge{
    width: auto;
    height: auto;
}

.banner-text-left .banner-bg:before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2024/10/Rectangle-17051-3.png);
    content: '';
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-text-right .banner-bg:before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2024/10/Rectangle-17052.png);
    content: '';
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-text-right .text-box{
    z-index: 9!important;

}

.banner-text-left .text-box{
    z-index: 9!important;

}

.account-container{
    display: flex;
    justify-content: center;
}

.account-login-inner{
    width: 500px;
}

.account-login-inner h3{
    text-align: center;
    color:#000;
    font-size: 44px;
    margin-bottom: 30px !important;
}

.woocommerce-form-login__submit{
    background: #000;
    width: 100%;
}

.form-custom{
    display: flex;
}

.col-login-right{
    display: flex;
    justify-content: right;
    width: 50%;
}

.col-login-left{
    width: 50%;
}

.btn-form p{
    text-align: center;
    margin-top: 15px;
}

.btn-form a{
    color: var(--mauchudao2);
}

.cart-item a i:after{
    background-color: var(--mauchudao2);
}

.account-register-inner h3{
    text-align: center;
    color: #000;
    font-size: 44px;
    margin-bottom: 30px !important;
}

#customer_login .col {
    display: flex;
    justify-content: center;
}

.account-register-inner{
    width: 65%;
}

.woocommerce-form-register__submit{
    background: #fff;
    /* width: 100%; */
    border: 1px solid #000;
    color: #000;
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding: 0px 35px;
    text-transform: none;
}

.woocommerce-form-register__submit:before{
    background: #000;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.woocommerce-form-register__submit:hover:before{
    height: 102%;
    width: 140%;
}

.woocommerce-form-register__submit:hover{
    background: transparent!important;
    box-shadow: unset;
}

.my-account-header{
    display:none;
}

.woocommerce-MyAccount-navigation-link a:before{
    background-color:var(--mauchudao2)!important;
}

#my-account-nav li a{
    color: #000;
}

#my-account-nav .active a{
    color: var(--mauchudao2);
}

.woocommerce-MyAccount-content p{
    color: #000;
    margin-bottom: 10px;
    font-size: 17px;
}

.woocommerce-info {
    color: #000;
}

.woocommerce-MyAccount-content .addresses{
    color:#000
}

.woocommerce-Address-title h3{
    color: #000;
}

.woocommerce-MyAccount-content legend{
    color: #000;
}

.woocommerce-MyAccount-content .woocommerce-Button {
    background: #000;
}

.account-container{
    padding: 45px 0px;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__header{
    color: #000;
}

.woocommerce-orders-table__cell .woocommerce-button {
    background: #000;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{
    margin-top: 45px;
}

.gallery-home .flickity-prev-next-button svg{
    top: 10%;
}

.slick-dots {
    position: relative;
}

.slick-dots .slick-prev{
    position: absolute;
    top: 35%;
    left: -20px;
}

.slick-dots .slick-next{
    position: absolute;
    top: 37%;
    right: -25px;
}

#search-form-alt{
    position: relative;
}

.content-detail .next-prev-thumbs{
    display: none;
}

.title-home a{
    color:#000;
    font-size: 15px;
}

.title-home a i{
    font-size: 14px;
}

.user-name p{
    margin-bottom: 0!important  ;
}

.my-account .account-user{
    display: flex;
    align-items: center;
}

.container-register{
    display: flex;
    gap: 20px;
}

.container-register .woocommerce-form-row{
    width: 50%;
}

.user-name p{
    color:#000;
}

.user-name h2{
    color:#000;
    font-size: 18px;
    margin-bottom: 0px;
}

.woocommerce-MyAccount-content legend{
    
}

.agency_field{
    margin-top: 0!important;
}

.info-agency p span{
    font-weight: bold;
}

.info-agency{
    margin-bottom: 30px;
    text-align: center;
}

.money-total{
    color: var(--mauchudao2);
    font-size: 20px;
}

.money-persue bdi{
    color: var(--mauchudao2)!important;
    font-weight: bold;
    font-size: 24px!important;

}

.money-persue{
    text-align: center;
    margin-top: 20px;
}

.money-total bdi{
    color: var(--mauchudao2);
    font-size: 20px;
}

.return-to-shop .button{
    background: var(--mauchudao1);
}

.woocommerce-mini-cart__buttons .button{
    background: var(--mauchudao1);
}

.woocommerce-mini-cart__buttons .checkout{
    background: var(--mauchudao2);
}

.shop_table .product-name{
    color: #000;
}

.shop_table .product-name a{
    color: #000;
}

.shop_table .product-price{
    color: #000;
}

.shop_table .product-quantity{
    color: #000;
}

.shop_table .product-subtotal{
    color: #000;
}

.button-continue-shopping{
    color: var(--mauchudao1)!important;
    border-color: var(--mauchudao1)!important;
}

.button-continue-shopping:hover{
    background: var(--mauchudao1)!important;
}

.wc-proceed-to-checkout .checkout-button{
    background: var(--mauchudao2)!important;
}

#place_order{
    background-color: var(--mauchudao2)!important;
}

.checkout .col>.has-border{
    border-color: var(--mauchudao1)!important;
}

.woocommerce-order-details__title{
    color: #000;
}

.woocommerce-order-details .shop_table tfoot th{
    color: #000;
}

.woocommerce-order-details .shop_table tfoot tr td{
    color: #000;
}

.shop_table thead tr th:last-of-type{
    color: #000;
}

.woocommerce-column__title{
    color: #000;
}

.woocommerce-customer-details address{
    color:#000;
    font-style: normal;
}

.success-color{
    color: var(--mauchudao2);
    font-size: 22px;
    margin-bottom: 10px;
}

.woocommerce-order-overview li{
    color: #000;
}

.woocommerce-order-overview{
    margin-bottom: 10px;
}

.woocommerce-mini-cart .quantity{
    color: #000;
    opacity: 1!important;
}

.woocommerce-mini-cart__total{
    color: #000;
}

.woocommerce-mini-cart li a{
    color: #000;
}

#order_review_heading{
    color: #000;
}

.cart-subtotal th{
    color: #000;
}

.order-total th{
    color: #000;
}

.order-again a{
    background: var(--mauchudao2);
}

.woocommerce-address-fields p .button{
    background: var(--mauchudao1);
}

.woocommerce-MyAccount-navigation-link--edit-address{
    display: none;
}

.row-thongtin{
    display: flex;
    margin-bottom: 15px;
}

.thongtin-col-left{
    width: 50%;
}

.thongtin-col-right{
    width: 50%;
    display: flex;
    justify-content: right;
    
}

.thongtin-col-left .col-innear{
    color: #000;
}

.thongtin-col-right .col-innear{
    color: #000;
    font-weight: bold;
}

.thongtin-col-right .col-innear bdi{
    color: var(--mauchudao2);
}

.container-thongtin{
    margin-bottom: 25px;
}

.thongtin-col-right .col-innear a{
    color: var(--mauchudao1);
}

.gallery-video .mejs-container{
    width: 100%!important;
    height: 460px!important;
}

.col-left-project .box-image-project{
    position: relative;
    transition: all 0.7s;
}

.col-left-project .box-image-project:before{
    content: "";
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

.col-left-project:hover .box-image-project:before{
    content: "";
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

/* .col-left-project .col-innear{
    &::before,
    &::after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        transition: .5s ease-in-out;
        opacity: 0;
    }
    
    &::before {
        top: 0px;
        left: 0px;
        border-top: 2px solid var(--mauchudao1);
        border-left: 2px solid var(--mauchudao1);
    }
    
    &::after {
        right: 0px;
        bottom: 0px;
        border-bottom: 2px solid var(--mauchudao1);
        border-right: 2px solid var(--mauchudao1    );
    }
    
   
}

.col-left-project .col-innear{
    position: absolute;
    width: 92%;
    height: 90%;
    top: 5%;
    left: 4%;
}

.col-left-project:hover .col-innear:before,
.col-left-project:hover .col-innear:after {
    width: 100%;
    height: 100%;
    opacity: 1;
} */

.col-left-project:hover .effect-line:before, .col-left-project:hover .effect-line:after{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

/**/

.col-right-project .box-image-project{
    position: relative;
    transition: all 0.7s;
}

.col-right-project .box-image-project:before{
    content: "";
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

.col-right-project:hover .box-image-project:before{
    content: "";
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

/* .col-right-project .col-innear{
    &::before,
    &::after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        transition: .5s ease-in-out;
        opacity: 0;
    }
    
    &::before {
        top: 0px;
        left: 0px;
        border-top: 2px solid var(--mauchudao1);
        border-left: 2px solid var(--mauchudao1);
    }
    
    &::after {
        right: 0px;
        bottom: 0px;
        border-bottom: 2px solid var(--mauchudao1);
        border-right: 2px solid var(--mauchudao1    );
    }
    
   
}

.col-right-project .col-innear{
    position: absolute;
    width: 92%;
    height: 90%;
    top: 5%;
    left: 4%;
}

.col-right-project:hover .col-innear:before,
.col-right-project:hover .col-innear:after {
    width: 100%;
    height: 100%;
    opacity: 1;
} */

.col-right-project:hover .effect-line:before, .col-right-project:hover .effect-line:after{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

/**/

.col-right-project2 .box-image-project2{
    position: relative;
    transition: all 0.7s;
}

.col-right-project2 .box-image-project2:before{
    content: "";
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

.col-right-project2:hover .box-image-project2:before{
    content: "";
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

/* .col-right-project2 .col-innear{
    &::before,
    &::after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        transition: .5s ease-in-out;
        opacity: 0;
    }
    
    &::before {
        top: 0px;
        left: 0px;
        border-top: 2px solid var(--mauchudao1);
        border-left: 2px solid var(--mauchudao1);
    }
    
    &::after {
        right: 0px;
        bottom: 0px;
        border-bottom: 2px solid var(--mauchudao1);
        border-right: 2px solid var(--mauchudao1    );
    }
    
   
}

.col-right-project2 .col-innear{
    position: absolute;
    width: 92%;
    height: 90%;
    top: 5%;
    left: 4%;
}

.col-right-project2:hover .col-innear:before,
.col-right-project2:hover .col-innear:after {
    width: 100%;
    height: 100%;
    opacity: 1;
} */

/**/

.col-left-project2:hover .effect-line:before, .col-left-project2:hover .effect-line:after{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.col-left-project2 .box-image-project2{
    position: relative;
    transition: all 0.7s;
}

.col-left-project2 .box-image-project2:before{
    content: "";
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

.col-left-project2:hover .box-image-project2:before{
    content: "";
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.7s;
}

/* .col-left-project2 .col-innear{
    &::before,
    &::after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        transition: .5s ease-in-out;
        opacity: 0;
    }
    
    &::before {
        top: 0px;
        left: 0px;
        border-top: 2px solid var(--mauchudao1);
        border-left: 2px solid var(--mauchudao1);
    }
    
    &::after {
        right: 0px;
        bottom: 0px;
        border-bottom: 2px solid var(--mauchudao1);
        border-right: 2px solid var(--mauchudao1    );
    }
    
   
}

.col-left-project2 .col-innear{
    position: absolute;
    width: 92%;
    height: 90%;
    top: 5%;
    left: 4%;
}

.col-left-project2:hover .col-innear:before,
.col-left-project2:hover .col-innear:after {
    width: 100%;
    height: 100%;
    opacity: 1;
} */


/* .col-left-project .col-innear:before{
    position: absolute;
    top: 25px;
    bottom: 0;
    height: 0;
    left: 25px;
    background-color: var(--mauchudao1);
    content: "";
    width: 2px;
    -webkit-transition: all 500ms ease;
    transition: all 700ms ease;
    z-index: 2;
    
}

.col-left-project .col-innear:after{
    position: absolute;
    top: 25px;
    bottom: 0;
    height: 2px;
    left: 25px;
    background-color: var(--mauchudao1);
    content: "";
    width: 0px;
    -webkit-transition: all 500ms ease;
    transition: all 700ms ease;
    z-index: 2;
    
}

.col-left-project:hover .col-innear:after{
    width: 93%;
    transition-delay: 500ms;
}

.col-left-project:hover .col-innear:before{
    height: 90%;
    transition-delay: 500ms;
} */

.col-left-project .box-text-project .btn-xemchitiet-home:hover:before{
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    transition: all 0.7s;
    opacity: 1;
}

.col-left-project .box-text-project .btn-xemchitiet-home:hover a{
    color: #000;
    transition: all 0.7s;
}

.col-left-project .box-text-project .btn-xemchitiet-home:before{
    opacity: 0;
    transition: all 0.7s;
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    padding-right: 10px;
    color: #000;
}

.col-left-project .box-text-project .btn-xemchitiet-home{
    transition: all 0.7s;
}

.col-left-project p.text-btn-xemchitiet{
    transform: translate(-20px, 0px);
    transition: all 0.7s;
}

.col-left-project .box-text-project .btn-xemchitiet-home:hover p.text-btn-xemchitiet{
    transform: translate(-0px, 0px);
    transition: all 0.7s;
}

.btn-xemchitiet-home{
    display: flex;
}

.col-right-project .box-text-project .btn-xemchitiet-home:hover:after{
    font-weight: 800;
    transition: all 0.7s;
    opacity: 1;
}

.col-right-project .box-text-project .btn-xemchitiet-home:hover a{
    color: #000;
    transition: all 0.7s;
}

.col-right-project .box-text-project .btn-xemchitiet-home:after{
    opacity: 0;
    transition: all 0.7s;
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    padding-left: 10px;
    color: #000;
}

.col-right-project .box-text-project .btn-xemchitiet-home{
    transition: all 0.7s;
}

.col-right-project p.text-btn-xemchitiet{
    transform: translate(25px, 0px);
    transition: all 0.7s;
}

.col-right-project .box-text-project .btn-xemchitiet-home:hover p.text-btn-xemchitiet{
    transform: translate(0px, 0px);
    transition: all 0.7s;
}


.col-left-project2 .box-text-project2 .btn-xemchitiet-home:hover:before{
    font-weight: 800;
    transition: all 0.7s;
    opacity: 1;
}

.col-left-project2 .box-text-project2 .btn-xemchitiet-home:hover a{
    color: #000;
    transition: all 0.7s;
}

.col-left-project2 .box-text-project2 .btn-xemchitiet-home:before{
    opacity: 0;
    transition: all 0.7s;
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    padding-right: 10px;
    color: #000;
}

.col-left-project2 .box-text-project2 .btn-xemchitiet-home{
    transition: all 0.7s;
}

.col-left-project2 p.text-btn-xemchitiet{
    transform: translate(-20px, 0px);
    transition: all 0.7s;
}

.col-left-project2 .box-text-project2 .btn-xemchitiet-home:hover p.text-btn-xemchitiet{
    transform: translate(-0px, 0px);
    transition: all 0.7s;
}

/**/

.col-right-project2:hover .effect-line:before, .col-right-project2:hover .effect-line:after{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.col-right-project2 .box-text-project2 .btn-xemchitiet-home:hover:before{
    font-weight: 800;
    transition: all 0.7s;
    opacity: 1;
}

.col-right-project2 .box-text-project2 .btn-xemchitiet-home:hover a{
    color: #000;
    transition: all 0.7s;
}

.col-right-project2 .box-text-project2 .btn-xemchitiet-home:before{
    opacity: 0;
    transition: all 0.7s;
    content: '\f062';
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    padding-right: 10px;
    color: #000;
}

.container-btn-addtocart .ux-quantity {
    display: none;
}



.col-right-project2 .box-text-project2 .btn-xemchitiet-home{
    transition: all 0.7s;
}

.col-right-project2 p.text-btn-xemchitiet{
    transform: translate(-20px, 0px);
    transition: all 0.7s;
}

.col-right-project2 .box-text-project2 .btn-xemchitiet-home:hover p.text-btn-xemchitiet{
    transform: translate(-0px, 0px);
    transition: all 0.7s;
}

.box-text-project2 a{
    transition: all 0.7s;
}

.box-text-project a{
    transition: all 0.7s;
}

.pum-container{
    border: 0px!important;
    padding-top: 50px!important;
}

.pum-container img{
    margin-bottom: 0px!important;
}

.popmake-close{
    top: 10px!important;
}

.btn-popupdk a{
    margin-right: 15px;
    border: 1px solid #00569F;
    padding: 14px 12px;
    color: var(--mauchudao1);
    width: 50%;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s;
    background: transparent;
    position: relative;
    overflow: hidden;
}

.btn-popupdk a:hover{
    background: transparent;
    color: #fff;
    transition: all 0.5s;

}

.btn-popupdk a:before{
    background: var(--mauchudao1);
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.btn-popupdk a:hover:before{
    height: 102%;
    width: 140%;
}



.btn-popupdk p{
    display: flex;
    align-items: center;
    width: 100%;
}

.btn-popupdk label{
    width: 50%;
    position: relative;
    overflow: hidden;
}

.btn-popupdk label:hover{
    box-shadow: unset;
    background: transparent!important;
    color: #fff!important;
    transition: all 0.5s;
}

.btn-popupdk label:hover:before{
    height: 102%;
    width: 140%;
}

.btn-popupdk label:before{
    background: var(--mauchudao1);
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}


.btn-popupdk .wpcf7-submit{
    width: 100%;
    border-color: var(--mauchudao1)!important;
    color: var(--mauchudao1)!important;
    font-weight: bold;
    height: 49px;
    position: relative;
    overflow: hidden;
    background: transparent;
    transition: all 0.5s;
}

.btn-popupdk .wpcf7-submit:hover{
    box-shadow: unset;
    background: transparent!important;
    color: #fff!important;
    transition: all 0.5s;
}


.btn-popupdk .wpcf7-submit:hover:before{
    height: 102%;
    width: 140%;
}

.btn-popupdk .wpcf7-submit:before{
    background: var(--mauchudao1);
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.btn-animation{
    box-shadow: unset;
    background: transparent!important;
    color: #fff!important;
    transition: all 0.5s;
    position: relative;
    overflow: hidden;
}

.btn-animation:hover{
    background: transparent!important;
    color: #fff!important;
    transition: all 0.5s;
}

.btn-animation:hover:before{
    height: 102%;
    width: 140%;
}

.product-custom .product-small .back-image{
    transform: translateY(-100%) !important;
    transition: all 0.7s;
}

.product-custom .product-small:hover .back-image{
    transform: translateY(0%) !important;
    transition: all 0.7s;
}

.product-custom .product-small:hover .box-text {
    background: var(--mauchudao1);
    transition: all 0.7s;
}

.product-custom .product-small:hover  .box-text .product-title a{
    color: #fff;
}

.product-custom .product-small:hover  .box-text .product-sku{
    color: #fff;
}

.product-custom .product-small:hover  .box-text .price-wrapper>span>span>bdi{
    color: #fff;
}

.product-custom .product-small:hover  .box-text .price-wrapper del{
    color: #fff;
}

.product-custom .product-small:hover  .box-text .price-wrapper del bdi{
    color: #fff;
}

.product-custom .product-small:hover  .box-text .price-wrapper ins bdi{
    color: #fff;
}

/**/

.category-page-row .product-small .back-image{
    transform: translateY(-100%) !important;
    transition: all 0.7s;
}

.category-page-row .product-small:hover .back-image{
    transform: translateY(0%) !important;
    transition: all 0.7s;
}

.category-page-row .product-small:hover .box-text {
    background: var(--mauchudao1);
    transition: all 0.7s;
}

.category-page-row .product-small:hover  .box-text .product-title a{
    color: #fff;
}

.category-page-row .product-small:hover  .box-text .product-sku{
    color: #fff;
}

.category-page-row .product-small:hover  .box-text .price-wrapper>span>span>bdi{
    color: #fff;
}

.category-page-row .product-small:hover  .box-text .price-wrapper del{
    color: #fff;
}

.category-page-row .product-small:hover  .box-text .price-wrapper del bdi{
    color: #fff;
}

.category-page-row .product-small:hover  .box-text .price-wrapper ins bdi{
    color: #fff;
}

.related .product-small>.col-inner .box {
    padding: 15px;
}


.related .product-small:hover >.col-inner .box-image .image-fade_in_back a{
    /* display: none; */
    opacity: 0.7;
    transition: all 0.7s;
}

.related .product-small>.col-inner .box-image .image-fade_in_back a{
    /* display: none; */
    transition: all 0.7s;
}


.effect-line{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.effect-line:before{
    z-index: 1;
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    border-top: 2px solid var(--mauchudao1);
    border-bottom: 2px solid var(--mauchudao1);
    transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.effect-line:after{
    z-index: 1;
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    border-left: 2px solid var(--mauchudao1);
    border-right: 2px solid var(--mauchudao1);
    transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(0, 1);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.related .flickity-slider>.product-small:hover .effect-line:before{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.related .flickity-slider>.product-small:hover .effect-line:after{
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}


.product-custom{
    margin-top: 30px;
}

.btn-animation:before{
    background: #000;
    content: '';
    position: absolute;
    z-index: 0;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.btn-baogia:hover:before{
    height: 102%;
    width: 140%;
}

.btn-baogia:hover{
    background: #D9D9D9!important;
    color: #fff;
}

.btn-baogia:before{
    background: #000;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -40%;
    top: 0;
    transform: skew(50deg);
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.btn-baogia{
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
}

.btn-popupdk {
    margin-top: 10px;
    
}

.btn-popupdk a{

}

.pum-content .wpcf7-response-output{
    font-weight: 400;
}

.social-footer{
    display: flex;
    gap: 8px;
    margin-top: 15px;
}

.social-footer a.facebook{
    background: url(/wp-content/uploads/2024/10/Vector-10.png) no-repeat center center / cover;
    border-radius: 0px!important;
    border: 0px;
}

.social-footer a.instagram{
    background: url(/wp-content/uploads/2024/10/Vector-11.png) no-repeat center center / cover;
    border-radius: 0px!important;
    border: 0px;
}

.social-footer a.tiktok{
    background: url(/wp-content/uploads/2024/10/Subtract-1.png) no-repeat center center / cover;
    border-radius: 0px!important;
    border: 0px;
}

.social-footer a.youtube{
    background: url(/wp-content/uploads/2024/10/Vector-13.png) no-repeat center center / cover;
    border-radius: 0px!important;
    border: 0px;
}

.social-footer .button.icon:hover{
    background-color: unset!important;
    border-color: unset!important;
}


.social-footer a i{
   display: none;
}

.social-footer a.icon{
    font-size: 12px;
}

.btn-baogia{
    margin-left: 10px!important;
    border-radius: 45px;
    background: #D9D9D9;
    color: #000;
}

.btn-baogia:hover{
    background: #000;
    box-shadow: unset;
}

.container-btn-addtocart{
    display: flex;
}

.container-btn-addtocart .single_add_to_cart_button{
    text-transform: capitalize;
}

.top-bar-nav>li+li>a:after{
    border-left: 0px!important;
}

.section-vechungtoi{
    padding-top: 20px!important;
    padding-bottom: 0px!important;
}

.section-gallery{
    
}

.top-bar-nav .sub-menu{
    background: #000;
    border: 0px;
}

.top-bar-nav .sub-menu a{
    color: #fff;
    border-bottom: 0px!important;
    padding: 7px 20px;
}

.top-bar-nav .sub-menu a:hover{
    color: var(--mauchudao2);
}

.top-bar-nav .account-item .nav-dropdown{
    background: #000;
    border: 0px;
    padding: 15px 5px;
}

.top-bar-nav .menu-item  .nav-dropdown{
    background: #000;
    border: 0px;
}

.top-bar-nav .menu-item .nav-dropdown a{
    color: #fff;
    border-bottom: 0px!important;
    padding: 7px 20px;
}

.top-bar-nav .account-item .nav-dropdown a{
    color: #fff;
    border-bottom: 0px!important;
    padding: 7px 20px;
}

.top-bar-nav .account-item .nav-dropdown .current-menu-item a{
    color: var(--mauchudao2);
}

.top-bar-nav .menu-item  .nav-dropdown .current-menu-item a{
    color: var(--mauchudao2);
}

.top-bar-nav .menu-item .nav-dropdown a:hover{
    color: var(--mauchudao2);
}

.top-bar-nav .account-item .nav-dropdown a:hover{
    color: var(--mauchudao2);
}

.account-register-inner .woocommerce-form-row input{
    box-shadow: unset;
    border: none;
    border-bottom: 1px black solid;
}

.account-register-inner .woocommerce-form-row select{
    box-shadow: unset;
    border: none;
    border-bottom: 1px black solid;
}

.banner-product{
    padding-top: 450px!important;
}


@keyframes linengang {
    0%{
        width: 2%;
    }

    100%{
        width: 4%;
    }
}

@keyframes linengang2 {
    0%{
        width: 2%;
    }

    100%{
        width: 6%;
    }
}


@keyframes linedoc {
    0%{
        height: 0px;
    }

    100%{
        height: 45px;
    }
}

@keyframes linengang-tintuc {
    0%{
        width: 0px;
    }

    100%{
        width: 65px;
    }
}

@keyframes chuyendong-btntintuc {
    0%{
        padding-left: 0px;
    }

    100%{
        padding-left: 70px;
    }
}


@media(max-width:549px){
    .container-content{
        gap: 10px!important;
    }

    .slogan-gioithieu .section-title-main{
        font-size: 22px;
    }

    .slogan-gioithieu .section-title-main span{
        /* font-size: 40px; */
        font-size: 22px;
    }

    .banner-text-left .banner-bg:before{
        background: #ffffff94!important;
    }

    .banner-text-right .banner-bg:before{
        background: #ffffff94!important;
    }

    .col-gt-left .col-inner{
        position: unset!important;
        padding: 0!important;
    }

    .title-vechungtoi-home{
        margin-top: 20px!important;
    }

    .content-detail p{
        font-size: 16px;
    }

    .container-btn-addtocart .single_add_to_cart_button{
        font-size: 12px;
    
    }

    .col-content-right{
        width: 100%;
        justify-content: left;
    }


    .btn-baogia{
        font-size: 12px;
    }
    
    .container-btn-addtocart{
        font-size: 12px;
    }

    .title-home2 .section-title-main{
        font-size: 22px;
    }

    .project-item{
        height: auto;
    }

    .project-item .slick-center img{
        transform: unset!important;
    }

    .content-detail .cart{
        margin-bottom: 0;
    }

    .col-content-left{
        width: 100%;
        /* padding: 15px; */
    }

    /* .col-content-right{
        padding: 0px 15px;
    } */

    .container-content{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .filters-container form{
        display: unset!important;
    }

    .filters-container .yith-wcan-filter{
        width: 50%!important;
        
    }

    .filters-container .yith-wcan-filter .filter-title{
        font-weight: bold!important;
        color: #000!important;
    }

    .col-filter-left{
        flex-wrap: wrap;
    }

    .col-filter-left{
        width: 100%!important;
    }

    .col-filter-right{
        width: 100%!important;
    }

    .filter-product{
        flex-wrap: wrap;
        gap: 15px;
    }

    #search-form-alt input{
        width: 100%;
    }

    .col-filter-right{
        display: unset!important;
    }

    .banner-info .text-box{
        width: 70%!important;
    }

    .icon-danhmuc{
        display: unset!important;
        text-align: center;
    }

    .banner-product .text-box{
        padding: 45px 0px!important;
    }

    .icon-danhmuc .icon-box-img{
        margin: auto;
    }

    .banner-product{
        /* padding-top: 1025px!important; */
        padding-top: 475px!important;
    }

    .banner-single-product{
        padding-top: 300px!important;
    }

    .banner-product .banner-layers{
        overflow: unset!important;
    }


    .tt-vechungtoi p{
        margin-bottom: 0;
    }

    .img-tam-nhin .img-inner{
        margin-top: 0px!important;
    }

    .section-sumenh .section-bg.bg-loaded{
        background-image: url(/wp-content/uploads/2024/09/hinhtrandoan.png)!important;
    }
    

    .container-info{
        flex-wrap: wrap;

    }

    .category-single{
        font-size: 25px;
    }

    .title-post{
        font-size: 20px;
    }

    .col-info{
        width: 100%;
    }

    .col-info .col-innear{
        width: 100%;
        padding: 20px 15px 15px;
    }

    .author-box .circle{
        width: 100%!important;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .col-info img{
        height: 285px;
    }
    
    .author-box .flex-row{
        flex-wrap: wrap;
    }
    
    .tab-tintuc .nav-tabs{
        justify-content: flex-start;
    }

    .tab-tintuc{
        margin-top: 0px;
    }

    .col-breadcrumb{
        padding-bottom: 0;
    }

    .tab-tintuc li a{
        font-size: 12px!important;
    }

    .container-project{
        display: unset;
    }

    .col-left-project{
        display: unset;
    }

    .col-right-project{
        display: unset;
        margin-left: 0!important;
        margin-bottom: 0px!important;
    }

    .container-project-2{
        display: unset;
        width: 100%;
    }

    .slick-dots .slick-prev{
        top: 37%;
        left: -25px;
    }
}

@media(min-width:550px) and (max-width:849px){
    .container-content{
        gap: 0px!important;
    }

    .col-content-left{
        width: 85%;
    }

    .col-content-right{
        width: 35%;
    }

    .tab-tintuc .nav-tabs{
        margin-top: 45px;
    }

    .col-gt-left .col-inner{
        position: unset!important;
        padding: 0!important;
    }

    .filters-container .yith-wcan-filter{
        width: 130px!important;
        
    }

    .col-filter-left{
        width: 75%!important;
    }

    .col-filter-right{
        width: unset!important;
    }

    #search-form-alt input{
        width: 215px;
    }

    .banner-info .text-box{
        width: 55%!important;
    }

    .blog-archive .post-item{
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-info .col-innear{
        width: 85%;
    }

    .author-box .circle{
        width: 30% !important;
    }

    .col-left-project{
        display: unset;
        width: 50%;
    }

    .col-right-project{
        display: unset;
        margin: 0;
        width: 50%;
    }

    .container-project{
        gap: 30px;
    }

    .container-project-2{
        margin: 0;
        width: 100%;
        gap: 30px;
    }

    .slick-dots{
        list-style: none;
    }

    .slick-dots .slick-next{
        top: 30%;
    }

    .slick-dots .slick-prev{
        top: 30%;
        left: -25px;
    }
}

@media(min-width:850px) and (max-width:1024px){
    .col-left-showroom{
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-right-map{
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-left-showroom>.col-inner{
        position: unset;
    }

    .imagebox-thuonghieu .box-text h4:before{
        content: unset;
    }

    .imagebox-thuonghieu .box-text h4:after{
        content: unset;
    }

    .imagebox-thuonghieu .box-text h4{
        margin-left: 5px;
    }

    .product-info-detail .rank-math-breadcrumb{
        padding: 0 15px;
    }

    .product-info-detail h1{
        padding-left: 15px;
    }

    .tab-sanpham .tab-panels{
        padding: 15px!important;
    }

    .col-filter-left{
        width: 70%!important;
    }
    .col-filter-right{
        width: 30%!important;
    }
    .icon-danhmuc {
        display: unset;
    }

    .col-danhmuc{
        flex-basis: 50%;
        max-width: 50%;
    }

    .icon-danhmuc .icon-box-text{
        text-align: center;
    }

    .icon-danhmuc .icon-box-img{
        margin: auto;
    }

    .banner-product{
        padding-top: 980px!important;
    }

    /* .project-item .item{
        padding: 0;
    } */

    .project-item{
        height: auto;
    }
}


@media(max-width:849px){
    

    .col-right-project .box-text-project .btn-xemchitiet-home{
        justify-content: left!important;
    }

    .col-right-project p.text-btn-xemchitiet{
        transform: translate(0px, 0px);
    }

    .btn-xemchitiet-home:hover:after{
        opacity: 0!important;;
    }

    .col-left-project2{
        padding-top: 0!important;
    }

    .section-gallery .project-item .item{
        padding: 10px;
    }

    .section-gallery .slick-center img{
        transform:unset!important
    }

    .Gallery_duan_list .woocommerce-product-gallery__image{
        width: 100%;
    }

    .col-left-showroom>.col-inner{
        position: unset;
    }

    .product-info-detail .rank-math-breadcrumb{
        padding: 0 15px;
    }

    .product-info-detail h1{
        padding-left: 15px;
    }

    .tab-sanpham .tab-panels{
        padding: 15px!important;
    }

    .project-item{
        height: auto!important;
    }
    
    /* .project-item .item{
        padding: 0;
    } */

    .col-danhmuc{
        flex-basis: 50%;
        max-width: 50%;
    }

    .blog-home .box{
        display: unset;
    }
    

    .col-right-project2 .box-text-project2{
        margin-top: 15px;
    }

    .col-left-project2 .col-inner-project{
        display: unset;
    }

    .col-left-project2{
        width: 100%;
    }

    .col-left-project2 .box-image-project2{
        width: 100%;
        margin-bottom: 15px;
    }

    .col-left-project2 .box-text-project2{
        width: 100%;
    }

    .col-right-project2{
        width: 100%;
    }

    .box-text-project2{
        margin-bottom: 35px;
    }

    .col-right-project2 .box-image-project2 img{
        height: 300px;
    }

    .container-project .col-left-project .box-image-project{
        width: 100%;
        margin-bottom: 15px;
    }

    .container-project .col-left-project .box-image-project img{
        height: 300px;
    }

    .container-project .col-right-project .box-image-project{
        width: 100%;
        margin-bottom: 15px;
    }

    .col-right-project .box-image-project img{
        height: 300px;
    }

    .col-right-project .box-text-project{
        width: 100%;
       
    }

    .box-text-project .box-text-inner{
        text-align: left;
    }

    .box-text-project{
        margin-bottom: 35px;
    }

    

    .image-thuonghieu3  {
        margin-bottom: 30px;
    }

    .image-thuonghieu2{
        margin-bottom: 30px;
    }

    .imagebox-thuonghieu .box-text h4{
        margin-left: 25px;
    }

    .col-thuonghieu-left{
        padding: 0 15px 30px!important;
    }

    .col-thuonghieu-right{
        padding: 0 15px 30px!important;
    }

    .imagebox-thuonghieu .box-text h4:before{
        content: unset;
    }

    .image-thuonghieu1 .box-image{
        height: 350px;
    }

    .image-thuonghieu1 .box-image img{
        height: 350px;
    }

    .image-thuonghieu2 .box-image{
        height: 350px;
    }

    .du-an-tong .col-thuonghieu-left{
        padding: 0 0px 30px!important
    }

    .du-an-tong .col-thuonghieu-right{
        padding: 0 0px 30px!important
    }

    .du-an-tong .imagebox-thuonghieu .box-text h4{
        font-size: 24px;
        margin-left: 10px!important;
    }
}

@media(min-width:550px){
    .section-sumenh .section-bg-overlay{
        background-color: unset!important;
    }
}

@media(min-width:1024px) and (max-width:1345px){
    .col-gt-left .col-inner{
        top: 35px;
    }

    .imagebox-thuonghieu .box-text h4{
        font-size: 25px;
        margin-left: 30px;
    }

}

@media(min-width:1346px) and (max-width:1500px){
    .col-gt-left .col-inner{
        top: 103px;
    }

    .imagebox-thuonghieu .box-text h4{
        font-size: 25px;
        margin-left: 30px;
    }


}

@media(min-width:1501px) {
    .col-gt-left .col-inner{
        top: 170px;
    }

}

@media(min-width:1024px) and (max-width:1700px){
    .product-main{
        padding: 40px 15px;
    }
}

@media(max-width: 360px){
    .container-btn-addtocart{
        flex-wrap: wrap;
    }

    .container-btn-addtocart .cart{
        width: 100%;
    }

    .container-btn-addtocart div{
        width: 100%;
    }

    .container-btn-addtocart div a{
        margin: 0!important;
    }

}