:root {
--primary-color: var(--color--theme);--fs-color-primary: var(--color--theme);--fs-color-secondary: #00aae5;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #334862;--fs-experimental-link-color-hover: #111;
}
.tooltipster-base {
--tooltip-color: #fff;--tooltip-bg-color: #000;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
--drawer-width: 300px;
}
.off-canvas .mfp-content.off-canvas-cart {
--drawer-width: 360px;
}
.container-width, .full-width .ubermenu-nav, .container, .row{
max-width: 1270px
}
.row.row-collapse{
max-width: 1240px
}
.row.row-small{
max-width: 1262.5px
}
.row.row-large{
max-width: 1300px
}
.header-main{
height: 90px
}
#logo img{
max-height: 90px
}
#logo{
width:95px;
}
.stuck #logo img{
padding:8px 0;
}
.header-bottom{
min-height: 55px
}
.header-top{
min-height: 35px
}
.transparent .header-main{
height: 90px
}
.transparent #logo img{
max-height: 90px
}
.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{
padding-top: 120px;
}
.header.show-on-scroll,.stuck .header-main{
height:70px!important
}
.stuck #logo img{
max-height: 70px!important
}
.search-form{
 width: 90%;
}
.header-bg-color {
background-color: #ffffff
}
.header-bottom {
background-color: #ffffff
}
.top-bar-nav > li > a{
line-height: 8px 
}
.header-main .nav > li > a{
line-height: 70px 
}
.stuck .header-main .nav > li > a{
line-height: 50px 
}
.header-bottom-nav > li > a{
line-height: 16px 
}
@media (max-width: 549px) {
.header-main{
height: 70px
}
#logo img{
max-height: 70px
}

}
.nav-dropdown{
font-size:100%
}
.nav-dropdown-has-arrow li.has-dropdown:after{
border-bottom-color: #ffffff;
}
.nav .nav-dropdown{
background-color: #ffffff
}
.header-top{
background-color:#2b00aa!important;
}
body{
font-size: 100%;
}
@media screen and (max-width: 549px){
body{
font-size: 100%;
}

}
body{
font-family: "Lexend Deca", sans-serif;
}
body {
font-weight: 400;font-style: normal;
}
.nav > li > a {
font-family: "Lexend Deca", sans-serif;
}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
font-family: "Lexend Deca", sans-serif;
}
.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {
font-weight: 500;font-style: normal;
}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
font-family: "Lexend Deca", sans-serif;
}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {
font-weight: 700;font-style: normal;
}
.alt-font{
font-family: "Lexend Deca", sans-serif;
}
.alt-font {
font-weight: 400!important;font-style: normal!important;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
color: #000000;
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{
color: var(--color--primary);
}
.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{
color:#FFF!important;background-color: var(--color--primary);
}
@media screen and (min-width: 550px){
.products .box-vertical .box-image{
min-width: 10000px!important;width: 10000px!important;
}

}
.absolute-footer, html{
background-color: #252868
}
.nav-vertical-fly-out > li + li {
border-top-width: 1px; border-top-style: solid;
}
/* Custom CSS */.header, .header-wrapper {
z-index: 998;
}
#tab-description, #tab-description h2, #tab-description h3, #tab-description h4, #tab-description h5, #tab-description h6, #tab-description p, #tab-description span, #tab-description strong {
font-family: inherit !important;
}
b, strong {
font-weight: bold; 
}
body,html, a {
color: #000;
}
body,html, .devvn-popup-quickbuy {
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
 color: #000; 
}
body,html,.devvn-popup-quickbuy {
font-weight: 400;
}
.store-tabs .nav-tabs.nav-vertical li a span:before {
margin-right: 5px;width: 15px;display: inline-block;
}
.factory-tabs .nav-tabs.nav-vertical li a span:before {
margin-right: 5px;width: 15px;display: inline-block;
}
body,html {
color: #000;
}
span.onsale {
font-weight: normal;
}
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
border-radius: 5px;
}
input[type='submit'], input[type='submit'].button, input[type='submit'], .primary {
border-radius: 0;
}
.badge {
width: 2em;height: 2em;
}
.badge-circle-inside .badge-inner, .badge-circle .badge-inner {
border-radius: 5px;font-size: 13px;
}
a {
 color: #000; 
}
.widget .post-date.badge {
width: 4em;height: 4em;
}
.no-dvd .box-blog-post .is-divider {
display: none;
}
.no-dvd .box-vertical .box-text {
padding-top: 0;
}
.no-dvd .box-vertical .box-image {
vertical-align: top;
}
.no-dvd .box-text h5 {
margin-top: 0;
}
.section-title a {
font-weight: normal;color: rgb(48, 49, 135);
}
.product-small .badge-container {
margin-top: 0;right: 10px !important;left: auto;
}
.single.single-post .common-slide {
 display: none;
}
.stroke-text {
-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--color--theme);color: #fff;
}
.header-main .nav-spacing-xlarge>li {
margin: 0 17px;
}
.column-ftcn .fa {
display: inline-block;min-width: 18px;color: #77d377;
}
.single_add_to_cart_button {
width: 100%;margin-top: 10px;margin-bottom: 0;border-radius: 5px;padding: 3px;
}
.header.transparent .header-nav-main.nav > li > a {
color: #fff;
}
.header.transparent .header-nav-main.nav > li.active > a, .header.transparent .header-nav-main.nav > li > a:hover {
color: fff;
}
.uppercase, h6, th, span.widget-title {
letter-spacing: inherit;
}
.product-small .badge-container .badge {
width: 36px;margin-left: 10px;
}
.product-small .badge-container .on-sale:after {
content: "";width: 0;height: 0;left: 0;bottom: -0.5em;position: absolute;border-color: transparent #00aae5;border-style: solid;border-width: 0 18px 0.5em;
}
.woocommerce-product-gallery .badge-container {
margin-top: 0;right: 10px !important;left: auto;
}
.woocommerce-product-gallery .badge-container .badge {
width: 46px;
}
.woocommerce-product-gallery .badge-container .badge:after {
content: "";width: 0;height: 0;left: 0;bottom: -0.5em;position: absolute;border-color: transparent #00aae5;border-style: solid;border-width: 0 23px 0.5em;
}
#content .section-title-normal span, #main .section-title-normal span {
color: var(--color--theme);
}
.woof_color_term {
border-radius: 99px;
}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
max-width: 100%;
}
.content-ctsp {
border: 1px solid #ddd;
}
.prd-ft ul li:before {
content: "";width: 15px;height: 15px;background: url(https://dongphucha.mos.vn/wp-content/uploads/2021/05/checked.svg) no-repeat 50%;display: block;position: absolute;left: 0;top: 6px;
}
.prd-ft ul li {
position: relative;padding-left: 20px;margin-left: 0;list-style: none;
}
.content-ctsp .featured-box .icon-box-text span {
color: rgb(48, 49, 135);font-weight: bold;
}
.quantity+.button {
opacity: 1;
}
.entry-content ol.commentlist li {
margin-left: 0;
}
.entry-content ol.commentlist li .comment_container {
background: #f6eeee;padding: 10px;border-radius: 10px;
}
.entry-content {
padding-top: 0;
}
span.onsale {
 font-size: 12px;
}
span.onsale:after {
content: "Giảm";display: block;margin-top: 5px;margin-bottom: 5px;
}
footer .section-title-normal {
border-bottom: none;margin-bottom: 5px;
}
footer .section-title-normal span {
border-bottom: 0;
}
#footer .section-title-container {
margin-bottom: 5px;
}
.store-tabs .tab-panels, .factory-tabs .tab-panels {
padding-left: 0;padding-right: 0;
}
.entry-content p, .entry-content span, .term-description p, .term-description span {
font-family: inherit !important;
}
.stuck .header-main .nav > li > a {
color: var(--color--primary);
}
.product-small.box .box-text, .post-item .box-blog-post .box-text .from_the_blog_excerpt {
min-height: 69px;
}
.post-item .box-blog-post .box-text {
padding-top: 1.4em;
}
.post-item .box-blog-post .box-image {
border-radius: 5px;
}
.product-small.box .box-text, .post-item .box-blog-post .box-text button {
text-transform: none;font-weight: normal;font-size: 15px;margin-top: 0;
}
.box-blog-post .is-divider {
display: none;
}
.nav-pagination>li>span:hover, .nav-pagination>li>a:hover, .nav-pagination>li>span.current, .nav-pagination>li>a.current {
background: #444;
}
.nav-pagination>li>span, .nav-pagination>li>a {
border-radius: 0;border: 1px solid;
}
.none-dv .section-title b {
opacity: 0;
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current {
color: var(--color--text);
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current {
color: var(--color--text--hover);
}


.widgetizedArea .woof_container {
max-width: 200px;margin-right: 10px;display: inline-block;margin-top: 15px;
}
.widgetizedArea .woof_submit_search_form_container {
 display: none;
}
.widgetizedArea .widget {
margin-bottom: 0;
}
.widgetizedArea .widget h3 {
display: none;
}
.woof_reset_button_2 {
display: none;
}
.absolute-footer {
display: none;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
border-bottom: none;
}
ul.menu>li+li, .widget>ul>li+li {
border-top: none;
}
#shop-sidebar {
padding-bottom: 65px;
}
.entry-content .star-rating span, .term-description .star-rating span {
font-family: inherit !Important;
}
.header-main .nav-spacing-xlarge>li.initial {
position: initial;
}
.header-main .nav-spacing-xlarge>li.initial ul.sub-menu.nav-dropdown.nav-dropdown-default {
margin-left: 15px !important;width: 100%;
}
.nav-left.header-nav-main {
justify-content: center;
}
.hctitle {
font-size: 15px;font-weight: 400;
}
p.pheading {
font-size: 20px;font-weight: bold;text-transform: uppercase;
}
.aligncenter {
 text-align: center; 
}
.wp-caption .wp-caption-text {
 background : none; 
}
.post-sidebar .product-small.box {
 box-shadow: none; 
}
.post-sidebar .widget .is-divider, #shop-sidebar .widget .is-divider {
 display: none; 
}
h2.sbtitle, .sbtitle h2, .post-sidebar .widget-title {
background: var(--color--theme);color: #fff;padding: 9px;font-size: 14px;display: block;
}
.sbtitle h2 span {
border-bottom: none;padding-bottom: 0;color: #fff !important;
}
.entry-content a, .term-description a, div#accordion-description-content a {
color: var(--color--theme); 
}
.headinginsidebar {
 font-weight: normal; font-size: 16px; 
}
.single-product .quantity {
display: none;
}
.wpcf7 .form-horizontal .wpcf7-form-control-wrap {
float: left;margin-right: 10px;
}
/*************** STICKY MOBILE MENU***************/.sticky-mobile-menu {
position: fixed;left: 0;bottom: 0;z-index: 999;background-color: transparent !important;
}
.sticky-mobile-menu a.plain .icon-box-img .icon img, .sticky-mobile-menu a.plain svg {
animation: tada 1.2s infinite;
}
.sticky-mobile-menu a.plain .icon-box {
background: rgba(0,172,238);padding: 5px 15px;border-radius: 3px;
}
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col, .row-xsmall>.col {
padding: 3px 3px 3px;margin-bottom: 0;
}
.sticky-mobile-menu a.plain .icon-box-text {
font-size: 80%;
}
.row.row-small.row-sp {
max-width: 400px;
}
.row.row-small.row-sp>.col {
 padding-bottom: 10px; 
}
@keyframes tada{
0%{
transform:scaleX(1)
}
10%,20%{
transform:scale3d(.9,.9,.9) rotate(-3deg)
}
30%,50%,70%,90%{
transform:scale3d(1.3,1.3,1.3) rotate(3deg)
}
40%,60%,80%{
transform:scale3d(1.3,1.3,1.3) rotate(-3deg)
}
to{
transform:scaleX(1)
}

}
.nav-dropdown {
min-width: 280px; 
}
.wrap-social-author a {
display: inline-block;margin-right: 10px;
}
#ftwp-container.ftwp-wrap .ftwp-icon-number::before {
font-family: "ftwp-icon";
}
.custom-video-wrapper video {
width: 100%;height: auto;display: block;cursor: pointer;
}
.custom-play-btn:hover {
background: rgba(0, 0, 0, 0.8);transform: translate(-50%, -50%) scale(1.1);
}
.custom-video-wrapper.playing .custom-play-btn {
display: none !important;
}
.product_meta>span {
 border-top: none; 
}
.button.is-underline:before {
left: 0;width: 100%;bottom: 5px;
}
.primary.is-underline {
color: #000;font-weight: normal;
}
.box.box-category.box-badge .box-text {
left: 5%;bottom: 10px;font-size: 0.8rem;padding: 5px 15px;width: auto;
}
.box.box-category.box-badge .box-text h5 {
font-weight: normal;
}
a.button.primary.is-outline.black-button {
border: 1px solid #000;border-radius: 0;font-weight: normal;color: #000;
}
a.button.primary.is-outline.black-button:hover {
color: #fff;
}
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
padding: 0 4px 19.6px;
}
.slider-chay-muot .col > .col-inner {
border: 1px solid rgba(0, 0, 0, 0);
}
.slider-chay-muot .col > .col-inner .box-text, .slider-chay-muot .col > .col-inner .text {
padding: 5px;
}
.slider-chay-muot .col > .col-inner .text p {
margin-bottom: 0;
}
.slider-chay-muot .col > .col-inner .button {
margin-left: 5px;
}
.colinnerhv .col > .col-inner > .box {
border: 1px solid transparent;
}
.slider-chay-muot .col > .col-inner:hover, .colinnerhv .col > .col-inner > .box.has-hover:hover {
border: 1px solid #000;
}
.slider-chay-muot.a_scroll .col > .col-inner:hover {
border: 1px solid rgba(0,0,0,0);
}
.slider.slider-chay-muot .flickity-prev-next-button .arrow, .slider.slider-chay-muot .flickity-prev-next-button svg {
background: #fff;fill: #000;border: 1px solid #000;font-weight: normal;
}
.slider.slider-chay-muot:hover .flickity-prev-next-button {
opacity: 1;
}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
border-radius: 0;background: #fff;border: 1px solid #000;
}
.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {
fill: #000;
}
.slider-chay-muot.large-columns-4 .flickity-slider>.col {
flex-basis: 24.5%;max-width: 24.5%;
}
a.button.primary.small.is-outline.show-more-gallery {
color: #000;border-radius: 0;border: 1px solid #000;font-weight: normal;margin-top: -20px;background: #fff;z-index: 9;
}
.column-full .col-inner > .row {
height: 100%;
}
.black-button.primary {
font-weight: normal;background: #000;
}
.woocommerce-ordering, .woocommerce-ordering select {
box-shadow: none;
}
.woocommerce-ordering select {
border: 1px solid #000;
}
.first-logo .ux-logo-link.block {
padding-left: 0 !important;
}
.custom-gallery .row-xsmall>.col {
padding: 1px 0 0 1px;
}
a.button.primary.is-outline.is-small.black-button-home {
color: #000;border: 1px solid #000;
}
a.button.primary.is-outline.is-small.black-button-home:hover {
background: #000;color: #fff;
}
.yctvbt {
display: inline-block;animation: scalePulse 1s infinite ease-in-out;transform-origin: center;
}
@keyframes scalePulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}

}
.hidden-gallery {
display: none;
}
@media (min-width: 1024px) and (max-width: 1440px) {
.ftct span.nbtext {
font-size: 0.7em;
}

}
.wb_cptb_title {
 display: none; 
}
.has-dropdown .icon-angle-down {
display: none;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
background: #fff;
}
.nav-sidebar.nav-vertical>li+li {
border-top: none;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
color: #000;
}
.off-canvas .nav-vertical>li.strong>a {
font-weight: bold;
}
.off-canvas .nav-vertical li.header-block {
position: absolute;bottom: 10px;
}
.off-canvas .nav-vertical li.header-block .header-block-block-2 {
width: 100%;padding-left: 10px;padding-right: 10px;
}
.product-page-accordian .accordion-title {
font-weight: bold;padding-left: 10px;
}
.product-page-accordian .accordion .toggle {
left: auto;right: 0;
}
.product-page-accordian .accordion {
border-right: 1px solid #ddd;border-left: 1px solid #ddd;margin-left: 5px;margin-right: 5px;border-bottom: 1px solid #ddd;
}
.slider-chay-muot {
width: 100%;
}
.slider-chay-muot .flickity-viewport {
overflow: hidden;
}
.slider-chay-muot .flickity-slider {
justify-content: flex-start !important; /* Căn trái */
}
.post-item .box-image img {
border-radius: 5px;
}
.row-xsmall>.col.post-item {
padding-top: 0;
}
.off-canvas .nav-vertical>li>a {
padding-top: 10px;padding-bottom: 10px;
}
.product_meta .sku_wrapper {
display: none !important;
}
.single .price-wrapper .price {
display: block;font-weight: bold;
}
.breadcrumbs a {
text-transform: none;color: #000;
}
.post-sidebar .widget-title, #shop-sidebar .widget-title {
padding: 15px;background: var(--color--primary);width: 100%;display: block;color: #fff;
}
ul.product-categories, .textwidget.custom-html-widget {
border: 1px solid #ddd;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;padding: 10px;
}
ul.product-categories>li {
border-bottom: 1px solid #ddd;
}
.single-product .post-sidebar span.woocommerce-Price-amount.amount {
font-size: 24px;color: #000080;
}
#ftwp-trigger {
display: none !important;
}
div#ycgl {
background-color: #0000009f;padding: 30px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submitrds.button {
background-color: rgb(25, 124, 254);border-radius: 99px;padding: 5px 30px;
}
.dashicons-star-filled:before, .dashicons-star-empty:before {
font-family: dashicons;
}
.box-text.box-text-products .price-wrapper {
margin-top: 10px;
}
.header-nav .ux-menu-link__link {
color: #000;
}
/* 29_08_2025 */.columns-button .button {
margin-bottom: 0;
}
.col.tds .col-inner {
border-left: 1px solid #000;
}
.col.tds .col-inner:after {
content: ' ';width: 20px;height: 20px;border-radius: 50%;background: #00AEEF;/* margin: 20px auto; */position: absolute;bottom: -10px;left: -10px;border: 4px solid #6fc5e5;
}
.timeline-item.right, .timeline-item.left {
position: relative;
}
.timeline-item.right:before {
content: ' ';width: 20px;height: 20px;border-radius: 50%;background: #00AEEF;/* margin: 20px auto; */position: absolute;top: 43px;left: -30px;border: 4px solid #6fc5e5;
}
.timeline-item.left:before {
content: ' ';width: 20px;height: 20px;border-radius: 50%;background: #00AEEF;/* margin: 20px auto; */position: absolute;top: 43px;right: -30px;border: 4px solid #6fc5e5;z-index: 1;
}
p.year {
margin-bottom: 0;
}
.timeline-item h3 {
font-size: 2em;margin-bottom: 0;color: #303388;
}
.scale.col > .col-inner {
scale: 1.15;
}
.nhansu-bim .box-image {
overflow: inherit;
}
.nhansu-bim .box-image img {
margin-top: -52px;max-height: 350px;object-fit: contain;object-position: center center;
}
.box.nhansu-bim {
box-shadow: 0 2px 10px rgb(131 131 131 / 50%);border-radius: 25px;background: rgb(244, 244, 244);
}
.box.nhansu-bim .box-text {
border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;
}
.text-bgd > .col-inner {
border-top-left-radius: 50px;border-bottom-right-radius: 50px;border-top-right-radius: 15px;border-bottom-left-radius: 15px;
}
.banner.rdu10, .rdu10 {
border-radius: 10px;overflow: hidden;
}
.rdu10 .box-text h3 {
margin-bottom: 0;
}
.rdu10 .box-text {
padding-bottom: 0.7em;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
border-top: 1px solid rgb(221, 221, 221);
}
.wpcf7-spinner {
 display: none; 
}
.popup-close {
position: absolute;top: 10px;right: 10px;background: #ddd;border: none;font-weight: bold;color: #333;cursor: pointer;transition: all 0.3s ease;text-align: center;margin-right: 0;margin-top: 0;margin-bottom: 0;margin-left: 0;padding: 10px;line-height: 0 !important;min-height: auto;z-index: 99;
}
.popup-close:hover {
background: #ff4d4f;color: #fff;
}
.popup-form-col form {

margin-bottom: 0;
}
.popup-form-col form input.wpcf7-form-control.wpcf7-submit.has-spinner.submitrds.button {
width: 100%;border-radius: 5px;background-color: #0e3ba2;padding: 0 30px;margin-bottom: 0;
}
.popup-form-col .wpcf7-spinner {
display: none;
}
.term-description ul li {
margin-left: 20px;
}
.product-small .badge-inner.secondary.on-sale {
position: relative;
}
.product-small .badge-container {
display: flex;flex-direction: row-reverse;
}
.badge+.badge {
height: auto;
}
.badge-inner.callout-new-bg.is-small.new-bubble {
display: block;padding: 5px;margin-top: 10px;margin-right: 10px;font-size: 12px;height: auto;
}
.breadcrumbs {
text-transform: none;
}
/* Container bên ngoài của slide video */.video-slide-wrapper {
width: 100% !important;
}
/* Khung giữ tỷ lệ 3:4 (800/600 = 133.33%) */.video-ratio-box {
position: relative;width: 100%;padding-top: 133.33%; /* Ép khung hình cao ra theo tỷ lệ video 600x800 */background: #000;overflow: hidden;
}
/* Ép video tràn đầy khung hình đã dựng */.video-ratio-box video {
position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;object-fit: cover; /* Hoặc dùng 'contain' nếu bạn không muốn bị mất một chút rìa video */
}
/* QUAN TRỌNG: Fix chiều cao Slider của Flatsome trên Mobile */@media (max-width: 767px) {
/* Cho phép slider tự co giãn theo nội dung thay vì cố định theo ảnh 1 */.product-gallery-default .flickity-viewport {
height: auto !important;min-height: 450px; /* Đảm bảo đủ chỗ cho video 3:4 */
}
.product-main-image {
max-height: none !important;
}

}
.mo-ta-ngan ul {
margin-left: 20px;
}
/* Custom CSS Tablet */@media (max-width: 849px){
.header-main .nav > li > a {
 color: #fff; 
}
h3.section-title {
 font-size: 13px; 
}
.home .transparent .header-main .nav > li > a, .stuck .header-main .nav > li > a {
color: #fff;
}

}
/* Custom CSS Mobile */@media (max-width: 549px){
.mb-left-ct .text-right {
text-align: left;margin-top: 10px;padding-left: 10px;
}
.font-gx h3 {
font-size: 13px;text-transform: none;
}
.font-gx img {
width: 60px !important;
}
div.font-gx {
text-align: left !important;
}
.ft-img img {
margin-left: 10px;margin-top: 10px;
}
ul.hidden-imb {
display: none;
}
.cl-showct h3 {
border: 1px solid #fff;
}
.cl-showct h3 span {
padding-top: 5px;padding-bottom: 5px;padding-left: 10px;
}
.cl-showct h3 span:after {
font-family: 'fl-icons' !important;content: "f105";margin-left: 10px;
}
.header-main .nav > li > a, .stuck .header-main .nav > li > a {
 color: #000; 
}
.sticky-mobile-menu {
display: none;
}
.slider-chay-muot.large-columns-4 .flickity-slider>.col {
flex-basis: 48%;max-width: 48%;
}
.slider-chay-muot.large-columns-4.small-columns-1 .flickity-slider>.col {
flex-basis: 70%;max-width: 70%;
}
.text-center-mobile {
text-align: center;
}
.box.box-category.box-badge .box-text h5 {
font-size: 12px;
}
.stack-padding {
padding: 10px;
}
.crgtn {
margin-right: 0;margin-left: 0 !important;
}
#footer .section-content > .row-small > .col {
padding-left: 10px;padding-right: 10px;
}
.col-special-prl {
padding-right: 0;margin-left: 10px;
}
div.row.pd15 {
padding-left: 20px !important;padding-right: 15px !important;
}
.custom-product-page .stack-padding {
padding-left: 15px;padding-right: 15px;
}
.slider-wrapper .flickity-prev-next-button {
display: block;
}
.flickity-prev-next-button {
opacity: 1;
}
.home .section {
padding-left: 10px;padding-right: 10px;
}
.home .section.section-pdmb {
padding-bottom: 0 !important;
}
.row.mhts > .col > .col-inner > .img {
padding-left: 10px;padding-right: 10px;
}
.glrhp.small-columns-2 .flickity-slider {
padding-left: 5px;padding-right: 5px;
}
.row.glrhp.small-columns-2.slider.row-slider {
padding-left: 10px;padding-right: 10px;
}
.glrhp.small-columns-2 .flickity-slider>.col {
padding: 0 5px;
}
#adv-size-form label {
font-size: 13px;
}
.sizeao-tabs .nav-tabs>li>a {
font-size: 11px;text-transform: none;
}
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible {
outline: none;
}
.icon-box-text h4 {
font-size: 1em;
}
.scale.col > .col-inner {
scale: 1;
}
.columns-button .button {
margin-bottom: 10px;margin-top: 10px;width: 100%;
}
.timeline-item-col .text-center, .timeline-item-col .timeline-item {
text-align: left !important;
}
.timeline-item-col .text-center .is-divider {
margin-left: 0 !important;
}
.wrap-conso .icon-box-left {
flex-flow: column;
}
.wrap-conso .icon-box-img {
padding-left: 20px;
}
.wrap-conso .icon-box-img .ficon {
width: 75px;
}
.col.tds .col-inner {
border-left: none;padding-bottom: 0 !important;
}
.col.tds .col-inner:after, .timeline-item.right:before {
display: none;
}
.timeline-item-col.large-8 .col-inner {
padding-top: 0 !important;
}
.top-text-info h2 {
font-size: 15px;
}
.top-text-info p {
font-size: 14px;
}
.popup-close {
z-index: 9;right: 0;top: 0;padding: 7px;
}
.content-puu {
text-align: justify !important;
}
.small-columns-2 .flickity-slider>.col.category, .row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col.category {
flex-basis: 40%;max-width: 40%;padding: 0 0 18px 10px;
}

}
.label-new.menu-item > a:after{
content:"Mới";
}
.label-hot.menu-item > a:after{
content:"Thịnh hành";
}
.label-sale.menu-item > a:after{
content:"Giảm giá";
}
.label-popular.menu-item > a:after{
content:"Phổ biến";
}