/*
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.   ***************/
/*@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
    overflow: hidden;
}


.header-main .nav > li.menu-item > a {
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 20px;
}
.header-main .nav > li.menu-item {
    margin: 0;
}
*/



/* ALL */
.container .row:not(.row-collapse),
.lightbox-content .row:not(.row-collapse),
.row .gallery,
.row .row:not(.row-collapse) {
    margin: 0;
}
:root {
    --fs-1024-cusp: 24px;
    --fs-t-title: 22px;
    --fw: 400;
    --z: 50;
    --pd-sc: 8rem;
    --w-container: 149rem;
    --pd-container: 1.5rem;
    --rs: 1.2rem;
    --space-sc: 3.2rem;
    --size-hd-top: 12.8rem;
    --size-hd-bot: 6.1rem;
    --size-hd: calc(var(--size-hd-top) + var(--size-hd-bot));
    --h-fix: 5.5rem;
    --sz-btn-add-cart: 4.4rem;
    --h-btn: 5rem;
    --h-input: 5.2rem;
    --c-pri: #0b68b1;
    --c-second: #3482be;
    --c-third: #fcd34d;
    --c-four: #bd3834;
    --c-txt: #1f2937;
    --c-txt-second: #64748b;
    --c-six: #b00f0b;
    --fs-1024: 25.6px;
}
#main {
    background: #F3F4F6;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    /* vertical-align: baseline */
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}
body {
    background-color: #F3F4F6;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
    min-height: 100vh;
    position: relative;
}

 ::-webkit-scrollbar {
     width: 5px;
 }
 
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
 }

 ::-webkit-scrollbar-thumb {
     background: var(--fs-color-primary);
 }

 ::-webkit-scrollbar-thumb:hover {
     background: var(--fs-color-primary);
 }
/* END-ALL */

/* START */
#header .header-main {
    background-color: var(--fs-color-primary);
}
#header .header-main {
    height: 100px !important;
}
#header .flex-left li.header-search-form.search-form.html.relative.has-icon {
    width: 100%;
    font-size: 18px;
}
#header .flex-left li.header-search-form.search-form.html.relative.has-icon .form-flat input:not([type=submit]) {
    background-color: #fff;
    border-radius: 10px;
}
#header .header-inner .flex-col.hide-for-medium.flex-right {
    flex: 1;
}
#header .nav-right {
    justify-content: end;
}
#header .header-inner .flex-right .html.header-button-1 .header-button a {
    border-color: #fff;
	padding: 3px 10px;
    color: #fff;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    font-size: 16px;
}
#header .flex-col.hide-for-medium.flex-left.flex-grow {
	flex: 1.7;
}
#header .header-inner .flex-right .html.header-button-2 .header-button a {
    background-color: #fff;
    border-color: #fff;
	padding: 3px 10px;
    color: var(--fs-color-primary);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    font-size: 16px;
}
#header .header-inner .flex-right .cart-item  a {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 10px 8px;
}
#header .header-bottom{
    background-color: var(--fs-color-primary);
	opacity: 0.8;
	height: 60px
}
#header .header-bottom a {
    color: #fff;
    font-size: 16px;
}
#header .header-bottom ul a.nav-top-link:hover {
    color: var(--fs-color-secondary);
    background-color: hsla(0, 0%, 100%, .1);
	padding: 6px 10px;
	border-radius: 10px;
}
#header .header-inner .flex-left .searchform-wrapper .flex-row .flex-col:nth-child(2) {
    position: absolute;
    right: -1%;
}
#header .header-inner .flex-left .searchform-wrapper .flex-row .flex-col:nth-child(2) i.icon-search {
    background: var(--fs-color-alert);
    padding: 6.5px 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
}
#header .logo-left .logo {
    margin-right: 80px;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
.ft-br {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.ft-top {
    padding: 56px 0;
}
.ft-author {
    background-color: #111827;
    font-size: 1.2rem;
    padding: 24px 0;
    text-align: center;
    text-transform: uppercase;
}
.ft-author-col {
    padding: 0
}
.text.ft-author-txt p {
    font-size: 12px;
    color: #fff;
}
.ft-col {
    padding-bottom: 14px;
}
.ft-col .box-text {
    padding: 0;
}
.ft-col .box.ic {
    gap: 20px;
    display: flex;
    align-items: center;
}
.ft-col.ft-1 .col-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.row.row-full-width.ft-row {
    padding: 56px 24px
}
.col.ft-col.ft-2.medium-3, 
.col.ft-col.ft-3.medium-3{
    flex-basis: 20%;
    max-width: 20%;
}
.col.ft-col.ft-4.medium-3 {
    flex-basis: 35%;
    max-width: 35%;
}
.col.ft-col.ft-1 .text.content p {
    font-size: 12px;
    color: #fff;
}
.col.ft-col.ft-1 .text.content a {
    font-size: 15px;
    color: #fff;
}
.ft-col.ft-2 P:first-child,
.ft-col.ft-3 P:first-child {
	font-weight: 600;
}
.ft-col.ft-2 P,
.ft-col.ft-3 P {
    font-size: 14px;
    color: #fff;
    margin-bottom: 16px;
   
}
.ft-col.ft-2 a,
.ft-col.ft-3 a {
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
}
.ft-map {
    border-radius: 1.2rem;
    height: 250px;
    overflow: hidden;
}
.ft-col.ft-2 a:hover,
.ft-col.ft-3 a:hover {
    color: var(--fs-color-secondary);
}
#header .header-bottom ul a.nav-top-link {
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
	padding: 6px 10px
}
header#header .nav-dropdown {
	padding: 0 !important
}
#header .header-bottom .header-bottom-nav {
    gap: 20px;
}
/*
Css menu đa cấp cho Flatsome
Author: levantoan.com
*/
@media (min-width: 850px) {
    header#header .nav-dropdown {
        display: block;
        padding: 10px;
    }

    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }

    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }

    header#header .nav-dropdown li:hover>ul.sub-menu {
        display: block !important;
    }

    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }

    header#header .nav-dropdown li.menu-item-has-children>a {
        font-weight: 400;
        text-transform: none;
        color: #000;
    }

    header#header .nav-dropdown li.active>a {
        color: #e82c2a;
    }
}
#header .header-bottom .header-bottom-nav .nav-dropdown-default li a {
    color: #000;
}
#header .header-bottom .header-bottom-nav .nav-dropdown-default li:hover {
    background-color: #E7F0F7;
}
.entry-divider {
    display: none;
}
.blog-wrapper.blog-single .comments-area {
    display: none;
}
.blog-wrapper.blog-single.page-wrapper .large-3 {
    flex-basis: 15%;
    max-width: 15%;
}
.blog-wrapper.blog-single.page-wrapper h2,
.blog-wrapper.blog-single.page-wrapper p {
    color: #000;
    margin: 15px 0 12px;
}
.blog-wrapper.blog-single.page-wrapper a {
    color: var(--fs-color-primary);
    font-weight: 600;
}
.blog-wrapper.blog-single.page-wrapper .large-9 {
    border: none;
}
.blog-wrapper.blog-single.page-wrapper .large-3 {
    padding: 16px;
    background-color: #fff;
    border-radius: 1.2rem;
}
.blog-wrapper.blog-single.page-wrapper .large-3 a {
    color: #000;
    font-weight: 500;
}
.blog-wrapper.blog-single.page-wrapper .large-3 a:hover {
    color: var(--fs-color-primary);
}
.entry-header-text {
    padding: 0;
}
.blog-wrapper.blog-single.page-wrapper .large-9 h2 {
    font-size: 25px;
}
.blog-wrapper.blog-single.page-wrapper .large-9 h3 {
    font-size: 24px;
    color: #000;
}
.blog-wrapper.blog-single.page-wrapper .large-9 li {
    color: #000;
}
.blog-wrapper.blog-single.page-wrapper {
    padding-top: 0;
}
.container.breadcrumb-singelpage {
    padding: 20px 10px;
}
.blog-wrapper.blog-single.page-wrapper .large-3 {
    margin-left: 23px;
    margin-bottom: 30px;
}
.blog-wrapper.blog-single.page-wrapper .large-9 .entry-content.single-page {
    padding-top: 10px;
}
#main .button {
    overflow: hidden;
    position: relative;
    transition: 0.5s;
    z-index: 1;
    margin: 0;
    border: none;
}
#main .button span {
    position: relative;
    z-index: 1;
}
#main .button:hover:after {
    transform: scale(1);
    transform-origin: center left;
}
#main .button:after {
    background-color: red;
    content: "";
    position: absolute;
    width: 110%;
    height: 110%;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: center right;
    transition: transform 0.5s ease;
}
#header .header-inner .flex-right .cart-item a:hover {
    border-color: var(--fs-color-secondary);
}
#header .header-inner .flex-right .html.header-button-2 .header-button a:hover {
    box-shadow: none;
}
.section.sec-bnpt .section-content{
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 35.4583333333vw;
    position: relative;
}
.bnpt-br {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.bnpt-br img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.section.sec-bnpt .woocommerce {
    width: 40%;
    margin-left: auto;
}
.section.sec-bnpt .woocommerce form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.form-row-first,
.form-row-last {
    float: left;
    width: 100%;
}
.section.sec-bnpt .woocommerce form p {
    color: #fff;
    margin-bottom: 0;
}
.section.sec-bnpt .woocommerce form p:nth-child(1) {
    font-size: 18px;
    font-weight: 500;
}
.section.sec-bnpt .woocommerce form p label {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
}
.section.sec-bnpt .woocommerce form p input {
    margin-bottom: 0;
    padding: 12px;
    height: 52px;
    border-radius: 5px;
}
.section.sec-bnpt .woocommerce form p input:focus {
    box-shadow: none;
    border-color: var(--fs-color-primary);
}
.section.sec-bnpt .woocommerce form p button {
    padding: 5px 20px;
    border-radius: 5px;
}
.breadcrumb-col {
    padding: 32px 0;
}
.page-wrapper {
    padding: 0;
}
.section.sec-introduce {
    padding: 0;
}
.breadcrumb_last {
    color: var(--fs-color-primary);
}
.breadcrumb-col a {
    color: #000;
}
.breadcrumb-col a:hover {
    color:var(--fs-color-primary);
}






.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner {
    border-radius: 1rem;
    color: #fff;
    overflow: hidden;
    padding: 65px 100px;
    position: relative;
}
.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner .introduce-br  {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner .introduce-br::before {
    background: linear-gradient(90deg, #000, transparent);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 60%;
    z-index: 1;
}
.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner .introduce-br img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
    width: 100%;
}
#main .sec-introduce .introduce-content-top .col-inner,
#main .sec-introduce .introduce-ct .col-inner {
    padding: 0;
}
#main .sec-introduce .introduce-content-top,
#main .sec-introduce .introduce-ct  {
    padding: 0;
}
#main .sec-introduce .introduce-content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 480px;
    gap: 20px;
}
#main .row.introduce-content {
    margin: 0;
}
#main .row.introduce-content .introduce-ct .box-text {
    padding-top: 0;
    padding-bottom: 0;
}
#main .sec-introduce .col.introduce-content-top.small-12.large-12 .col-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#main .sec-introduce .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}
#main .sec-introduce .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(2) {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}
.img.has-hover.introduce-br.x.md-x.lg-x.y.md-y.lg-y {
    margin-bottom: 0;
}
#main .sec-introduce .col.introduce-ct.small-12.large-12 .col-inner{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#main .sec-introduce .col.introduce-ct.small-12.large-12 .col-inner .box-text-inner p {
    color: #fff;
    font-weight: 600;
}
#main .sec-introduce .col.introduce-ct.small-12.large-12 .col-inner .box-text-inner a {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.col.introduce-wrapper.small-12.large-12 {
    padding: 0;
}

.cates-brand-wrapper {
    background-color: #fff;
    border-radius: 1rem;
    overflow: hidden;
    padding: 16px;
}
#main .row.cates-brand {
    margin: 0;
}
.section.sec-cates-brand {
    padding: 0;
    margin-top: 32px;
}
.re-head h2 {
    --f-sz: 26px;
    font-size: var(--f-sz);
    font-weight: 600;
    margin-bottom: 16px;
    color: #000;
}
.section.sec-cates-brand .product-category .box-text {
    display: none;
}
.section.sec-cates-brand .product-category .box-image div img {
    height: 70%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}
.section.sec-cates-brand .product-category .box-image div {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 1rem;
    display: block;
    overflow: hidden;
    padding-top: 45.58824%;
    position: relative;
    transition: .3s ease-in-out;
}
.section.sec-cates-brand .product-category .box-image div:hover {
    border-color: var(--fs-color-primary);
}
.t-title {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    --f-sz: 26px;
    font-size: var(--f-sz);
    font-weight: 600;
}
#main .sec-introduce.phu-tung-xe .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
    font-size: 50px;
}
#main .sec-introduce.phu-tung-xe .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(2) {
    font-weight: 400;
}
#main .sec-introduce.phu-tung-xe .col.introduce-ct.small-12.large-12 .col-inner {
    display: flex;
    flex-direction: row;
    gap: 0;
}
#main .sec-introduce.phu-tung-xe .box-list-view .box .box-text,
#main .sec-introduce.phu-tung-xe .box-vertical .box-text {
    padding-right: 0;
}
.row.cates button.flickity-button {
    display: none;
}
.flickity-page-dots .dot.is-selected {
    background-color: var(--c-pri);
}
.flickity-page-dots .flickity-page-dots.dot {
    --circle: -0.4rem;
    background-color: var(--c-pri);
    border-radius: 100rem;
    cursor: pointer;
    height: .8rem;
    opacity: 1;
    position: relative;
    width: .8rem;
}
.row.cates .flickity-slider .product-category .box-image div {
    background-color: #f3f4f6;
    border-radius: 100px;
    display: block;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.row.cates .flickity-slider .product-category .box-image div img {
    height: 100%;
    left: 50%;
    mix-blend-mode: multiply;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.row.cates .flickity-slider .product-category .box-text h5 {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    min-height: 42px;
}
.row.cates .flickity-slider .product-category .box-text {
    padding: 0;
}
.row.cates .flickity-slider .product-category .box {
    padding: 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.row.cates .flickity-slider .product-category {
    padding: 0;
    border-bottom: .1rem solid rgba(0, 0, 0, .1);
    border-right: .1rem solid rgba(0, 0, 0, .1);
    /* width: 11.1111111111%; */
}
#main .row.cates {
    margin: 0;
    padding-top: 30px;
}
.row.cates .flickity-viewport {
    border-radius: 1rem;
}
.row-slider .flickity-page-dots {
    bottom: -20px;
}
.sec-pro .re-head .col.left.medium-6.small-12.large-6 ,
.sec-pro .re-head .col.right.medium-6.small-12.large-6 {
    padding: 0;
}
.section.sec-pro .row.pro .col.pro-wrapper  {
    background-color: #fff;
    border-radius: var(--rs);
    box-shadow: 0 4px 6px -1px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .1);
    padding: 16px;
}
#main .section.sec-pro .row.re-head,
#main .section.sec-pro .row.pro-slider {
    margin: 0;
}
.sec-pro .re-head .col.left .t-title p {
    font-size: 26px;
    color: #1f2937;
    margin-bottom: 16px;
}
.sec-pro .re-head .col.left .t-title::after {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-bottom: 16px;
    background-image: url(https://kimthanh.theme.trueads.vn/wp-content/uploads/2025/02/ic-fire.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.sec-pro .re-head .col.right .col-inner {
    text-align: right;
}
#main .sec-pro .re-head .col.right .col-inner a {
    border-color: #cbd5e1 !important;
    border: 1px solid;
    border-radius: 1.2rem;
    color: #1f2937;
    font-size: 14px;
    transition: .1s ease-in-out;
    font-weight: 500;
}
#main .sec-pro .re-head .col.right .col-inner a:hover {
    border-color: var(--fs-color-primary) !important;
    background-color: transparent;
    color: #1f2937;

}
#main .sec-pro .re-head .col.right .col-inner a::after {
    content: none;
}
.product-small.box .box-image .image-tools.grid-tools.text-center.hide-for-small.bottom .quick-view.quick-view-added {
    display: none;
}
.sec-pro .pro-slider .flickity-slider .col.is-selected {
    padding-bottom: 0;
}
.product-small.box .box-image a {
    border-radius: 8px 8px 0 0;
    display: block;
    overflow: hidden;
    padding-top: 100%;
    /* background-color: var(--fs-color-primary); */
}
.product-small.box .box-image a img {
    border-radius: .4rem;
    /* height: calc(100% - 18px);
    width: calc(100% - 18px); */
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .2s ease-in-out;
    height: 100%;
}
.product-small.box {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    height: 100%;
    position: relative;
    transition: 0.5s ease-in-out;
}
.product-small.box:hover {
    border-color: var(--fs-color-primary);
}
.product-small.box .box-text {
    padding: 10px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-items: start;
    gap: 8px;
}
.product-small.box.box-text .title-wrapper,
.product-small.box .box-text .price-wrapper, 
.product-small.box .box-text .pro-tag {
    margin: 0;
}
#main .price bdi {
    font-size: 14px;
    color: var(--fs-color-primary);
}
.product-small.box .box-text .title-wrapper a {
    font-size: 16px;
    color: #1f2937;
    font-weight: 600;
    transition: 0.5s ease-in-out;
}
.product-small.box:hover .box-text .title-wrapper a {
    color: var(--fs-color-primary);
}
.pro-tag {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.pro-tag-item.--pri {
    background-color: #e7f0f7;
    color: var(--fs-color-primary);
    padding-left: 24px;
}
.pro-tag-item {
    align-items: center;
    background-color: #f3f4f6;
    border-radius: 100px;
    color: #6b7280;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    gap: 4px;
    padding: 4px 4px;
    text-transform: uppercase;
}
.pro-tag-item img {
    flex-shrink: 0;
    width: 20px;
} 
.product-small.box .box-text .title-wrapper  a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    min-height: 42px;
}
.product-small.box .box-text .title-wrapper {
    order: 2;
}
.product-small.box .box-text .price-wrapper {
    order: 4;
}
.product-small.box .box-text .pro-tag {
    order: 1;
}
.product-small.box .box-text .pro-code {
    order: 3;
}
.pro-code {
    color: #9ca3af;
    text-transform: uppercase;
}
.section.sec-intro {
    padding: 0;
    margin-top: 32px;
}
#main .intro-wr {
    background-color: #e7f0f7;
    border-radius: var(--rs);
    display: flex;
    height: 100%;
    overflow: hidden;
    padding: 40px 0 0 40px;
    width: 33%;
}
#main .intro-wr .intro-content {
    padding: 0;
    padding-bottom: 24px;
}
#main .intro-wr .intro-img {
    padding: 0;
}
#main .intro-wr .intro-content p:nth-child(1) {
    font-size: 15px;
    color: var(--fs-color-primary);
}
#main .intro-wr .intro-content p:nth-child(1) span {
    font-weight: 600;
}
#main .intro-wr .intro-content p:nth-child(2) {
    font-size: 24px;
    color: #1f2937;
    font-weight: 600;
}
#main .intro-wr .intro-content a {
    border: 1px solid var(--fs-color-primary);
    border-radius: 1rem;
    padding: 0 12px;
    font-size: 15px;
    margin-top: 5px;
}
#main .intro-wr .intro-content a::after {
    background-color: var(--fs-color-primary);
}
.stack.intro-slider {
    gap: 20px
}
.intro-img .img-inner img {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.intro-img .img-inner.dark {
    display: block;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.intro-img .img-inner.dark:before {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 100rem;
    content: "";
    height: 200%;
    left: 0;
    position: absolute;
    top: 15%;
    width: 200%;
}
#main .section.sec-pro,
#main .section.sec-pro .row.pro {
    padding: 0;
    margin: 0;
}
.col.cates-wrapper {
    padding-left: 0px;
    padding-right: 0px;
}
#main .col.cates-wrapper .row-slider {
    margin: 0;
}
.product-small.box .box-text .add-to-cart-button{
    order: 5;
    margin: 0;
    background-color: #b00f0b;
    box-shadow: none;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
    transition: 2 ease-in-out;
}
#main .product-small.box .box-text .add-to-cart-button a::after {
    background-color: var(--fs-color-primary);
    transition: 2 ease-in-out;
}
.product-small.box .box-text .add-to-cart-button a {
    color: #fff;
    height: 40px;
    padding: 10px;
    width: 100%;
    transition: 2 ease-in-out;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
}
a.added_to_cart:after {
    display: none;
}
.single_add_to_cart_button.loading::after {
    display: none;
}
.product_type_simple.add_to_cart_button.is-outline.loading::after {
    display: none;
}
#main .row.cata-fil {
    margin: 0;
}
#main .row.cata-fil .cata-fil-wrapper {
    padding: 0
}
#main .text.cata-fill-title p {
    font-size: 18px;
    color: #1f2937;
    margin-top: 32px;
    margin-bottom: 10px;
    font-weight: 600;
}
#main .row.cata-fil-list {
    margin: 0;
    --gap: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    margin-bottom: 32px;
}
#main .row.cata-fil-list .product-category.col {
    padding: 0;
    background-color: #fff;
    border-radius: 6px;
    font-weight: 600;
    padding: 16px;
    text-align: center;
    transition: .2s ease-in-out;
    width: calc(20% - 10px + 10px / 5);
    flex-basis: 19%;
    max-width: 19%;
}
#main .row.cata-fil-list .product-category.col:hover {
    background-color: var(--fs-color-primary);
}
#main .row.cata-fil-list .product-category.col:hover .box-text-inner h5 {
    color: #fff;
}
#main .row.cata-fil-list .product-category.col .box-text-inner h5 {
    font-size: 14px;
}
#main .row.cata-fil-list .product-category.col .box-image {
    display: none;
}
#main .row.cata-fil-list .box-text {
    padding: 0
}
.col.uti-item {
    padding: 32px 10px;
    background-color: #fff;
    border-radius: 1.2rem;
} 
#main .section.sec-uti {
    padding: 0;
}
#main .row.uti-list.row {
    margin: 0;
    gap: 15px;
    
}
#main .sec-uti .uti-item {
    flex-basis: 24%;
    max-width: 24%;
}
#main .sec-uti .uti-item .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#main .sec-uti .uti-item .uti-ic {
    margin-bottom: 0;
}
.text.uti-content p:nth-child(1) {
    font-weight: 600;
}
.text.uti-content p:nth-child(2) {
    font-size: 15px;
    color: #6b7280;
}
.text.uti-content p {
    color: #1f2937;
}
#main .section.sec-gt {
    padding: 0;
}
#main .row.gt-side,
#main .row.gt-side .row.gt-wr {
    margin: 0;
}
#main .row.gt-side .gt-left {
    background-color: #e7f0f7;
    border-radius: var(--rs);
    box-shadow: 0 4px 6px -1px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .1);
    overflow: hidden;
    padding: 32px 0 0 32px;
    margin-bottom: 30px;
}
#main .row.gt-side .gt-left .gt-content,
#main .row.gt-side .gt-left .gt-img {
    padding: 0;
}
#main .row.gt-side .gt-left .gt-content h2 {
    font-size: 44px;
    color: #1f2937;
    font-weight: 600;
    line-height: 1;
}
#main .row.gt-side .gt-left .gt-content h2 span {
    color: var(--fs-color-primary);
    line-height: 1.5;
}
#main .col.gt-img .col-inner,
#main .col.gt-img .col-inner .img,
#main .col.gt-img .col-inner .img .img-inner{
    height: 100%;
}
#main .row.gt-side .gt-left .gt-content {
	margin-bottom: auto;
}



#main .section.sec-gt .gt-left .col-inner,
#main .section.sec-gt .gt-left .col-inner .row.gt-wr {
    height: 100%;
}
#main .section.sec-gt .row.introduce-ct-row .introduce-ct {
    padding: 0;
}
#main .section.sec-gt .row.introduce-ct-row {
    margin: 0;
}
#main .row.gt-side .gt-left .gt-content p {
    font-size: 18px;
    margin: 15px 0;
}
#main .section.sec-gt .introduce-ct-row .box-text {
    padding: 0 0 0 15px
}
#main .section.sec-gt .introduce-ct-row .col-inner {
    display: flex;
}
#main .section.sec-gt .introduce-ct-row .box-text p {
    line-height: 1;
    margin: 0;
}
#main .section.sec-gt .introduce-ct-row .box-text a:nth-child(1) {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}
#main .section.sec-gt .introduce-ct-row .box-text p:nth-child(2) a{
    font-size: 16px;
    font-weight: 600;
    color: var(--fs-color-primary);
}
#main .section.sec-gt {
    padding-top: 32px;
}
#main .section.sec-gt .intro-wr {
    width: 100%;
}
#main .row.gt-side {
    gap: 24px;
}
#main .row.gt-side .col.gt-left {
    flex-basis: 64.666667%;
    max-width: 64.666667%;
}
#main .sec-gt .gt-right {
    padding: 0;
}
#main .sec-gt .gt-right .row.gt-list .gt-item {
    padding-right: 0;
    padding-left: 0;
} 
#main .sec-gt .row.gt-list,
#main .sec-gt .row.gt-list .intro-wr {
    margin: 0;
}
#main .sec-gt .intro-wr {
    background-color: #fff;
}
#main .sec-gt .intro-img .img-inner.dark:before {
    background-color: #E8EAED;
}
#main .row.cates {
    padding-bottom: 20px;
}
#main .section.sec-pro.pro-new {
    padding-top: 32px;
}
#main .section.sec-pro.pro-new .text.t-title::after {
    content: none;
}
#main .section.sec-introduce.trang-chu {
    padding-top: 32px;
}
#main .category-page-row .large-3 {
    flex-basis: 20%;
    max-width: 20%;
}
#main .category-page-row .large-9 {
    flex-basis: 80%;
    max-width: 80%;
}
#main .category-page-row .large-9 .all-title-order p.text-center {
    display: none;
}
.shop-page-title .flex-col:nth-child(2) {
    display: none;
}
.shop-page-title {
    background: transparent;
}
.shop-page-title .flex-col .woocommerce-breadcrumb {
    font-size: 14px;
    color: var(--fs-color-primary);
    font-weight: 400;
}
.shop-page-title .flex-col .woocommerce-breadcrumb a {
    color: #000;
}
.shop-page-title .flex-col .woocommerce-breadcrumb a:hover {
    color: var(--fs-color-primary);
}
#main .category-page-row .large-9 .all-title-order .title-order {
    padding: 16px;
    background-color: #fff;
    border-radius: 1rem;
    margin-bottom: 24px;
}
#main .category-page-row .large-9 .shop-container .products.row.row-small {
    padding: 16px 6px;
    border-radius: 1rem;
    background-color: #fff;
    margin: 0;
}
.product-small.box .box-text .title-wrapper {
    margin: 0;
}
#main .category-page-row .large-3 .sec-filter {
    padding: 0;
}
.filter-head-wrapper {
    padding: 16px;
    background-color: #fff;
    border-radius: 1rem;
}
.sec-filter .product-category .box-image {
    display: none;
}
.filter-head-title-img .box-text {
    padding: 0;
}
.filter-head-title-img {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}
.sec-filter .filter-category .product-category {
    padding-left: 0;
    padding-right: 0;

}
.sec-filter .filter-category .product-category .box-text {
    padding: 0;
}
.sec-filter .filter-category .product-category .box-text-inner h5 {
    font-size: 14px;
    text-transform: capitalize;
    color: #1f2937;
    font-weight: 400;
    margin-bottom: 5px;
}
.sec-filter .filter-category .product-category .box-text-inner p {
    font-size: 12px;
    text-transform: capitalize;
    color: #1f2937;
    font-weight: 600;
}
.sec-filter .filter-category {
    max-height: 300px;
    overflow-y: auto;
}
.sec-filter .filter-category .product-category .box-text:hover h5, 
.sec-filter .filter-category .product-category .box-text:hover p {
    color: var(--fs-color-primary);

}
#main .category-page-row .large-9 .all-title-order .title-order h1 {
    font-size: 26px;
    color: #1f2937;
}
#main .sec-filter .row.filter-head {
    margin-bottom: 20px;
}
#main .sec-filter .tb-filter-bottom {
    padding: 16px;
    background-color: #fff;
    border-radius: 1rem;
}
.tb-filter-bottom-wrapper {
    padding: 0;
}
#main .sec-filter .tb-filter-bottom .tb-filter-bottom-wrapper .filter-title p {
    padding-bottom: 20px;
    color: #1f2937;
    font-weight: 600;
}
.row.tb-filter-bottom .yith-wcan-filters .filter-title {
    font-weight: 600;
    color: #1f2937;
}
.row.tb-filter-bottom .yith-wcan-filters .filter-item.checkbox input {
    margin-bottom: 0px;
    margin-right: 5px;
}
.yith-wcan-filters .yith-wcan-filter {
    margin-bottom: 15px;
}
.row.tb-filter-bottom .yith-wcan-filters {
    margin-bottom: 0;
}
.category-page-row .sec-intro {
    margin: 0 15px 32px 15px;
}
#main .category-page-row .sec-uti .uti-item {
    flex-basis: 24%;
    max-width: 24%;
}
#main .category-page-row .sec-uti {
    margin: 0 15px 17px 15px;
}
#main .section.sec-pro .row.pro .pro-left {
    flex-basis: 20%;
    max-width: 20%;
    padding-left: 0;
}
#main .section.sec-pro .row.pro .pro-right {
    flex-basis: 80%;
    max-width: 80%;
    padding-right: 0;
}
#main .section.sec-pro .row.pro .pro-left .sec-filter {
    padding: 0;
}
#main .section.sec-pro .row.pro .pro-right .row.equalize-box {
    padding: 16px 10px;
    background-color: #fff;
    border-radius: 1rem;
}
.custom-product-page .section.sec-dt .row.dt {
    padding: 32px;
    background-color: #fff;
    border-radius: 1rem;
}
.custom-product-page .section.sec-dt .dt-left  {
    padding: 0;
}
.custom-product-page .section.sec-dt .dt-left .product-images .woocommerce-product-gallery__image a {
    border-radius: 1rem;
    display: block;
    overflow: hidden;
    padding-top: 100%;
} 
.custom-product-page .section.sec-dt .dt-left .product-images .woocommerce-product-gallery__image img {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .2s ease-in-out;
    width: 100%;
    border-radius: 1rem;
}
.is-divider {
    display: none;
}
.custom-product-page .dt-right .product-title-container h1 {
    font-size: 28px;
    color: #1f2937;
    font-weight: 700;
}
.custom-product-page .pro-code {
    font-size: 16px;
    /* color: #1f2937; */
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.custom-product-page .product-price-container .price  {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#main .custom-product-page .product-price-container .price bdi {
    font-size: 28px;
}
#main .ux-quantity__button{
    height: 35px;
    min-height: 0;
    text-shadow: none;
    line-height: 1.5;
    background-color: unset;
    border: 1px solid #ddd;
    color: #000;
    font-size: 20px;
}
#main .input-text.qty.text {
    height: 35px;
    min-height: 0;
    line-height: 1.5;
    border-left: none;
    border-right: none;
    box-shadow: none;
    background-color: #F9F9F9;
}
#main .ux-quantity__button.ux-quantity__button--minus {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
#main .ux-quantity__button.ux-quantity__button--plus {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.ux-quantity.quantity.buttons_added {
    margin: 0;
}
#main .custom-product-page .add-to-cart-container .cart {
    display: flex;
    gap: 15px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#main .custom-product-page .add-to-cart-container .cart .ux-quantity {
    order: 1;
}
#main .custom-product-page .add-to-cart-container .cart #buy-now-button {
    order: 2;
    flex: 1;
    border-radius: 5px;
    background-color: var(--fs-color-alert);
}
#main .custom-product-page .add-to-cart-container .cart #buy-now-button::after {
    background-color: var(--fs-color-primary);
}
#main .custom-product-page .add-to-cart-container .cart .single_add_to_cart_button {
    order: 3;
    border-radius: 5px;
}
#main .custom-product-page .dt-right-wrapper .text.call p {
    padding-bottom: 16px;
    color: #1f2937;
}
#main .custom-product-page .dt-right-wrapper .text.call p a {
    font-weight: 600;
    color: var(--c-six);
}
#main .custom-product-page .dt-right-wrapper .dt-more-txt {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 16px;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .col{
    padding-left: 0;
    padding-right: 0;

}
#main .custom-product-page .dt-right-wrapper .dt-more-list .box-text .pro-tag {
    display: none;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .box-text .pro-code {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 12px;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .box-text .title-wrapper a {
    min-height: initial;
    font-size: 14px;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .box-text .price-wrapper {
    margin-top: 0;
    font-size: 14px;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .col .product-small.box .box-image div {
    height: inherit;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .col .product-small.box .box-image img {
    height: 100%;
    width: 100%
}

#main .custom-product-page .dt-right-wrapper .dt-more-list .col .product-small.box .box-text .add-to-cart-button {
    width: initial;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .col .product-small.box .box-text .add-to-cart-button a {
    text-transform: capitalize;
}

#main .custom-product-page .quick-view.quick-view-added {
    display: none;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list .col:last-child {
    padding-bottom: 0;
}
#main .custom-product-page .dt-right-wrapper {
    padding-bottom: 0;
}
#main .custom-product-page .dt-left,
#main .custom-product-page .dt-right {
    padding-bottom: 0;
}
#main .custom-product-page .dt {
    margin-bottom: 32px;
}
#main .custom-product-page .pdt-ulti .pdt-ulti-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.related.related-products-wrapper.product-section {
    border: none;
}
#main .custom-product-page .row.pdt-relate .related-products-wrapper h3 {
    padding-top: 0;
}
#main .custom-product-page .row.pdt-relate {
    background-color: #fff;
    padding: 16px 10px;
    border-radius: 1rem;
    margin-bottom: 32px;
}
#main .custom-product-page .row.pdt-relate .pdt-relate-wrapper {
    padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
#main .custom-product-page .row.pdt-relate .pdt-relate-wrapper .pro-code {
    padding: 0;
    margin: 0;
    border: none;
}
#main .custom-product-page .row.pdt-relate .pdt-relate-wrapper .product-section-title {
    font-size: 26px;
    color: #1f2937;
    font-weight: 600;
	text-transform: capitalize;
	padding-left: 10px;
	padding-right: 10px;
}
.custom-product-page .pro-code span {
    font-weight: 600;
}
.section-cata .re-head p {
    font-size: 26px;
    color: #1f2937;
    margin-bottom: 16px;
    font-weight: 700;
}
.section-cata .cata-title-fill p {
    color: #1f2937;
    margin-bottom: 10px;
    font-weight: 600;
}
#main .section-cata .row.cata-list-box { 
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 1rem;
}
.dt-right-wrapper .pro-code.sku-sc span {
    font-weight: 600;
    color: #1f2937;
}
.dt-right-wrapper .pro-code.sku-sc {
    color: #1f2937;
}
.dt-right-wrapper .price-lienhe  {
    font-size: 28px;
    font-weight: 700;
    color: var(--fs-color-primary);
}
.product-small.col .price-lienhe {
    font-size: 14px;
    color: var(--fs-color-primary);
    font-weight: 600;
}
.dt-more-list .price-lienhe {
    font-size: 14px;
}
.pro-tag-item.pro-boibat {
    background-color: var(--fs-color-primary);
    color: #fff;
}
/* .product_cat-san-pham-noi-bat .product-small.box .box-image a {
    background-color: var(--fs-color-primary);
}
.product_cat-san-pham-noi-bat .product-small.box .box-image a img {
    height: calc(100% - 18px);
    width: calc(100% - 18px);
} */
#header [data-icon-label]:after {
    background-color: var(--c-six);
}
#header .menu-item.active a {
    color: var(--fs-color-secondary) !important;
	background-color: hsla(0, 0%, 100%, .1);
    padding: 6px 10px;
    border-radius: 10px;
}
#header .sub-menu.nav-dropdown .menu-item a {
    color: var(--c-txt) !important;
}

/* CART - CHECKOUT */
/* Trang giỏ hàng */
.cart-sidebar.col-inner {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th {
    border-left: 1px solid var(--fs-color-primary);
    border-right: 1px solid var(--fs-color-primary);
    border-bottom: 1px solid var(--fs-color-primary);
    text-align: center;
    color: black;
    font-size: 14px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-subtotal {
    border-top-right-radius: 10px;
    border-right-width: 0px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-name {
    border-top-left-radius: 10px;
    border-left-width: 0px;
}
.cart-collaterals .cart-sidebar table {
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 5px;
    margin-bottom: 5px;
}
.cart_totals th.product-name {
    color: black;
    text-align: center;
}
.cart-collaterals .cart-sidebar table th {
    color: white;
    font-size: 20px;
}
.cart-collaterals .cart-sidebar table.shop_table_responsive {
    background: unset;
    border-top-right-radius: unset;
    border-top-left-radius: unset;
    padding-left: 10px;
    padding-right: 10px;
}
.cart-collaterals .cart-sidebar table.shop_table_responsive th {
    color: black !important;
    font-size: unset;
}
.order-total span.amount {
    color: red !important;
    font-size: 20px;
}
.cart_totals .wc-proceed-to-checkout {
    margin: 0.5em 0;
    padding: 0 10px;
}
a.button.wc-forward {
    width: 100%;
    background: var(--fs-color-secondary);
    color: #fff;
    padding: 0px 10px;
    border-radius: 4px;
    font-size: 12px;
    -webkit-transition: .3s;
    text-transform: uppercase;
    border: 1px solid var(--fs-color-secondary);
    height: 40px;
    line-height: 40px;
}
.cart-collaterals .cart-sidebar form.checkout_coupon {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.cart-collaterals .cart-sidebar form.checkout_coupon button {
    border-radius: 5px;
}
.checkout_coupon button.button.expand {
    background: var(--fs-color-secondary);
    border-radius: 5px;
    margin-bottom: 10px;
    color: white;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    overflow: hidden
}
.woocommerce-cart-form__cart-item.cart_item td {
    padding: 10px 10px;
}
.woocommerce-cart-form__cart-item del span.amount {
    color: #111 !important;
    font-weight: 700;
    white-space: nowrap;
}
.quantity .button.minus {
    border-radius: 0;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    line-height: 0px;
    border: solid 1px #e4e4e4;
    width: 40px;
    height: 41px;
    background-color: #fff;
    float: left;
    color: #333;
    text-align: center;
    padding: 0px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quantity input[type=number] {
    display: block;
    color: black;
    text-align: center;
    background: #fff;
    margin: 0;
    height: 41px;
    line-height: 40px;
    box-shadow: none;
    font-size: 16px;
    width: 60px;
    padding: 0;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
}
.quantity .button.plus {
    border-radius: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    line-height: 0px;
    border: solid 1px #e4e4e4;
    width: 40px;
    height: 41px;
    background-color: #fff;
    float: left;
    color: #333;
    text-align: center;
    padding: 0px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.actions.clear {
    padding: 10px 10px;
}
.continue-shopping.pull-left.text-left {
    margin-right: 20px;
    margin-left: 20px !important;
}
#main .woocommerce.row.row-large.row-divided {
    background-color: #fff;
    border-radius: 1rem;
    padding: 30px 0;
    margin-bottom: 32px;
}
#main a.button-continue-shopping.button.primary.is-outline {
    border: 1px solid var(--fs-color-secondary);
    border-radius: 5px;
    width: 100%;
    text-align: center;
    padding-top: 1px;
}
button.button.primary.mt-0.pull-left.small {
    border: 1px solid var(--fs-color-secondary);
    border-radius: 5px;
    width: 57%;
    text-align: center;
    padding-top: 1px;
    background: var(--fs-color-secondary);
}
.woocommerce-billing-fields h3 {
    text-align: center;
    background: linear-gradient(to right, var(--fs-color-secondary), var(--fs-color-primary));
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    color: white;
}
.woocommerce-billing-fields__field-wrapper {
    padding: 0 15px;
}
.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-bottom: 25px;
}
/* Thanh toán thành công */
.woocommerce-order-details {
    border: 1px solid #efefef;
    border-radius: 10px;
}
h2.woocommerce-order-details__title {
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(to right, #8cc7a8, #b2d18f);
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    font-size: 20px;
}
table.woocommerce-table--order-details {
    padding-left: 10px;
    padding-right: 10px;
}
.woocommerce-order-details {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
}
h2.woocommerce-order-details__title {
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    font-size: 20px;
}
table.woocommerce-table--order-details {
    padding-left: 10px;
    padding-right: 10px;
}
.woocommerce-customer-details {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
}
h2.woocommerce-column__title {
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
    padding: 10px;
    color: white;
    font-size: 20px;
}
.woocommerce-customer-details address {
    padding-left: 10px;
    padding-right: 10px;
    color: #777;
}
td.product-name a {
    color: #000;
    font-weight: 700;
    font-size: 14px;
}
.shop_table tfoot th {
    font-size: 85%;
    letter-spacing: 0;
    text-transform: inherit;
    color: #777;
}
.woocommerce-table__product-name.product-name,
.woocommerce-table__product-table.product-total {
    color: #777;
}
.woocommerce-customer-details--phone {
    margin-bottom: 1.3em;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    font-style: normal;
    color: #000;
}
form.checkout h3 {
    font-size: 1.1em;
    font-weight: bolder;
    overflow: hidden;
    padding-top: 10px;
    text-transform: uppercase;
}
.woocommerce-additional-fields h3 {
    border: 1px solid #efefef;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
h3#order_review_heading {
    text-align: center;
    color: black;
}
th,
td {
    border-bottom: 0;
}
.woocommerce-checkout .cart_item .product-name {
    display: flex;
}
.woocommerce-checkout .cart_item .product-name img {
    margin-right: 15px;
    border-radius: 5px;
}
.tpspicp_cart_image {
    border-radius: 0px;
    height: 40px;
}
.woocommerce-checkout .cart_item .product-name strong.product-quantity {
    padding-left: 10px;
    align-items: center;
    display: flex;
}
.woocommerce-checkout ins span.amount {
    color: var(--fs-color-secondary) !important;
    font-weight: 700;
    white-space: nowrap;
}
.woocommerce-checkout span.amount {
    font-weight: 700;
    white-space: nowrap;
}
.order-total span.amount {
    color: red !important;
    font-size: 20px;
}
.order-total .woocommerce-Price-currencySymbol {
    color: red !important;
}
input {
    box-shadow: unset;
}
.checkout-sidebar button {
    border-radius: 5px;
}
.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-bottom: 25px;
}
.woocommerce-checkout .content-area.page-wrapper {
    h3 {
        text-align: center;
    }
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
    padding: 5px 10px;
}
.woocommerce-checkout .content-area.page-wrapper {
    .input-text {
        box-shadow: unset;
    }
}
.woocommerce-billing-fields h3 {
    text-align: center;
    background: linear-gradient(to right, var(--fs-color-secondary), var(--fs-color-primary));
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    color: white;
}
.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-bottom: 25px;
}
a.showcoupon {
    color: var(--fs-color-secondary) !important;
    font-size: 0.9rem;
    padding: 5px 10px;
    font-weight: 700;
    border: 1px solid var(--fs-color-secondary);
    border-radius: 5px;
    margin-left: 10px;
}
a.showcoupon:hover {
    color: white !important;
    background: var(--fs-color-secondary);
}
.cart-container thead th.product-name {
    border-left-width: 0px;
    font-weight: 700;
}
.cart-container thead th.product-subtotal {
    border-left-width: 0px;
}
.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a {
    width: 77px;
    height: 77px;
    border-radius: 0.6rem;
    overflow: hidden;
    display: block;
}
.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.woocommerce-checkout .cart_item .product-name img {
    height: 100px;
    width: 75px;
}
.shop_table dl.variation {
    display: none;
}
.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner .introduce-br .img-inner.dark {
    height: 100%;
}
#main .section.sec-pro .row.pro .pro-left .text.filter-title {
    color: #1f2937;
    padding-bottom: 10px;
    font-weight: 600;
}
a.show-more.initialized {
    font-weight: 700;
    color: var(--fs-color-primary);
}
#main .row.gt-side .gt-left .gt-content h2 strong {
    color: var(--fs-color-primary);
}
#main .section-cata .cata-wrapper .row.cata-list-box .col .price-wrapper {
    display: none;
}
.catalog-breadcrumb-wrapper {
    padding: 0;
}
#main .row.cata-fil-list .product-category.col .box-text-inner h5 {
    color: #1f2937;
    text-transform: capitalize;
}
.row.category-page-row .shop-container table td{
    border-color: #1f2937 ;
    border: 1px solid;
    padding: 10px;
    text-align: center;
    color: #1f2937;
}
.row.category-page-row .shop-container table strong {
    font-weight: 700;
}
#main .category-page-row .large-9 .shop-container .term-description {
    order: 2;
    margin-top: 24px;
    background-color: #fff;
    padding: 16px 30px; 
    border-radius: 1rem;
}
#main .category-page-row .large-9 .shop-container .products.row {
    order: 1;
}
#main .category-page-row .large-9 .shop-container {
    display: flex;
    flex-direction: column;
}
#main .category-page-row .large-9 .shop-container .term-description p,
#main .category-page-row .large-9 .shop-container .term-description li,
#main .category-page-row .large-9 .shop-container .term-description h2 {
    color: #1f2937;
    margin: 16px 0;
    text-align: justify;
}
#main .category-page-row .large-9 .shop-container .term-description a {
    color: var(--fs-color-primary);
    font-weight: 600;
}
#main .category-page-row .large-9 .shop-container .term-description strong {
    color: #1f2937;
    font-weight: 700;
}
#main .custom-product-page .row.pdt-relate .product-small.col {
    flex-basis: 20%;
    max-width: 20%
}
#main .custom-product-page .dt-right-wrapper .product-small.box .box-image a {
    background-color: transparent;
}
.section.sec-pro .row.pro .col.pro-wrapper .flickity-button {
    display: none;
}
.row.cates .product-category.col {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-right: 1px solid rgba(0, 0, 0, .1);
	padding: 0
}
.row.cates .product-category.col h5 {
	font-size: 14px;
	text-transform: capitalize;
	min-height: 37px
}
.row.cates .row.large-columns-8.medium-columns-3 {
	border-radius: 1rem;
	background-color: #fff;
	overflow: hidden;
}
.row.cates .box-image div {
	background-color: #f3f4f6;
    border-radius: 100rem;
    display: block;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.row.cates .box-image div img {
	height: 100%;
	left: 50%;
	mix-blend-mode: multiply;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
    width: 100%;
}
.row.cates .box {
	padding: 10px;
	display: flex;
	flex-direction: column;
    gap: 10px;
}
.row.cates .box .box-text {
	padding: 0
}
.intro-slider button.slick-prev,
.intro-slider button.slick-next {
	display: none;
}



.stack.intro-slider.slick-slider {
	display: flex
}
#main .intro-slider-row .slick-track {
	width: 100% !important;
	display: flex;
	gap: 20px
}
#main .intro-slider-row .slick-track .col-inner.slick-slide.slick-current{
	display: flex;
    width: 100% !important;
    gap: 20px;
}
.category-page-row .col.large-9 .title-order div {
	display: none
}
#main .category-page-row .large-9 .all-title-order .title-order {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.custom-sorting-buttons {
	background: #fff;
	margin-bottom: 20px;
    padding: 0 16px 16px 6px;
    border-radius: 1rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.custom-sorting-buttons button {
	color: var(--fs-color-primary);
    padding: 5px 10px;
    border: 1px solid var(--fs-color-primary);
    border-radius: 1rem;
    font-weight: bold;
	text-transform: none;
	line-height: 100%;
	margin: 0;
	margin-left: 10px;
}
.btn-sort.active, .custom-sorting-buttons button:hover  {
	background: var(--fs-color-primary);
	color: #fff;
}
.pro-tag-item {
	position: relative;
}
.pro-tag-item:before {
	 content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(https://kimthanh.theme.trueads.vn/wp-content/uploads/2025/02/ic-tick.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#footer .row.ft-row {
	padding: 56px 0
}
.product-short-description {
	color: #000
}
#footer .ft-br .img-inner.dark {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
#footer .ft-br .img-inner.dark img {
	display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
#main .sec-pro .re-head .col.right .col-inner a {
	line-height: 2.4
}
.slick-dots li.slick-active button:before {
	color: var(--fs-color-primary) !important
}
#popup-bgn {
	padding: 20px;
	border-radius: 10px
}
#popup-bgn h2 {
	font-size: 40px;
	color: #000;
	font-weight: 700
}
#popup-bgn p {
	color: #000
}
#popup-bgn .uti-list {
	display: flex;
	gap: 20px;
	margin-top: 20px
}
#popup-bgn .uti-list .uti-item {
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	flex-basis: 23%;
}
#popup-bgn .uti-list .uti-item .col-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#popup-bgn .uti-list .uti-item .col-inner .img {
	width: 25% !important;
}
.text.uti-content p:nth-child(1) {
	font-size: 15px
}
#popup-bgn .text.uti-content p:nth-child(2) {
    color: #6b7280;
}
#popup-bgn p label {
	font-weight: 600
}
#popup-bgn .btn-submit-ctf7 p {
	text-align: center
}
#popup-bgn .btn-submit-ctf7 p input {
	width: 20%;
    margin: 0;
}
#popup-bgn .wpcf7-spinner {
	display: none;
}
.wpcf7 input, .wpcf7 textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}
.wpcf7 [type="submit"] {
    background: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}
.wpcf7 [type="submit"],
.wpcf7 [type="submit"]:hover {
    background: var(--fs-color-primary);
}
.text.tintuc-txt {
	font-size: 40px;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px
}
.row.tintuc .post-title a{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 44px;
}
.row.tintuc .box-image {
	border-radius: 1rem
}







/* github: tn823 -RESPONSIVE */
@media screen and (max-width: 1024px) {
	#popup-bgn {
		max-height: 500px;
		overflow-y: scroll
	}
	.slick-dots li {
		margin: 0 !important
	}
	.slick-dots li button:before {
		font-size: 10px !important
	}
	.sec-pro .pro-slider .flickity-slider .col {
		flex-basis: 25%;
		max-width: 25%;
	}
	.section.sec-pro .row.pro .col.pro-wrapper {
		padding-bottom: 30px
	}
	#header .header-bottom ul a.nav-top-link:hover,
	#header .menu-item.active a{
		background-color: transparent
	}
	
	.custom-sorting-buttons button {
		font-size: 14px
	}
	.row.cates .product-category.col {
		flex-basis: 16.6666%;
		max-width: 16.6666%;
	}
	#main .row.gt-side .gt-left .gt-content {
		flex-basis: 70%;
		max-width: 70%;
	}
	#header .flex-col.hide-for-medium.flex-left.flex-grow {
		flex: 1.4;
	}
    #header .header-bottom .header-bottom-nav {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        /* scrollbar-width: thin; */
        scrollbar-color: var(--fs-color-secondary) #f1f1f1;
    }
    #header .header-bottom .header-bottom-nav::-webkit-scrollbar {
        height: 5px;
    }
    #header .header-bottom .header-bottom-nav li.menu-item {
        display: inline-block;
    }
   #header .header-bottom .flex-col.hide-for-medium.flex-center {
        overflow: hidden;
   }
   #header #logo img {
       max-height: 50px;
   }
   #header .logo-left .logo {
       margin-right: 12px;
   }
   #header .header-inner .flex-right .html.header-button-1 .header-button a,
    #header .header-inner .flex-right .html.header-button-2 .header-button a {
    padding: 6px 12px;
    font-size: 13px;
   }
   #header .searchform .button.icon {
    padding-right: 8px;
   }
   #header .header-bottom ul a.nav-top-link {
    padding: 10px 5px
   }
   .section.sec-bnpt .img-inner.dark,
   .section.sec-bnpt .img-inner.dark img {
    height: 100%;
   }
   .section.sec-bnpt .woocommerce {
    width: 100%;
    padding-top: 24px;
}
.section.sec-bnpt .woocommerce form p:nth-child(1) {
    font-size: 20px;
    font-weight: 600;
    grid-column: span 2;
}
.section.sec-bnpt .bnpt-br::before {
    background: linear-gradient(90deg, #000, transparent);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.section.sec-bnpt .woocommerce form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}
.section.sec-bnpt .woocommerce .clear {
    order: 10
}
.row.row-full-width.ft-row {
    padding: 56px 15px;
}
#footer .sec-ft .img-inner.dark,
#footer .sec-ft .img-inner.dark img {
    height: 100%;
}
#footer .sec-ft .ft-row .ft-col {
    flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 24px;
    padding-bottom: 0;
}
.ft-col.ft-2 P,
.ft-col.ft-3 P {
    margin: 10px;
}
.ft-col.ft-2 P:first-child,
.ft-col.ft-3 P:first-child {
    margin-bottom: 16px;
}
.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner {
    padding: 100px;
}
.breadcrumb-col {
    padding: 32px 0;
}
.col.introduce-wrapper.small-12.large-12 {
    padding: 0
}
.re-head h2 {
    font-size: 22px;
}
.blog-wrapper.blog-single.page-wrapper .large-3 {
	flex-basis: 23%;
	max-width: 23%;
}
.container.breadcrumb-singelpage {
    padding: 20px 15px;
}
.blog-wrapper.blog-single.page-wrapper .large-3 {
    margin-left: 15px;
    margin-bottom: 30px;
}
.breadcrumb-col a:hover {
    color: #1f2937;
}
.section.sec-introduce.phu-tung-xe .col.introduce-wrapper.small-12.large-12 .col-inner{
    padding: 60px 80px;
}
#main .sec-introduce.phu-tung-xe .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
    line-height: 1.2;
}
/* .row.cates .flickity-slider .product-category .box-text h5 {
    min-height: 55px;
} */
.sec-pro .pro-slider .flickity-slider .col.is-selected {
    max-width: 25%;
}
.product-small.box .box-text {
    height: auto !important;
}

.sec-intro .intro-slider.stack-row::-webkit-scrollbar {
    height: 5px;
}
#main .intro-wr .intro-content p:nth-child(2) {
     font-size: 20px;
}
	
	
	
	
	
/* 
.sec-intro .intro-slider.stack-row {
    display: flex; 
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 15px; 
    padding: 10px 0;
    max-height: 300px;
}
#main .intro-wr {
    flex: 0 0 50%;
    align-items: center;
    padding: 24px 0 0 24px;
	background-color: #E7F0F7;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}	 */
	
	
#main .row.cata-fil-list .product-category.col {
    flex-basis: 32%;
    max-width: 32%;
}
#main .row.cata-fil-list {
    --gap: 10px;
}
.section.sec-pro .pro-right .row.equalize-box .col {
    flex-basis: 33%;
    max-width: 33%;
}
#main .section.sec-pro .row.pro .pro-right {
    flex-basis: 75%;
    max-width: 75%;
}
#main .section.sec-pro .row.pro .pro-left {
    flex-basis: 25%;
    max-width: 25%;
}
#main .row.uti-list.row {
    gap: 0;
}
#main .sec-uti .uti-item {
    margin-right: 24px;
    max-width: calc(24% - 10px);
}
#main .sec-uti .uti-item:last-child {
    margin: 0;
}
#main .row.gt-side .col.gt-left {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 0;
}
#main .row.gt-side .gt-left .gt-content h2 {
    font-size: var(--fs-1024);
}
#main .row.gt-side .gt-left .gt-content p {
    margin-top: 24px;
	width: 60%
}
	#main .section.sec-gt .row.introduce-ct-row {
		width: 85%
	}
	#header .header-bottom {
		height: 50px;
	}
#main .row.introduce-ct-row .box-text .text p { 
    margin: 0;
}
#main .gt-left .gt-img {
    max-width: 28vw;
}
#main .gt-left .row.gt-wr {
    justify-content: space-between;
}
#main .gt-left .row.gt-wr::after {
    content: none;
}
#main .sec-gt .gt-right {
    flex-basis: 100%;
    max-width: 100%;
}
#main .sec-gt .gt-right .gt-item {
    flex-basis: 50%;
    max-width: 50%;
}
#main .sec-gt .gt-right .row.gt-list .gt-item {
    max-width: calc(50% - 10px);
    padding-bottom: 0;
}
#main .sec-gt .gt-right .gt-list { 
    gap: 20px
}
#main .sec-uti .uti-list.row .img.uti-ic {
    width: 21%;
}
.row.cates .flickity-slider .product-category {
    border-bottom: none;
}
.row.cates .flickity-viewport .product-category {
    max-width: 16.666666%;
}
.sec-pro .re-head .col.left .t-title p {
    font-size: var(--fs-t-title);
}
#main .sec-introduce .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
    font-size: 27px;
}
#main .sec-introduce .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(2) {
    font-size: 18px;
}
#main .category-page-row .large-3 {
    flex-basis: 25%;
    max-width: 25%;
}
#main .category-page-row .large-9 {
    flex-basis: 75%;
    max-width: 75%;
}
.category-page-row .large-9 .products.row .product-small.col {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
}
#main .category-page-row .sec-uti .uti-item {
    max-width: calc(24% - 10px);
}
#main .section-cata .cata-wrapper .row.cata-list-box .col {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
}
.catalog-breadcrumb-wrapper {
    padding: 0 15px
}
.section-cata .re-head p {
    font-size: var(--fs-t-title);
}
.custom-product-page .breadcrumb-col {
    padding-left: 15px;
    padding-right: 15px;
}
#main .section.sec-dt {
    padding-left: 15px;
    padding-right: 15px;
}
.dt-right-wrapper .price-lienhe {
    font-size: 14px;
}
.custom-product-page .dt-right .product-title-container h1,
#main .custom-product-page .product-price-container .price bdi {
    font-size: var(--fs-1024-cusp);
}
#main .custom-product-page .dt {
    padding: 16px;
}
#main .custom-product-page .dt-right-wrapper {
    padding: 0;
}
#main .sec-introduce.phu-tung-xe .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
    font-size: 40px;
}
#main .category-page-row .large-9 .all-title-order .title-order h1,
#main .custom-product-page .row.pdt-relate .pdt-relate-wrapper .product-section-title {
    font-size: var(--fs-t-title);
}
#main .custom-product-page .dt-more-list .box-image {
    width: 35% !important;
}
#main .custom-product-page .dt-right {
    padding-left: 12px;
}
#main .custom-product-page .add-to-cart-container .cart {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
}
#main .custom-product-page .add-to-cart-container .cart .ux-quantity.quantity.buttons_added {
    grid-column: 5 span;
}
#main .custom-product-page .add-to-cart-container .cart .single_add_to_cart_button {
    grid-column: 3 span;
}
#main .custom-product-page .add-to-cart-container .cart #buy-now-button {
    grid-column: 2 span;
}
#main .custom-product-page .dt-right-wrapper .dt-more-list{
    max-height: 300px;
    overflow-y: scroll;
    padding-right: 20px;
}
#main .custom-product-page .row.pdt-relate .product-small.col {
    flex-basis: 25%;
    max-width: 25%;
}
.woocommerce-message.message-wrapper {
    padding: 10px;
    margin: 10px;
}
/* responsive 1024 cart */
button.button.primary.mt-0.pull-left.small {
    width: 45%;
}
.cart-container .woocommerce .large-7 {
    padding: 0 15px 0 15px;
}
#main .cart-container .woocommerce .large-5 {
    padding: 0 15px 0 15px;
    border-left: 0;
}
.message-container.container.medium-text-center {
    padding-left: 15px;
	}
	#main .intro-wr {
		padding: 24px 0 0 24px;
	}
	.slick-slide:last-child {
		display: none !important
	}
	#main .intro-wr:nth-child(1),
	#main .intro-wr:nth-child(2) {
		margin-right: 20px
	}





    
}




@media screen and (max-width: 992px) and (min-width: 768px) and (orientation: landscape) {
	.custom-sorting-buttons button:last-child {
		margin-top: 10px
	}
	#header .flex-col.hide-for-medium.flex-left.flex-grow {
		flex: 1.2;
	}
.product-small.box .box-text .add-to-cart-button a {
    padding: 10px 5px;
}
.pro-tag-item.--pri {
    padding-left: 25px;
}
.cart-container .woocommerce .large-7,
.cart-container .woocommerce .large-5 {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
button.button.primary.mt-0.pull-left.small {
    width: 65%;
}
.section.sec-introduce.phu-tung-xe .col.introduce-wrapper.small-12.large-12 .col-inner {
    padding: 24px;
}
}
@media screen and (max-width: 768px) {
	.text.tintuc-txt h2 {
		font-size: 27px
	}
	#popup-bgn h2 {
		font-size: 27px
	}
	#popup-bgn .uti-list .uti-item {
		flex-basis: 48%;
	}
	#header .header-bottom {
		height: initial;
	}
	.custom-sorting-buttons button:last-child {
		margin-top: 0
	}
	#main .row.gt-side .gt-left .gt-content p {
		width: 90%
	}
	#main .row.introduce-ct-row .box-text .text p {
		width: 100%
	}
	#main .section.sec-gt .row.introduce-ct-row {
        width: 100%;
    }
	#main .row.gt-side .gt-left .gt-content {
		flex-basis: 69%;
		max-width: 69%;
	}
#header .header-bottom .nav.header-bottom-nav {
    display: flex;
    justify-content: space-between;
}
#header .header-inner.flex-row.container.logo-left.medium-logo-center {
    display: flex;
}
#header .header-inner.flex-row.container.logo-left.medium-logo-center .flex-col.logo {
    order: 1;
}
#header .header-inner.flex-row.container.logo-left.medium-logo-center .flex-col.show-for-medium.flex-left{
    flex: 10;
}
#header .logo-left .logo {
    width: 70px;
    margin-right: 21px;
}
#header .flex-left li.header-search-form.search-form.html.relative.has-icon .form-flat input:not([type=submit]) {
    height: 50px;
}
#header .searchform .button.icon i {
    font-size: 1.6em;
}
#header .header-inner .flex-left .searchform-wrapper .flex-row .flex-col:nth-child(2) i.icon-search {
    margin-top: 3px;
}
.account-item.has-icon.menu-item.has-child,
.header-newsletter-item.has-icon,
.html.header-social-icons.ml-0 {
    display: none;
}
.sidebar-menu .header-search-form.search-form.html.relative.has-icon {
    display: none !important;
}
#header .html.header-button-2 a{
    background-color: #fff;
    box-shadow: none;
    color: var(--fs-color-primary);
    font-weight: 700;
	font-size: 14px
}
#main .sec-introduce .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
    font-size: 24px;
}
#main .sec-introduce .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(2) {
    font-size: 16px;
}
.section.sec-cates-brand .row .product-category.col {
    flex-basis: 25%;
    max-width: 25%;
}
.section.sec-introduce.phu-tung-xe .col.introduce-wrapper.small-12.large-12 .col-inner {
    padding: 24px;
}
#main .sec-introduce.phu-tung-xe .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
    font-size: 35px;
}
.row.cates .flickity-viewport .product-category {
    max-width: 33.33%;
}
.sec-pro .pro-slider .flickity-slider .col.is-selected {
    max-width: 33.33%;
}
.row-slider .flickity-page-dots {
    bottom: -4px;
}
#main .row.cata-fil-list .product-category.col .box-text-inner h5 {
    font-size: 13px;
}
#main .section.sec-pro .row.pro .pro-left {
    display: none;
}
#main .section.sec-pro .row.pro .pro-right {
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 0;
}
.row.cates .flickity-page-dots {
    bottom: -20px;
}
#main .sec-uti .uti-item {
    flex-basis: 50%;
    max-width: calc(50% - 8px);
    margin: 0;
}
#main .sec-uti .uti-item:last-child {
    margin: 0;
}
#main .row.uti-list.row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}
.shop-page-title .woocommerce-breadcrumb.breadcrumbs {
    text-align: left;
}
.shop-page-title .category-filtering.category-filter-row {
    background: var(--fs-color-primary);
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    padding: 5px;
    margin-top: 15px;
}
#main .category-page-row .large-9 {
    flex-basis: 100%;
    max-width: 100%;
}
:root {
    --fs-t-title: 19px;
    --fs-1024-cusp: 21px;
}
#main .category-page-row .sec-uti .uti-item {
    flex-basis: 48%;
    max-width: 48%;
}
.custom-product-page .sec-dt .dt-left {
    flex-basis: 100%;
    max-width: 100%;
}
.custom-product-page .sec-dt .dt-right {
    flex-basis: 100%;
    max-width: 100%;
}
#main .custom-product-page .dt-right {
    padding-left: 0;
    padding-top: 15px;
}
#main .custom-product-page .row.pdt-relate .product-small.col {
    flex-basis: 33.33%;
    max-width: 33.33%;
}
button.button.primary.mt-0.pull-left.small {
    width: 61%;
}
#header .header-main {
    height: 70px !important;
}
	.blog-wrapper.blog-single.page-wrapper .large-9 {
		max-width: 68%;
		flex-basis: 68%;
		order: 2
	}
	.blog-wrapper.blog-single.page-wrapper .large-3 {
		max-width: 30%;
		flex-basis: 30%;
		order: 1
	}
	.row.cates .product-category.col {
		flex-basis: 33.33%;
		max-width: 33.33%;
    }
	#main .intro-wr .intro-content p:nth-child(2) {
		font-size: 17px;
	}#main .intro-wr .intro-content {
		padding-bottom: 15px
	}
	.section.sec-pro .pro-slider .flickity-slider .col {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}

	

}

@media screen and (max-width: 549px) {
	.row.tintuc .post-title a {
		min-height: 36px;
	}
	.custom-sorting-buttons button:last-child,
	.custom-sorting-buttons button:nth-child(5),
	.custom-sorting-buttons button:nth-child(4) {
		margin-top: 10px
	}
	.row.cates .product-category.col h5 {
		font-size: 12px;
	}
#header .header-inner.flex-row.container.logo-left.medium-logo-center .flex-col.logo {
    margin-left: 0px;
    width: 60px;
    margin-right: 10px;
}
#header .header-main {
    height: 60px !important;
}
#header .flex-left li.header-search-form.search-form.html.relative.has-icon .form-flat input:not([type=submit]) {
    height: 40px;
}
#header .header-inner .flex-left .searchform-wrapper .flex-row .flex-col:nth-child(2) i.icon-search {
    margin-top: 1px;
}
#header .header-inner .flex-left .searchform-wrapper .flex-row .flex-col:nth-child(2) i.icon-search {
    padding: 5.5px 10px;
    font-size: 17px;
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#header .nav-right {
    justify-content: end;
}
	#header .html.header-button-2 a {
		font-size: 14px
	}
	#footer .sec-ft .ft-row .ft-col.ft-1,
	#footer .sec-ft .ft-row .ft-col.ft-4{
		flex-basis: 100%;
		max-width: 100%;
    }
	#footer .sec-ft .ft-row .ft-col .box-image {
		width: 10% !important
	}
	.ft-col.ft-2 P, .ft-col.ft-3 P {
		margin: 0 0 8px 0;
    }
	.ft-col.ft-2 P:first-child, .ft-col.ft-3 P:first-child {
		margin-bottom: 10px;
    }
	.row.row-full-width.ft-row {
        padding: 40px 15px;
    }
	.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner {
        padding: 20px;
    }
	.introduce-ct .box.ic {
		display: flex;
		align-items: center;
	}
	.introduce-ct .box.ic .box-image {
		width: 10% !important;
		margin: 0;
	}
	.section.sec-cates-brand .row .product-category.col {
        flex-basis: 50%;
        max-width: 50%;
    }
	.section.sec-bnpt .woocommerce form p {
		grid-column: span 2
	}
	.blog-wrapper.blog-single.page-wrapper .post-sidebar.large-3.col {
		order: 1;
		flex-basis: 100%;
		max-width: 100%;
		margin-right: 15px
	}
	.blog-wrapper.blog-single.page-wrapper .large-9  {
		order: 2;
		flex-basis: 100%;
		max-width: 100%;
	}
	#main .sec-introduce.phu-tung-xe .col.introduce-content-top.small-12.large-12 .col-inner p:nth-child(1) {
        font-size: 23px;
    }
	.sec-introduce.phu-tung-xe .introduce-ct .box {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.sec-introduce.phu-tung-xe .introduce-ct .box-image {
		width: 18% !important;
	}
	#main .sec-introduce.phu-tung-xe .col.introduce-ct.small-12.large-12 .col-inner {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.pro-wrapper .row.re-head .col.left {
		flex-basis: 60%;
		max-width: 60%;
	}
	.pro-wrapper .row.re-head .col.right{
		flex-basis: 40%;
		max-width: 40%;
	}
	.sec-pro .pro-slider .flickity-slider .col.is-selected {
        max-width: 50%;
		flex-basis: 50%
    }
	.pro-tag-item {
		margin-left: 0 !important
	}
	.section.sec-pro .row.pro .col.pro-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	#main .section.sec-pro .row.re-head {
		padding-right: 10px;
		padding-left: 10px;
	}
	.product-small.box .box-text .add-to-cart-button a {
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		height: initial
	}
	.product-small.box .box-text .add-to-cart-button {
		height: initial
	}
	#main .row.cata-fil-list .product-category.col {
		flex-basis: 48%;
		max-width: 48%;
    }
	#main .section-cata .cata-wrapper .row.cata-list-box .col {
        flex-basis: 50%;
        max-width: 50%;
    }
	#main .section-cata .row.cata-list-box {
		padding: 20px 0;
	}
	#main .row.cata-fil-list .product-category.col {
		padding: 10px;
	}
	#main .row.cata-fil-list .product-category.col .box-text-inner h5 {
        font-size: 11px;
    }
	.section.sec-pro .pro-right .row.equalize-box .col {
		flex-basis: 50%;
		max-width: 50%;
	}
	#main .section.sec-pro .row.pro .pro-right .row.equalize-box {
		padding: 20px 0
	}
	.pro-tag-item {
		font-size: 10px
	}
	.text.uti-content p:nth-child(2) {
		font-size: 12px;
		min-height: 37px;
	}
	.text.uti-content p:nth-child(1) {
		font-size: 12px
	}
	.breadcrumb-col {
        padding: 16px 0;
    }
	#main .row.gt-side .col.gt-left {
		padding: 16px 0 0 16px;
	}
	.row.introduce-ct-row .box-image {
		width: 16% !important
	}
	.row.introduce-ct-row .box {
		display: flex;
		align-items: center
	}
	.row.introduce-ct-row .col.introduce-ct .col-inner {
		display: flex;
		flex-direction: column;
		gap: 10px
	}
	#main .gt-left .gt-img {
		max-width: 70%;
		margin-left: auto;
	}
	#main .intro-wr {
		padding: 16px 0 0 16px
	}
	#main .intro-wr .intro-content p:nth-child(1) {
		font-size: 12px
	}
	#main .intro-wr .intro-content p:nth-child(2) {
		font-size: 14px;
	}
	#main .sec-gt .gt-right .gt-list {
        gap: 15px;
    }
	.row.intro-wr .col.intro-img {
		max-width: 60%;
		margin-left: auto;
	}
	#main .intro-wr .intro-content {
		padding: 0
	}
	.sec-introduce .col.introduce-wrapper.small-12.large-12 .col-inner .introduce-br::before {
		width: 100%
	}
	.category-page-row .large-9 .products.row .product-small.col {
		flex-basis: 50%;
		max-width: 50%;
	}
	#main .custom-product-page .dt-right {
		padding-right: 0
	}
	#main .custom-product-page .dt-more-list .box-image {
		width: 65% !important;
    }
	#main .custom-product-page .dt-right-wrapper .dt-more-list {
		display: flex
	}
	#main .custom-product-page .row.pdt-relate .pdt-relate-wrapper,
	#main .custom-product-page .row.pdt-relate {
		padding-right: 0;
		padding-left: 0;
	}
	#main .custom-product-page .row.pdt-relate .product-small.col {
		max-width: 50%;
		flex-basis: 50%;
	}
	#main .custom-product-page .row.pdt-relate .pdt-relate-wrapper .product-section-title {
		padding-right: 15px;
		padding-left: 15px
	}
	.product-small.box .box-text .title-wrapper a {
		font-size: 14px
	}#main .custom-product-page .row.pdt-relate .pdt-relate-wrapper .pro-code {
		font-size: 12px;
	}
	.product-small.box .box-text .price-wrapper {
		margin: 0;
	}
	.product-small.box .box-text .title-wrapper a {
		min-height: 35px;
	}
	.continue-shopping.pull-left.text-left {
		margin-left: 0 !important
	}
	button.button.primary.mt-0.pull-left.small {
		width: 100%;
		margin-top: 10px !important;
    }
	.cart-container .woocommerce .large-7,
	.cart-container .woocommerce .large-5 {
		margin-bottom: 15px
	}
	.woocommerce-checkout .cart_item .product-name {
		font-weight: 600;
		color: #000;
	}
	.row.cates .flickity-slider .product-category .box-text h5 {
		min-height: 45px;
		font-size: 13px;
	}
	#header .header-inner.flex-row.container.logo-left.medium-logo-center .flex-col.show-for-medium.flex-left {
		flex: 5.5;
    }
	#header .header-inner .flex-right .cart-item a {
		padding: 7px 10px;
	}
	#main .row.gt-side .gt-left .gt-content {
		flex-basis: 100%;
		max-width: 100%;
	}
	#main .row.cata-fil-list {
		margin-bottom: 10px;
	}
	.product-small.box .box-text .pro-code {
		text-align: left;
		font-size: 11px
	}
	#main .section.sec-pro .row.re-head {
		margin-bottom: 15px;
	}
	.sec-pro .row.re-head .col.left {
		display: flex;
		align-items: center;
	}
	.sec-pro .re-head .col.left .t-title p,
	.sec-pro .re-head .col.left .t-title:after{
		margin-bottom: 0
	}
	.section.sec-pro .pro-slider .flickity-slider .col {
		flex-basis: 50%;
		max-width: 50%;
    }
	.col.introduce-wrapper.small-12.large-12 {
		border-radius: 1rem;
		overflow: hidden;
	}
	.section.sec-introduce.phu-tung-xe .col.introduce-wrapper.small-12.large-12 .col-inner {
		overflow: unset;
	}
	#shop-sidebar .row.filter-head .filter-head-title-img .box-image {
		width: 10% !important;
	}
	#block_widget-3 .tb-filter-bottom-wrapper .text.filter-title {
		padding-bottom: 10px;
		color: #000;
		font-weight: 700
	}
	#block_widget-3  .row.tb-filter-bottom {
		padding: 16px;
		background-color: #fff;
		border-radius: 1rem;
		margin-top: 20px
	}
	#main .row.uti-list.row {
		gap: 10px
	}
	#main .intro-wr .intro-content a {
		font-size: 12px;
	}
	#main .custom-product-page .add-to-cart-container .cart .single_add_to_cart_button,
	#main .custom-product-page .add-to-cart-container .cart #buy-now-button{
		font-size: 14px
	}
	.checkout.woocommerce-checkout .large-5.col .col-inner.has-border {
		padding: 10px;
	}
	#popup-bgn .uti-list .uti-item {
		flex-basis: 48%;
	}
	#popup-bgn .uti-list {
		gap: 10px;
		margin-left: 0px;
	}
	#popup-bgn .btn-submit-ctf7 p input {
		width: 30%;
		margin: 0;
		padding-top: 0;
        padding-bottom: 0;
	}
	

	
	

}
.sidebar-menu a {
	color: #000
}