/*
Theme Name:kombo
Description:kombo
Author:A2Z Tech
Template:flatsome
Version:3.0
*/

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

#wp-admin-bar-a2ztech > .ab-item:before{
    background-image:url(https://a2ztech.vn/content/uploads/2020/04/logo-a2ztech.png) !important;
    width:100%;
    height:30px;
    background-size:contain;
    content:"";
    display:block;
    background-position:left bottom;
    background-repeat:no-repeat;
}

#wp-admin-bar-a2ztech .ab-item{
    width:110px;
    height:30px !important;
    padding:0;
    margin:0;
    overflow:hidden;
}

#wp-admin-bar-a2ztech > .ab-item:before{
    background-image:url(https://a2ztech.vn/content/uploads/2020/04/logo-a2ztech.png) !important;
    width:100%;
    height:30px;
    background-size:contain;
    content:"";
    display:block;
    background-position:left bottom;
    background-repeat:no-repeat;
}

#wp-admin-bar-a2ztech .ab-item{
    width:110px;
    height:30px !important;
    padding:0;
    margin:0;
    overflow:hidden;
}

@media only screen and (min-width:49em) {
}

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

}
  

/* -------------------------------------------------------------------------- */
/*                               SETUP CSS START                              */
/* -------------------------------------------------------------------------- */

/* :root {
    --wrapper: 1440px;
    --container: 1216px;
    --c1: unset;
    --c2: unset;
    --c3: unset;
    --c4: unset;
    --txt1: unset;
    --txt2: unset;
    --txt3: unset;
    --txt4: unset;
    --bg1: unset;
    --bg2: unset;
    --bg3: unset;
    --bg4: unset;
    --bg1-hover: unset;
    --bg2-hover: unset;
    --bg3-hover: unset;
    --bg4-hover: unset;
    --a1: unset;
    --a2: unset;
    --a3: unset;
    --a4: unset;
    --a1-hover: unset;
    --a2-hover: unset;
    --a3-hover: unset;
    --a4-hover: unset;
    --b1: unset;
    --b2: unset;
    --b3: unset;
    --b4: unset;
    --b1-hover: unset;
    --b2-hover: unset;
    --b3-hover: unset;
    --b4-hover: unset;
    --rad4: 4px;
    --rad5: 5px;
    --rad6: 6px;
    --rad8: 8px;
    --shadow1: unset;
    --shadow2: unset;
    --shadow3: unset;
    --shadow4: unset;
} */
:root {
    --wrapper: 1440px; /** 1440px */
    --container: 1216px; /** 1216px */
    --font1: Arial,Helvetica,sans-serif;
    /* --font2: "iCielBCCubano",Arial,Helvetica,sans-serif; */
    --font2: "UTM Avo",Arial,Helvetica,sans-serif;
    /* --font3: "iCielBCRostrum","iCielBCCubano",Arial,Helvetica,sans-serif; */
    --font3: "UTM Avo","iCielBCCubano",Arial,Helvetica,sans-serif;
    /* --font4: 'Inter', sans-serif; */
    --font4: 'UTM Avo', sans-serif;
    --c1: #9D0B0E;
    --c2: #FFC519;
    --c3: unset;
    --c4: unset;
    --t1: #15181E;
    --t2: #FFC519;
    --t3: unset;
    --t4: unset;
    --bg1: #9D0B0E;
    --bg2: unset;
    --bg3: unset;
    --bg4: unset;
    --bg1-hover: #860a0c;
    --bg2-hover: unset;
    --bg3-hover: unset;
    --bg4-hover: unset;
    --a1: unset;
    --a2: unset;
    --a3: unset;
    --a4: unset;
    --a1-hover: unset;
    --a2-hover: unset;
    --a3-hover: unset;
    --a4-hover: unset;
    --b1: unset;
    --b2: unset;
    --b3: unset;
    --b4: unset;
    --b1-hover: unset;
    --b2-hover: unset;
    --b3-hover: unset;
    --b4-hover: unset;
    --rad4: 4px;
    --rad5: 5px;
    --rad6: 6px;
    --rad8: 8px;
    --shadow1: unset;
    --shadow2: unset;
    --shadow3: unset;
    --shadow4: unset;
}

.nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:'UTM Avo', sans-serif !important
}
p,
a,
span,
strong,
button,
li {
    font-family:'UTM Avo', sans-serif !important
}

/* font start */ 
@font-face {
    font-family:"iCielBCCubano";
    font-display:block;
    src:url("/wp-content/themes/kombo/assets/fonts/iCielBCCubano-Normal.otf");
    font-weight:normal;
    font-style:normal;
} 
  
@font-face {
    font-family:"iCielBCRostrum";
    font-display:block;
    src:url("/wp-content/themes/kombo/assets/fonts/iCielBCRostrum-Regular.otf");
    font-weight:normal;
    font-style:normal;
}

/* font end */
/* bs clone start */
.px{padding:0 20px}.p-0{padding:0}.p-4{padding:4px}.p-5{padding:5px}.p-6{padding:6px}.p-8{padding:8px}.p-10{padding:10px}.p-15{padding:15px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-25{padding:25px}.p-30{padding:30px}.p-32{padding:32px}.p-50{padding:50px}.p-64{padding:64px}.px-0{padding-left:0;padding-right:0}.px-4{padding-left:4px;padding-right:4px}.px-5{padding-left:5px;padding-right:5px}.px-6{padding-left:6px;padding-right:6px}.px-8{padding-left:8px;padding-right:8px}.px-10{padding-left:10px;padding-right:10px}.px-15{padding-left:15px;padding-right:15px}.px-16{padding-left:16px;padding-right:16px}.px-20{padding-left:20px;padding-right:20px}.px-25{padding-left:25px;padding-right:25px}.px-30{padding-left:30px;padding-right:30px}.px-32{padding-left:32px;padding-right:32px}.px-35{padding-left:35px;padding-right:35px}.px-40{padding-left:40px;padding-right:40px}.px-50{padding-left:50px;padding-right:50px}.px-64{padding-left:64px;padding-right:64px}.py-0{padding-top:0;padding-bottom:0}.py-4{padding-top:4px;padding-bottom:4px}.py-5{padding-top:5px;padding-bottom:5px}.py-6{padding-top:6px;padding-bottom:6px}.py-8{padding-top:8px;padding-bottom:8px}.py-10{padding-top:10px;padding-bottom:10px}.py-15{padding-top:15px;padding-bottom:15px}.py-16{padding-top:16px;padding-bottom:16px}.py-20{padding-top:20px;padding-bottom:20px}.py-25{padding-top:25px;padding-bottom:25px}.py-30{padding-top:30px;padding-bottom:30px}.py-32{padding-top:32px;padding-bottom:32px}.py-35{padding-top:35px;padding-bottom:35px}.py-40{padding-top:40px;padding-bottom:40px}.py-50{padding-top:50px;padding-bottom:50px}.py-50{padding-top:64px;padding-bottom:64px}.pt-0{padding-top:0}.pt-4{padding-top:4px}.pt-5{padding-top:5px}.pt-6{padding-top:6px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-16{padding-top:16px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-32{padding-top:32px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-64{padding-top:64px}.mt-0{margin-top:0}.mt-2{margin-top:2px}.mt-3{margin-top:3px}.mt-4{margin-top:4px}.mt-5{margin-top:5px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-30{margin-top:30px}.mt-32{margin-top:32px}.mt-64{margin-top:64px}.pe-0{padding-right:0}.pe-4{padding-right:4px}.pe-5{padding-right:5px}.pe-6{padding-right:6px}.pe-8{padding-right:8px}.pe-10{padding-right:10px}.pe-15{padding-right:15px}.pe-16{padding-right:16px}.pe-20{padding-right:20px}.pe-25{padding-right:25px}.pe-30{padding-right:30px}.pe-32{padding-right:32px}.pe-35{padding-right:35px}.pe-40{padding-right:40px}.pe-50{padding-right:50px}.pe-64{padding-right:64px}.pb0,.pb-0{padding-bottom:0}.pb-4{padding-bottom:4px}.pb-5{padding-bottom:5px}.pb-6{padding-bottom:6px}.pb-8{padding-bottom:8px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-16{padding-bottom:16px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-32{padding-bottom:32px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-64{padding-bottom:64px}.ps-0{padding-left:0}.ps-4{padding-left:4px}.ps-5{padding-left:5px}.ps-6{padding-left:6px}.ps-8{padding-left:8px}.ps-10{padding-left:10px}.ps-15{padding-left:15px}.ps-16{padding-left:16px}.ps-20{padding-left:20px}.ps-25{padding-left:25px}.ps-30{padding-left:30px}.ps-32{padding-left:32px}.ps-35{padding-left:35px}.ps-40{padding-left:40px}.ps-50{padding-left:50px}.ps-64{padding-left:64px}.mb0,.mb-0{margin-bottom:0}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-4{margin-bottom:4px}.mb-5{margin-bottom:5px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-30{margin-bottom:30px}.mb-32{margin-bottom:32px}.mb-64{margin-bottom:64px}.me-0{margin-top:0}.me-2{margin-top:2px}.me-3{margin-top:3px}.me-4{margin-top:4px}.me-5{margin-top:5px}.me-6{margin-top:6px}.me-8{margin-top:8px}.me-10{margin-top:10px}.me-12{margin-top:12px}.me-16{margin-top:16px}.me-20{margin-top:20px}.me-24{margin-top:24px}.me-30{margin-top:30px}.me-32{margin-top:32px}.me-64{margin-top:64px}.ms-0{margin-top:0}.ms-2{margin-top:2px}.ms-3{margin-top:3px}.ms-4{margin-top:4px}.ms-5{margin-top:5px}.ms-6{margin-top:6px}.ms-8{margin-top:8px}.ms-10{margin-top:10px}.ms-12{margin-top:12px}.ms-16{margin-top:16px}.ms-20{margin-top:20px}.ms-24{margin-top:24px}.ms-30{margin-top:30px}.ms-32{margin-top:32px}.ms-64{margin-top:64px}.m0a,.m-0a{margin:0 auto}.ma100{max-width:100%}.ma100{max-width:50%}.ma100{max-width:33.33%}.ma100{max-width:25%}.w100{width:100%}.w100{width:50%}.w100{width:33.33%}.w100{width:25%}.rad4{border-radius:4px}.rad5{border-radius:5px}.rad6{border-radius:6px}.rad8{border-radius:8px}.fs10{font-size:10px}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs18{font-size:18px}.fs21{font-size:21px}.fs28{font-size:28px}.fs32{font-size:32px}
/* bs clone end */
.notbot > .col,.nobot > .col,.bot0 > .col,.bot-0 > .col{padding-bottom:0px!important;margin-bottom:0px!important}
.circle,.rad-c,.radc,.radius-c,.radius-c img,.rounded-circle,.rounded-circle img{border-radius:50%}
.center,center{text-align:center}
a:hover,a:active{color:var(--c-hover)}
.d-flex{display:flex}
.flex-center{display: flex;align-items: center; justify-content: center;}
.flex-row{flex-direction:row}
.flex-column{flex-direction:column}
.align-items-baseline{align-items:baseline}
.align-items-center{align-items:center}
.justify-content-between{justify-content:space-between}
.justify-content-around{justify-content:space-around}
.justify-content-center{justify-content:center}
.justify-content-baseline{justify-content:baseline}
.d-none{display:none}
.d-block{display:block}
.ms-auto{margin-right:auto}
.me-auto{margin-left:auto}
.fwrap,.flex-wrap{flex-wrap:wrap}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.flex-column{flex-direction:column}
.flex-row{flex-direction:row}
.flex-column-reverse{flex-direction:column-reverse}
.flex-row-reverse{flex-direction:row-reverse}
.ai-start,.align-items-start{align-items:flex-start}
.ai-end,.align-items-end{align-items:flex-end}
.jc-between,.justify-content-between{justify-content:space-between}
.jc-around,.justify-content-around{justify-content:space-around}
.jc-center,.justify-content-center{justify-content:center}
.jc-baseline,.justify-content-baseline{justify-content:baseline}
.d-block{display:block}
.d-none{display:none}
.visible{visibility:visible}
.hidden{visibility:hidden}
.red{background-color:rgb(248, 42, 42)}
.green{background-color:rgb(0, 148, 0)}
.orange{background-color:orange}
.black{background-color: rgb(5, 5, 5)}

/* -------------------------------------------------------------------------- */
/*                                SETUP CSS END                               */
/* -------------------------------------------------------------------------- */
  
/* -------------------------------------------------------------------------- */
/*                         VAR + SHORTCLASS CSS START                         */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                          VAR + SHORTCLASS CSS END                          */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                                 BLOCK START                                */
/* -------------------------------------------------------------------------- */

/* --block news start */
.row-news .box-vertical .box-text {
	padding: 0 0 0 15px;
}
.row-news > .col > .col-inner > .row > .col.post-item {
	padding-bottom: 0;
}
.tabs-news .tab-panels {
	background: #FFFFFF;
	border: 1px solid #f3f6f8;
	border-radius: 8px;
	padding: 32px 32px;
	box-shadow: 0px -4px 16px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.03), 0px 3px 6px -2px rgba(16, 24, 40, 0.03);
}
.tabs-news ul.nav li.tab a {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #414C62;
    text-transform: unset;
    margin: 0 16px;
}
.tabs-news ul.nav li.tab.active a {
    color: var(--c1);
}
.tabs-news h4.uppercase.text-center {
    font-family: var(--font2);
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #be1d2d;
}
.row-news .col.col.post-item:not(:last-child) .box.box-vertical.box-blog-post {
    margin-bottom: 15px;
}
.box.box-vertical .from_the_blog_excerpt {
    -webkit-line-clamp: 2!important;
}
/* --block news end */
/* -------------------------------------------------------------------------- */
/*                                  BLOCK END                                 */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                                LAYOUT START                                */
/* -------------------------------------------------------------------------- */
/* --header start */
.header-block .logo-hotline img {
    max-height: 48px;
}
.quality-box {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.top-quality .quality-box svg path {
  fill: var(--c1);
}
.quality-box .icon-box-text {
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	color: #15181E;
	padding-left: 16px;
}
.quality-box .icon-box-text span {
	color: #FFC519;
}
.quality-box .icon-box-img {
	width: 32px;
	height: 32px;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
/* --header end */
/* --body start */
/* --body end */
/* --sidebar start */
/* --sidebar end */
/* --footer start */

#top-link {
    color: #fff;
    background: var(--bg1);
    border: 1px solid darksalmon;
}
#top-link:hover {
    background: var(--bg1-hover);
}
.absolute-footer > div.container {
    color: #F6F7F9;
}
.absolute-footer > div.container {
    border-top: 1px solid rgba(224, 228, 235, 0.13);
    padding: 16px 5px 5px;
}
.absolute-footer .footer-secondary {
    padding: 0;
}
.footer-secondary.pull-right a:not(:last-child) {
    margin: 0 24px;
}
.snt.footer-v1 h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #F6F7F9;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.snt.footer-v1 .row.footer-4col {
    margin-top: 45px;
    border-bottom: 1px solid rgba(224, 228, 235, 0.13);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.84);
}
.snt.footer-v1 .row.footer-4col > .col {
    margin-bottom: 32px;
}
.snt.footer-v1 .row.footer-4col .col3 ul li {
    list-style: none;
    margin-left: 0;
}
.snt.footer-v1 .row.footer-4col .col3 ul li a {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.84);
}
.footer-v1 .col.col4 .icon-box {
    margin-bottom: 8px;
}
.footer-v1 .col.col1 h3 {
    margin-bottom: 4px;
}
.footer-v1 .col.col1 ul {
    margin: 16px 0;
}
.footer-v1 .col.col1 ul li {
    margin: 8px 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.footer-v1 .col.col1 .haveicon ul li::before {
    content: '';
    width: 25px;
    height: 22px;
    margin-right: 15px;
    background-size: cover;
}
.footer-v1 .col.col1 .haveicon ul li.hotline::before {
    background-image: url(/wp-content/themes/kombo/assets/img/icons/phone.svg);
}
.footer-v1 .col.col1 .haveicon ul li.andress::before {
    background-image: url(/wp-content/themes/kombo/assets/img/icons/location.svg);
}
.footer-v1 .ux-menu-link__link {
    border-bottom-color: transparent;
    min-height: unset;
    padding: 4px 0;
}
.snt.footer-v1 .row.row-branch {
    margin-top: 32px;
    margin-bottom: 32px;

    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.84);
}
.snt.footer-v1 .row.row-branch .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #FFC519!important;
}
.snt.footer-v1 .row.row-branch .title p {
    color: #FFC519!important;
    margin-bottom: 16px;
}
.text.kb-branch {
    min-height: 85px;
    margin-bottom: 16px;
}
.kb-branch > p {
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #F6F7F9;
    margin-bottom: 4px;
}
.kb-branch ul li {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.84);
    margin: 4px 0;
    list-style: none;
}
.kb-branch:hover p {
    color: gold;
}
.kb-branch:hover ul li {
    color: gold;
}
.snt.footer-v1 a:hover {
    color: var(--c2)!important;
}
/* --footer end */

/* -------------------------------------------------------------------------- */
/*                                 LAYOUT END                                 */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                                PLUGIN START                                */
/* -------------------------------------------------------------------------- */
/* WOOCOMMERCE START - WOO START */
nav.breadcrumbs {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #29303D;
    display: flex;
    align-items: center;
    width: max-content;
}
nav.breadcrumbs a {
    color: #627293;
    display: flex;
    align-items: center;
}
.category-filtering.category-filter-row,
nav.breadcrumbs span.divider {
    display: none;
}
nav.breadcrumbs a:first-child::before {
    content: '';
    background: url(/wp-content/themes/kombo/assets/img/icons/nav-home.svg) no-repeat;
    width: 24px;
    height: 24px;
    padding-left: 30px;
}
nav.breadcrumbs a::after {
    content: '';
    background: url(/wp-content/themes/kombo/assets/img/icons/nav-arrow.svg) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 8px;
}
.col.product.type-product .col-inner {
    border: 1px solid #DAE2EE;
    border-radius: 4px;
    
}
.product.col .box-image, .product.col .box-image img {
    border-radius: 4px 4px 0 0;
}
.box-text-products {
    background-color: #fefefe;
    padding: 16px;
    border-radius: 0 0 4px 4px;
}
.box-text-products .title-wrapper .product-cat.category {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #9D0B0E;
    margin-bottom: 8px;
}
.box-text-products .name.product-title a {
    font-family: var(--font2);
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #9D0B0E;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.box-text-products span.amount {
    font-family: var(--font3);
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: #29303D;
    margin-bottom: 8px;
}

.widget-title.shop-sidebar {
    background: var(--c1);
    padding: 8px;
    color: #F6F7F9!important;
    text-align: center;
}

.menu-menu-thuc-don-container ul {
    margin: 0;
}
.menu-menu-thuc-don-container ul li {
    border: 0!important;
    margin-bottom: 20px;
}
.menu-menu-thuc-don-container ul li:last-child {
    margin-bottom: 0;
}
.menu-menu-thuc-don-container ul li a {
    padding: 0;
    font-family: var(--font2);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #15181E; 
} 
.menu-menu-thuc-don-container ul li a:hover {
    color: var(--c1);
}
p.woocommerce-result-count.hide-for-medium, form.woocommerce-ordering {
    display: none;
}
.woocommerce-page #main .category-page-row {
    padding-top: 0;
    margin-top: 16px;
}
.woocommerce-page.post-type-archive-product #main {
    background-image: url(/wp-content/themes/kombo/assets/img/bg/woo-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 100px;
}
.view-more-button.products-archive {
    background: url('./assets/img/readmore.png') no-repeat;
    background-color: unset !important;
    background-size: cover;
    margin: 24px auto!important;
    font-family: var(--font2);
    font-style: normal;
    font-weight: 400;
    font-size: 0px;
    line-height: 20px;
    color: #FFFFFF;
    height: 48px;
    min-width: 200px;
    border: none;
}
.view-more-button.products-archive:hover{
    box-shadow: none;
}


/* -- Cart Start */
.widget_shopping_cart ul.product_list_widget li a {
    font-family: var(--font2);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0A0A0A;
    padding-right: 30px;
}
.widget_shopping_cart ul.product_list_widget li a.remove_from_cart_button {
    background: rgba(222, 54, 24, 0.1) url(./assets/img/icon-remove.svg) no-repeat;
    background-size: 16px;
    background-position: center;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 4px;
}
.widget_shopping_cart ul.product_list_widget li a .product-quantity,
#order_review .product-name .product-quantity{
    position: absolute;
    top: 0;
    left: 68px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #FDF1D8;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9D0B0E;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font3);
}
.widget_shopping_cart .is-divider {
    display: none;
}
.cart-popup-title h4 {
    font-family: var(--font2);
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #9D0B0E;
    margin-bottom: 16px;
}
.widget_shopping_cart p.woocommerce-mini-cart__buttons.buttons a:not(.checkout) {
    display: none;
}
.widget_shopping_cart p.woocommerce-mini-cart__buttons.buttons a.checkout {
    background: var(--c1);
    font-family: var(--font2);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    border: 1px solid #9D0B0E;
    border-radius: 4px;
}
.widget_shopping_cart p.total {
    color: #15181E;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    font-family: var(--font2);
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 32px 0 0px;
}
.widget_shopping_cart p.total .number-total span{
    font-family: var(--font3);
}
.woocommerce-mini-cart__total.total strong {
    font-family: var(--font2);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #15181E;
}
.woocommerce-mini-cart__total.total .amount {
    font-family: var(--font3);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #15181E;
}
ul.product_list_widget li .quantity {
    opacity: 1!important;
    margin-right: 0;
    text-align: right;
}
.widget_shopping_cart span.quantity span.amount bdi {
    font-family: var(--font3);
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #29303D!important;
    opacity: 1!important;
}
.widget_shopping_cart span.quantity span.woocommerce-Price-currencySymbol {
    font-family: var(--font3)!important;
}
/* -- Cart End */

/* -- Checkout Start */
.woocommerce-checkout form.woocommerce-checkout .col.large-5 .col-inner {
    border: 1px solid #9D0B0E;
    border-radius: 8px;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none;
}
.woocommerce-checkout .woocommerce-billing-fields {
    padding-top: 0;
    border-top: 0;
}
.woocommerce-checkout .col.large-7 #customer_details {
    background: #FFFFFF;
    border: 1px solid #E0E4EB;
    box-shadow: 6px 6px 12px rgba(78, 39, 39, 0.03), inset 0px 8px 0px #9D0B0E;
    border-radius: 8px;
    overflow: hidden;
}
.woocommerce-checkout .col.large-7 #customer_details,
.woocommerce-checkout form.woocommerce-checkout .col.large-5 .col-inner {
    padding: 32px;
}
.woocommerce-checkout .col.large-7 #customer_details h3 {
    text-transform: none;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: #29303D;
    padding: 0;
    margin-bottom: 32px;
}
.woocommerce-checkout .col.large-7 #customer_details > div:first-child h3:first-child::after {
    content: 'Vui lòng điền thông tin theo mẫu bên dưới.';
    display: block;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #414C62;
    margin-top: 8px;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;    
    color: #29303D;
}
.woocommerce-checkout form.woocommerce-checkout .payment_methods label{
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #15181E;
    margin-bottom: 8px;
    display: block;
}
.woocommerce-checkout form.woocommerce-checkout .place-order label{
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 16px 0 32px;
}
.woocommerce-checkout form.woocommerce-checkout .place-order label input{
    width: 19px;
    height: 19px;
    margin-right: 14px;
    outline: none;
    margin-left: 0;
}
.woocommerce-checkout form.woocommerce-checkout .place-order label input[type=checkbox]{
    accent-color: #9D0B0E;
}
.woocommerce-checkout form.woocommerce-checkout .place-order label span{
    flex: 1;
}
.woocommerce-checkout form.woocommerce-checkout span.selection .select2-selection, 
.woocommerce-checkout form.woocommerce-checkout textarea,
.woocommerce-checkout form.woocommerce-checkout #customer_details input {
    background: #FFFFFF;
    border: 1px solid #E0E4EB;
    border-radius: 4px;
    height: 46px;
    display: flex;
    align-items: center;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #A3ADC2;
}
.select2-dropdown {
    background: #FFFFFF;
    border: 1px solid #E0E4EB;
}
.woocommerce-checkout .col.large-7 #customer_details div.woocommerce-additional-fields h3 {
    display: none;
}
.woocommerce-checkout form.woocommerce-checkout input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #A3ADC2;
}
.woocommerce-checkout .checkout-sidebar h3{
    font-family: var(--font2);
    color: #9D0B0E;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 32px;
}
/* -- Checkout End */
/* WOOCOMMERCE END - WOO END */
/* -------------------------------------------------------------------------- */
/*                                 PLUGIN END                                 */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                                WIDGET START                                */
/* -------------------------------------------------------------------------- */
.menu-menu-thuc-don-container {
    background: #FDF1D8;
    padding: 32px;
}
.widget.widget_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #15181E;
}
.wp-image-383, .wp-image-384 {
    width: 43px;
    height: 43px;
    min-width: 43px;
    padding-bottom: 16p!important;
}
#text-3.widget .wp-image-384 {
    margin-left: 16px;
}
.widget.widget_categories .widget-title {
    color: #0B2359;
}
.widget.widget_list_hot_news .widget-title {
    font-size: 36px;
    line-height: 44px;
}
.widget .widget-title {
    font-family: var(--font2);
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #9D0B0E;
    text-transform: none;
    display: block;
}
.widget.widget_categories ul {
    margin-top: 16px;
}
.widget.widget_categories ul li {
    background-color: #fff;
    padding: 12px 16px;
    border: 0;
    font-weight: 100;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    margin: 6px 0;
}  
.widget.widget_categories ul li,
.widget.widget_categories ul li a {
    font-family: var(--font2);
    color: #3F4564;
    font-weight: 600;
}
.widget.widget_categories .current-cat, .widget.widget_categories ul li:hover a, .widget.widget_categories ul li:hover {
    background: var(--c1);
    color: #fff;
}   
.widget.widget_categories .current-cat > a {
    font-weight: normal;
    color: #fff;
}
/* -------------------------------------------------------------------------- */
/*                                 WIDGET END                                 */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                                 PAGE START                                 */
/* -------------------------------------------------------------------------- */
/* --homepage start */
.b-title,
.section-title-main {
    font-family: var(--font2);
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	letter-spacing: -0.02em;
	color:#be1d2d;
    text-transform: uppercase !important;
}
/* .section-title span{
    text-transform: none;
} */
.home-viewmore {
    background: url('./assets/img/readmore.png') no-repeat;
    background-color: unset !important;
    background-size: cover;
    margin: 16px auto!important;
    font-family: var(--font2);
    font-style: normal;
    font-weight: 600;
    font-size: 0px;
    line-height: 20px;
    color: #FFFFFF;
    display: block;
    width: 200px;
    height: 48px;
    padding: 0px;
    border: none;
}
.home-viewmore:hover{
    box-shadow: none;
}
.home-viewmore span {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    min-width: 180px;
}
.letter-partner .letter-partner-content {
    display: flex;
    align-items: center;
}
.letter-partner .letter-partner-content p {
    margin-bottom: 0;
}
.letter-partner .letter-partner-content .text.title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #9D0B0E;
    border-left: 4px solid var(--c1);
    padding-left: 16px;
    margin-bottom: 32px;
}
.letter-partner .letter-partner-content .text.desc {
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.01em;
    color: #15181E;
    margin-bottom: 32px;
    font-family: 'Dancing Script', sans-serif;
}
.letter-partner .letter-partner-content .text.desc p{
    font-family: 'Dancing Script', sans-serif !important;
}
.letter-partner .letter-partner-content .text.name {
    font-weight: 400;
    font-size: 32px;
    line-height: 28px;
    color: #15181E;
    font-style: italic;
    margin-bottom: 15px;
}
.letter-partner .letter-partner-content .text.ceo {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #627293;
}
.ux__top_product .box-blog-post .post-title {
    font-family: var(--font2);
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #be1d2d;
    margin-bottom: 8px;
}
.ux__top_product .box-blog-post .from_the_blog_excerpt {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #414C62;
    margin-bottom: 8px;
    -webkit-line-clamp: 3!important;
}
.ux__top_product .box-blog-post a.btn-more {
    font-family: var(--font2);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #be1d2d;
    display: flex;
    align-items: center;
    border: 1px solid #be1d2d;
    border-radius: 30px;
    max-width: max-content;
    padding: 12px 48px;
}
.ux__top_product .box-blog-post a.btn-more:hover {
    background-color: var(--c1);
    color: #fff;
}
.top__product .c-line-top-meta {
    display: none;
}
.post_promotion .box-text {
    display: none;
}
/* --homepage end */

/* --about start */
.page-id-14 section .section-title-container {
    margin-bottom: 16px;
}
section.about-section-1 .text.desc {
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
}
section.mission-vision .mission-vision-text .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFD050;
}
section.about-section-1 h1 {
    font-family: var(--font2);
	font-weight: 400;
	font-size: 36px;
	line-height: 44px;
	letter-spacing: -0.02em;
	color: #15181E;
    margin: 0 auto 32px;
    padding: 0 10px;
    max-width: 90%;
}
section.about-section-1 .desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    padding: 0 15px;
}
section.about-section-1 .button.btn-center {
    font-family: var(--font2);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;    
}
section.about-section-2 .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    align-items: flex-end;
    text-transform: uppercase;
    color: #FFD050;
}
section.about-section-2 .desc {
    font-family: var(--font4);
    font-weight: 100;
    font-size: 28px;
    line-height: 40px;
    color: #F6F7F9;
}
section.about-section-3 .desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    align-items: center;
    text-align: center;
    color: #29303D;
    width: 500px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
}
section.about-section-4 .flex-center > .col-inner {
    padding: 16px 40px;
    margin: 0 auto!important;
}
section.about-section-4 .flex-center .desc-box h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
    color: #101828;
}
section.about-section-4 .flex-center .desc-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
}
section.about-section-4 .number-box {
    width: fit-content;
}
section.about-section-4 .flex-center .text.title {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #1F242E;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 2px solid var(--c1);
}
section.about-section-4 .flex-center .text.sub {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #29303D;
    padding-bottom: 0;
    margin-bottom: 32px;
}
section.about-section-4 .flex-center .text.title p,
section.about-section-4 .flex-center .text.sub p {
    margin-bottom: 0;
}
section.about-section-4 .number-box > div.col.large-6 {
    max-width: 220px;
}
.row-logo-partner > .col {
    max-width: calc((var(--container) - 30px)/8);
}
.section.about-section-5 .col-topscore p {
    margin-bottom: 0;
    text-align: center;
}
.section.about-section-5 .col-topscore p:nth-child(1){
    border-bottom: 2px solid rgba(246, 247, 249, 0.4);
    padding-bottom: 8px;
    width: max-content;
    margin: 0 auto 8px;
    min-width: 195px;
    font-family: var(--font4);
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.section.about-section-5 .col-topscore p:nth-child(2){
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #F0F1F5;
}
.col-topscore .col-inner {
    margin: 8px auto;
}

.col-timeline{
    position: relative;
}
.col-timeline::before{
    content: '';
    position: absolute;
    top: -60px;
    left: -15px;
    background: url(./assets/img/bg-timeline.svg) no-repeat;
    background-size: 100%;
    width: calc( 100% + 20px);
    height: 100%;
}
.timeline-point .title {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #15181E;
    margin-bottom: 20px;
}
.timeline-point .sup {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 12px;
    /* background: #9D0B0E; */
    border-radius: 0px 100px 100px 0px;
    /* padding: 12px 16px; */
    color: #9d0d0d;
    width: fit-content;
}
.timeline-point .title p,
.timeline-point .sup p {
    margin-bottom: 0;
}
.timeline-point .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #031430;
    margin-bottom: 32px;
}
.timeline-point .desc p {
    margin-bottom: 12px;
}
.timeline-point {
    padding-bottom: 32px;
}
.timeline-point .col-inner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.section.about-section-7 .col-member-bqt .col-inner {
    border: 1px solid #E0E4EB;
    border-radius: 8px;
    padding: 50px 32px 22px;
}
.section.about-section-7 .col-member-bqt .col-inner:hover {
    border: 1px solid #ff515136;
    background: #ff51510a;
}
.section.about-section-7 .col-member-bqt .box .person-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #15181E;
    text-transform: capitalize;
}
.section.about-section-7 .col-member-bqt .box .person-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #414C62;
    text-transform: capitalize;
}
.section.about-section-7 .col-member-bqt .box-text {
    padding-top: 24px;
}
.section.about-section-7 .col-member-bqt .box-text h4 {
    margin-bottom: 13px;
}
.section.about-section-8{
    box-shadow: inset 0px 8px 24px rgba(126, 138, 176, 0.3);    
}
.title-vision-mission .section-title-main{
    max-width: 400px;
}
.box-vison-mission .section-title .section-title-main{
    font-size: 24px;

}



/* --about end */

/* -- news start - blog start */
.archive.category #main {
    background-image: url(/wp-content/themes/kombo/assets/img/bg/woo-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 100px;
}
header.archive-page-header {
    display: none;
}
.box-blog-post .is-divider {
    display: none;
}
.box-blog-post .post-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #29303D;
    margin-bottom: 8px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.box-blog-post .from_the_blog_excerpt {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #414C62;
    opacity: 0.8;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.section-news .c-line-top-meta {
    margin: 0 0 11px;
}
.c-line-top-meta {
    margin: calc(21px - 0.7em) 0 11px;
}
.c-meta-category {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #9D0B0E;
    opacity: 0.8;
}
.c-meta-date {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #4D4D4D;
    padding-left: 12px;
    border-left: 1px solid #627293;
    margin-left: 12px;
}
.archive.category .row.large-columns-3 > .col.post-item:nth-child(1) {
    min-width: 66%;
}
.archive.category .post-title {
    min-height: 52px;
}
.archive.category .row > .col.post-item:nth-child(1) .box-image,
.archive.category .row > .col.post-item:nth-child(2) .box-image {
    max-height: 220px;
}
/* -- news end - blog end */
/* -- single-post start */
body.single-post h1.entry-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #15181E;
    margin-bottom: 32px;
}
body.single-post .entry-category{
    text-align: center;
}
.entry-divider {
    display: none;
}
body.single-post .entry-content.single-page {
    margin-bottom: 0!important;
}
.c-entry-line-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
}
.c-entry-line-meta > div {
    margin-right: 10px;
}
/* -- single-post end */
/* -------------------------------------------------------------------------- */
/*                                  PAGE END                                  */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                           GLOBAL CUSTOM CSS START                          */
/* -------------------------------------------------------------------------- */
pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 16px;
}
.widget .is-divider {
    display: none;
}
.section-title-normal span,
.section-title-normal {
    border-bottom: 0;
}
.section-title-bold-center span {
    font-family: var(--font2);
}
.btn-center {
    display: block;
    width: fit-content;
    min-width: 130px;
    max-width: 100%;
    margin: 0 auto;
}

/* pagination start */
ul.nav-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.nav-pagination li .page-number {
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #15181E;
    border: 0;
}
ul.nav-pagination li .page-number.current {
    color: #fff;
}
ul.nav-pagination li .page-number:not(.next):not(.prev) {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.nav-pagination li a,
ul.nav-pagination li .page-number.prev,
ul.nav-pagination li .page-number.next {
    border: 0;
    transition: 0s;
}
.nav-pagination > li > .page-number:not(.current):hover {
    background-color: #F0F1F5!important;
    color: #15181E;
}
ul.nav-pagination li .page-number.prev:hover,
ul.nav-pagination li .page-number.next:hover,
ul.nav-pagination li .page-number.prev:hover::after,
ul.nav-pagination li .page-number.next:hover::before {
    border-radius: 2px!important;
}
ul.nav-pagination li .page-number.prev::after {
    content: 'Đầu Tiên';
    margin-left: 12px;
}
ul.nav-pagination li .page-number.next::before {
    content: 'Cuối Cùng';
    margin-right: 12px;
}
ul.nav-pagination li .page-number.prev::after,
ul.nav-pagination li .page-number.next::before {
    font-family: var(--font1)!important;
    font-weight: 400!important;
    font-size: 14px;
    line-height: 20px;
    color: #15181E;
}
.nav-pagination>li i {
    top: 0;
}
/* pagination end */

/* form start */
input.group, .input-group {
    position: relative;
}
.row-mb-0 > .col {
    margin-bottom: 0;
}
.row-pb-0 > .col {
    padding-bottom: 0;
}
.snt.footer-v1 .row .col {
    margin-bottom: 0;
    padding-bottom: 0;
}
/* form end */

/* v1.form start */
form.v1 {
    margin: 15px 0;
}
form.v1 label {
    font-size: 14px;
}
form.v1 input,form.v1 select,form.v1 textarea {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;  
    height: 40px;
}
form.v1 input:hover,form.v1 select:hover,form.v1 textarea:hover,
form.v1 input:active,form.v1 select:active,form.v1 textarea:active,
form.v1 input:focus,form.v1 select:focus form.v1 textarea:focus {
    outline: unset;
}
form.icon:after {
    content: '';
    width: 32px;
    height: 32px;
}
/* v1.form end */

.section-title b {
    background: transparent;
}
.center-title {
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #1F242E;
    padding: 0 5px;
}
.center-title p {
	margin-bottom: 32px!important;
}
.center-title span {
	color: #9D0B0E;
}
.col-member-bqt .social-icons .icon {
    border: 1px solid #E0E4EB;
    display: inline-flex!important;
    align-items: center;
    justify-content: center;
    padding: 4px 0 0 0;
    width: 48px;
    height: 48px;
}
.col-member-bqt .social-icons .icon i {
    font-size: 17px;
}
.header-nav-main {
    justify-content: center;
}
/* -------------------------------------------------------------------------- */
/*                            GLOBAL CUSTOM CSS END                           */
/* -------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------- */
/*                           DESIGNED TEMPLATE START                          */
/* -------------------------------------------------------------------------- */
/* auth-page start */

/* auth-page end */
/* -------------------------------------------------------------------------- */
/*                            DESIGNED TEMPLATE END                           */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                              RESPONSIVE START                              */
/* -------------------------------------------------------------------------- */
/* handwritten by sonthai.gx with ♥ */

@media only screen and (max-device-width: 2560px), (max-width: 2560px) {
}
@media only screen and (max-device-width: 1440px), (max-width: 1440px) {

}
@media only screen and (max-device-width: 1280px), (max-width: 1280px) {
    .row-logo-partner > .col {
        max-width: calc(100%/8)!important;
    }
}
@media only screen and (max-device-width: 1216px), (max-width: 1216px) {
    .archive.category .row.large-columns-3 > .col.post-item:nth-child(1) {
        min-width: unset!important;
    }
    .archive.category .row.large-columns-3 > .col.post-item:nth-child(1) .box-image {
        max-height: unset!important;
    }
}
@media only screen and (max-device-width: 1186px), (max-width: 1186px) {

}
@media only screen and (max-device-width: 1024px), (max-width: 1024px) {

}
@media only screen and (max-device-width: 850px), (max-width: 850px) {
    .top-quality .col.medium-6 {
        max-width: max-content;
        min-width: 40%;
        margin: 0 auto;
    }
    .flex-column{
        flex-direction: column;
    }
    .photo-feedbacks div.gallery-col.col {
        max-width: 25%;
    }

}
@media only screen and (max-device-width: 768px), (max-width: 768px) {
    .menu-menu-thuc-don-container ul li {
        text-align: center;
    }
    #button-contact-vr {
        bottom: 145px !important;
    }
    .store-list-phone h4{
        font-size: 15px;
    }


}
@media only screen and (max-device-width: 550px), (max-width: 550px) {
    .text.kb-branch {
        min-height: 120px!important;
        margin-bottom: 16px!important;
    }
    .top-quality .col.medium-6 {
        max-width: 100%;
        min-width: unset;
        margin: unset;
    }
    section.about-section-4 .flex-center .desc-box h4 {
        font-size: 18px!important;
        line-height: 1.35!important;
    }
    section.mission-vision .mission-vision-text .desc p {
        font-size: 22px!important;
        line-height: 1.55!important;
    }
    .row-logo-partner > .col {
        max-width: calc(100%/3)!important;
    }
    .tabs-news h4.uppercase.text-center, .box-text-products span.amount {
        font-size: 15px!important;
    }
    .row-news .box-vertical .box-text {
        padding: 15px 0 5px!important;
    }
    .tabs-news .tab-panels {
        padding: 16px!important;
    }
    .b-title, .section-title-main {
        font-size: 28px!important;
    }
    .tabs-news ul.nav li.tab a {
        font-size: 14px!important;
        margin: 0 3px!important;
    }
	.row-top-quality > .col {
		padding: 0 10px;
	}
    .footer-v1 .col.col1 h3 {
        margin-bottom: 0;
    }
    .footer-v1 .col.col1 ul {
        margin: 32px 0 0!important;
    }
    .footer-secondary.pull-right a:not(:last-child) {
        margin: 0px;
    }
    .footer-secondary.pull-right a {
        margin: 0 5px 15px!important;
        font-size: 13px;
    }
	.quality-box .icon-box-img svg,
	.quality-box .icon-box-img {
		width: 24px!important;
		height: 24px!important;
	}
	.quality-box .icon-box-text, .quality-box .icon-box-text p {
		font-size: 13px!important;
		line-height: 1.35em!important;
	}
	.icon-box-left .icon-box-img+.icon-box-text {
		padding-left: 8px!important;
	}
    body.single-post h1.entry-title {
        font-size: 22px;
        margin-bottom: 15px;
    }

}
@media only screen and (max-device-width: 414px), (max-width: 414px) {

}
@media only screen and (max-device-width: 375px), (max-width: 375px) {
    .photo-feedbacks div.gallery-col.col {
        max-width: 50%;
        width: 50%;
    }

}
@media only screen and (max-device-width: 320px), (max-width: 320px) {
	.row-top-quality > .col {
		padding: 0 5px;
	}
	.quality-box .icon-box-text, .quality-box .icon-box-text p {
		font-size: 11px!important;
		line-height: 1.35em!important;
	}
}
@media only screen and (max-device-width: 280px), (max-width: 280px) {

}

@media only screen and (max-width: 48em) {
    .absolute-footer > div.container{
        border: none;
    }

    .title-intro-about h1 {
        font-size: 30px;
    }

    .col-timeline::before{
        content: none;
    }
    .banner-about-us .ux-shape-divider{
        height: 0px;
    }
    .section.about-section-5 .row-topscore .col-topscore p:nth-child(1){ 
        font-size: 24px;
        min-width: unset;
        width: auto;
    }
    .col-timeline{
        padding-left: 50px;
    }
    .col-timeline:before{
        content: "";
        position: absolute;
        width: 40px;
        height: 97%;
        left: 3px;
        top: 0px;
        background-image: url('./assets/img/Line.png');
        background-size: contain;
    }
    .letter-partner .letter-partner-content .text.desc{
        font-size: 20px ;
        line-height: 30px ;
        margin-bottom: 15px;
    }
    .letter-partner .letter-partner-content .text.name{
        font-weight: 600;
        font-size: 24px;
    }
    .letter-partner .letter-partner-content .text.title{
        margin-bottom: 15px ;
        margin-top: 15px;
    } 
    .ux__top_product .box-blog-post .post-title{
        font-size: 14px;
        min-height: 64px;
    }

    .ux__top_product .box-blog-post a.btn-more {
        font-size: 14px;
        line-height: 16px;
        padding: 6px 28px;
    }
    .b-title, .section-title-main {
        font-size: 18px!important;
        line-height: 1.5;
    }
    .title-feedback h3 span{
        line-height: 27px;
    }
    .center-title {
        font-size: 22px;
        line-height: 30px;
    }
    .timeline-point .title{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .timeline-point .sup{
        font-size: 16px;
    }
    .timeline-point .desc p{
        font-size: 14px;
    }
    .group-btn-nq .col-inner a{
        margin-right: 0px;
        width: 100%;
        line-height: 39px;
    }
    .box-text-products{
        padding: 5px;
    }
    .box-text-products .name.product-title a{
        font-size: 14px;
        display: block;
        line-height: 1.5;
    }
    .box-text-products .title-wrapper .product-cat.category{
        margin-bottom: 0px;
    }
    .product-small.box .order-product{
        flex-direction: column;
    }
    .product-small.box .order-product *{
        width: 100%;
    }
    .product-small.box .order-product{
        margin-top: 7px;
    }
    .single .entry-header-text{
        padding-bottom: 0px;
    }
    .widget.widget_custom_html{
        padding: 15px;
    }
    .woocommerce-checkout .col.large-7 #customer_details, .woocommerce-checkout form.woocommerce-checkout .col.large-5 .col-inner{
        padding: 15px;
    }
    .checkout-sidebar.sm-touch-scroll{
        overflow: unset;
    }


}

/* -------------------------------------------------------------------------- */
/*                               RESPONSIVE END                               */
/* -------------------------------------------------------------------------- */