/*
Theme Name: Pustudio
Description: Theme wordpress gia re
Author: Truong Phong
Template: flatsome
Version: 1.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
  padding:7.5px 10px;
  font-size:16px
}
.header-vertical-menu__fly-out {
  background-color:transparent !important;
  box-shadow:none !important
}
.header-vertical-menu__fly-out .nav-vertical-fly-out {
  border:1px solid #e1e1e1; /* height: 494px; */
  border-radius:0 0 12px 12px;
  background:#fff
}
.header-vertical-menu__title {
  font-size:15px;
  color:white
}
.header-block .icon-box .icon-box-text {
  padding-left:5px
}
.header-block .icon-box p {
  font-size:14px
}
.header-block .col {
  padding-bottom:0
}
.header-block .icon-box a {
  color:#333
}
.header-bottom-nav > li > a {
  font-size:15px;
  padding:0px
}
.header-block .large-6 a:hover {
  text-decoration:underline
}
.header-block .large-6 a {
  font-size:12px;
  color:#333
}
.nav-dropdown {
  width:calc((100% * 2 + 15px));
  display:inline
}
.header-vertical-menu__opener {
  margin-right:15px
}
.header-bottom {
  border-bottom:1px solid #e5e5e5
}
.header-block .searchform-wrapper input {
  font-size:14px;
  height:38px;
  border-radius:5px 0 0 5px;
  box-shadow:none
}
.searchform .button.icon {
  height:38px;
  width:56px;
  background:#00a0e3;
  border-radius:0 5px 5px 0;
  box-shadow:none
}
.nav-dropdown>li.nav-dropdown-col {
  display:inline-block;
  min-width:50%;
  text-align:left;
  white-space:nowrap;
  width:50%
}
.nav-dropdown.nav-dropdown-default>li>a {
  border-bottom:1px solid #ececec;
  margin:0 10px;
  padding-left:0;
  padding-right:0;
  text-transform:none;
  font-weight:bold;
  color:#333;
  font-size:14px;
  border-bottom:none;
  padding:6px 0
}
.nav-dropdown>li.nav-dropdown-col .sub-menu li {
  width:100%;
  display:block;
  font-weight:normal !important
}
.nav-dropdown-default .nav-column li>a {
  font-size:14px;
  color:#333;
  padding:6px 0;
  border-top:none !important;
  border-bottom:none
}
.nav-dropdown-default .nav-column li>a:hover, .nav-dropdown.nav-dropdown-default>li>a:hover {
  color:#fb6e2e
}
.section1 .col {
  padding:0 6px 12px
}
.section1 .cot2 .row {
  margin-left:-6px !important;
  margin-right:-6px !important;
  margin-top:0
}
.section1 .img {
  margin-bottom:12px !important
}
.section1 .cot2 .row .col {
  padding-bottom:0
}
.section1 .cot2 .row .col .img {
  margin-bottom:0 !important
}
.section2 .col.large-2 {
  flex-basis:10%;
  max-width:10%
}
.section2 .icon-box h3 {
  font-size:15px
}
.section2 .icon-box:hover h3 {
  color:orangered
}
.devvn-popup-title span {
  font-size:15px
}
body .popup-customer-info-group input, body .popup-customer-info-group select, body .popup-customer-info-group textarea {
  height:35px;
  border-radius:5px;
  font-size:14px
}
.popup-customer-info-group {
  margin-bottom:10px
}
.devvn-popup-info ins bdi {
  font-size:20px;
  color:red
}
.box-buy {
  background-color:#fff;
  background-clip:border-box;
  border:1px solid rgba(0,0,0,.125);
  padding:15px;
  border-radius:5px;
  margin:15px 0 0 0 !important
}
.box-buy .khung-gia {
  margin:0;
  font-size:14px
}
.box-buy {
  align-items:center;
  margin-top:30px !important
}
.product-section>.row {
  margin-left:0 !important;
  margin-right:0 !important
}
.box-buy .product-hotline {
  margin-bottom:0
}
.box-buy .tiet-kiem {
  margin-bottom:0
}
.blog-archive .large-12 {
  text-align:left;
  padding-bottom:10px
}
.page-wrapper {
  padding-bottom:0;
  padding-top:10px
}
.rank-math-breadcrumb p {
  font-size:14px;
  margin-bottom:5px
}
.blog-archive .page-title {
  margin-top:15px;
  font-size:25px;
  text-transform:none;
  letter-spacing:0
}
.blog-archive .post-item .post-title {
  margin-bottom:10px;
  font-size:15px
}
.blog-archive .post-item .from_the_blog_excerpt {
  color:#8f8f8f;
  font-size:14px
}
.blog-archive .post-item button {
  color:#fb6e2e;
  font-size:14px;
  border:none;
  text-transform:none;
  letter-spacing:0;
  padding:0;
  margin:0;
  font-weight:normal
}
.blog-archive .post-item {
  padding-bottom:0
}
.blog-archive .large-3 {
  padding-left:0
}
.blog-archive .post-item .post-title:hover {
  color:orangered
}
.is-divider {
  display:none
}
.blog-single .entry-title {
  font-weight:normal
}
.blog-single .entry-meta {
  text-transform:none;
  letter-spacing:0;
  font-size:14px
}
.recent-blog-posts a {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden
}
.blog-single .blog-share {
  text-align:left
}
.blog-archive .post-item a:hover {
  color:#555
}
.blog-archive .post-item button:hover {
  background:none
}
.section2 .icon-box:hover .icon-box-img {
  animation:tada 2s infinite
}
@keyframes tada {
  0% {
    transform:scaleX(1)
  }
  10%, 20% {
    transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  100% {
    transform:scaleX(1)
  }
}
/* .section3 .large-12.cot1>.col-inner{background:#5db8ff;padding:0 10px 15px 10px;border-radius:6px} */
.flashsale__bottom {
  display:none
}
.sale-block .flashsale__bottom {
  display:block
}
.section3 .large-12>.col-inner .large-12 .col-inner {
  padding:0
}
/* .section3 h2{font-size: 20px;
    margin-bottom: 0;
    line-height: 40px;
    background-image: url(/wp-content/uploads/2024/02/flashsale-hot-1.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    padding-left: 48px;} */
.ux-timer span {
  background:#f8e632!important;
  color:#333!important;
  font-weight:normal !important;
  font-size:22px !important
}
.ux-timer span strong {
  opacity:1;
  color:#333;
  text-transform:none !important;
  font-weight:normal;
  font-size:10px !important
}
.section3 .large-2 p {
  margin-bottom:0;
  color:white
}
.product-small .product-title a, .archive .product_list_widget .product-title {
  font-size:15px;
  font-weight:600;
  color:#333;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden
}
.product-small .product-title a:hover {
  color:#fb6e2e
}
.product-small.box {
  background:white;
  padding:8px;
  border:1px solid #e4e4e4;
  border-radius:12px
}
.product-small.box .box-image {
  border-radius:10px
}
.product-small .product-title {margin:6px 0 8px}
.product-small .price span.amount, .product-small .price ins bdi, .archive .product_list_widget ins bdi, .khung-gia bdi {
  color:var(--fs-color-primary);
  font-size:16px
}
.section13 .large-2 {
  flex-basis:calc(100%/7);
  max-width:calc(100%/7)
}
.section13 .large-2 {
  transition:transform .3s ease
}
.section13 .large-2:hover {
  transform:scale(1.1)
}
.list-post .post-item .post-title a {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:16px;
  color:#000;
  margin-bottom:10px;
  line-height:1.5
}
.nut-xem-tat-ca {
  background:#E5E6ED !important;
  color:#333;
  font-size:14px;
  font-weight:normal;
  border-radius:6px;
  margin-bottom:0
}
.nut-xem-tat-ca:hover {
  color:#fb6e2e;
  box-shadow:none;
  background:#e9eaef !important
}
.product-small .price {
  flex-direction:column;
  display:flex;
  gap:4px
}
.section14 h2 {
  font-size:20px;
  text-transform:uppercase
}
.list-post .post-item .from_the_blog_excerpt {
  font-size:14px;
  color:#8f8f8f
}
.box-blog-post .is-divider {
  display:none
}
.list-post .post-item {padding-bottom:10px}
.list-post .post-item:last-child {padding-bottom:0}
.list-post .post-item a:hover {color:var(--fs-color-primary)}
.list-post .post-item .box-image .image-cover {
  border-radius:10px
}
.product-small .price ins {
  margin-bottom:5px;
  order:0 !important
}
.product-small .price del {
  order:1 !important
}
.product-small .price del bdi, .product-small .price, .product_list_widget del bdi, .khung-gia .gia-thi-truong bdi {
  color:#444444;
  font-size:14px;
  font-weight:normal
}
.khung-gia .gia-thi-truong bdi {
  text-decoration:line-through;
  color:#999;
  font-size:17px
}
.khung-gia .giam-gia {
  background:#fb6e2e;
  padding:5px 7px;
  border-radius:5px;
  color:white;
  font-weight:bold
}
.khung-gia .tiet-kiem bdi {
  font-weight:normal
}
.product-promo-tag {
  margin-top:5px;
  margin-bottom:5px
}
.product-promo-tag {
  color:#cc1af0;
  background:#faf4f4;
  border-color:#faf4f4;
  padding:5px 10px;
  border-radius:5px;
  margin-bottom:14px;
  box-shadow:0px 0px 4px rgba(0, 0, 0, .15);
  display:inline
}
.product-promotion {
  margin-top:20px;
  background-color:#f9f9fb;
  padding:10px;
  margin-bottom:10px;
  border-radius:0.2rem!important
}
.product-promotion__heading {
  color:#fff;
  margin-bottom:8px;
  background-color:#fb6e2e;
  font-size:14px;
  font-weight:700;
  padding:5px 10px;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:0.2rem!important;
  width:auto
}
.khung-gia .gia-chi-con bdi {
  font-size:20px
}
.single-product .product-main {padding:0 0 20px !important}
.single-product .page-title-inner {
  min-height:40px;
  padding-top:0
}
#product-sidebar {
  background:white;
  border-radius:12px;
  flex-basis:23%;
  max-width:23%;
  padding-left:15px;
  padding-top:15px
}
.product-info {
  border-right:none !important;
  background:white;
  margin-right:20px;
  padding-right:15px;
  border-right:none !important;
  padding-top:15px !important;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px
}
.product-gallery {
  padding:15px;
  background:white;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  margin-left:-15px
}
.khung-gia {
  margin:15px 0 0 0;
  font-size:14px
}
.product-info .product-title {
  font-size:20px
}
.product-small .price {
  position:relative
}
.flashsale__bottom {
  padding:0;
  margin:15px 0 0px 0
}
.product-small .box-text {
  padding-bottom:0;
  padding-top:15px
}
.sale-block .equalize-box.large-columns-5 {
  border:none !important
}
.product-small a.nut-gio-hang {
  width:32px;
  height:32px;
  background:#00a0e3;
  border-radius:99%;
  padding:6px;
  box-shadow:-2px 2px 6px rgba(0, 0, 0, .25);
  position:absolute;
  right:5px;
  bottom:4px
}
.product-small .image-tools a.quick-view {
  width:40px;
  background:white;
  box-shadow:2px 2px 3px gray;
  padding:10px;
  height:40px;
  border-radius:99%;
  color:black;
  opacity:1;
  display:inline-block
}
.row-xsmall>.col, .row-xsmall>.flickity-viewport>.flickity-slider>.col {
  padding:0 6px 12px
}
.product-small .grid-tools {
  justify-content:flex-end;
  top:5px;
  right:5px
}
.product-small .hover-slide-in {
  transform:translateX(20%) translateZ(0)
}
.sale-block .product-small a.nut-gio-hang {
  bottom:35px
}
.section4 .large-4 {
  flex-basis:40%;
  max-width:40%;
  border:1px solid #e4e4e4;
  border-bottom:none
}
.section4 .large-8 {
  flex-basis:60%;
  max-width:60%
}
.section4 .large-4 .img {
  padding:10px
}
.product-small.box:hover .box-image img {
  transition:all .3s ease;
  top:-10px
}
.product-small.box .box-image img {
  transition:all .3s ease
}
.xem-tat-ca {
  border:1px solid #fb6e2e !important;
  padding:0 20px;
  border-radius:5px;
  font-weight:normal;
  letter-spacing:0;
  font-size:14px;
  line-height:32px
}
.sale-block .product-small.box {
  border-radius:8px;
  border:none
}
.section-title-normal {
  margin-bottom:24px;
  border-bottom:0;
  font-size:18px
}
.section-title-container {
  margin-bottom:0
}
.section-title-normal span {
  border-bottom:0;
  margin-bottom:0;
  margin-right:15px;
  padding-bottom:0
}
.section-title-normal .section-title-main {
  padding-bottom:0;
  font-size:32px;
  text-transform:none;
  letter-spacing:0
}
.hdevvn-show-cats a {
  display:block;
  font-size:14px;
  margin-left:auto;
  padding-left:15px;
  border:1px solid #e2e2e2;
  font-size:14px;
  line-height:1.5;
  border-radius:5px;
  color:#333;
  padding:7px 15px;
  font-weight:normal
}
.section-title a:hover {
  color:#8b5cf6;
  text-decoration:underline
}
.hdevvn-show-cats {
  margin-left:20px;
  overflow-x:auto;
  overflow-y:hidden;
  -ms-overflow-style:none;
  scrollbar-width:none;
  align-items:center!important;
  display:flex!important;
  padding-left:0;
  list-style:none
}
.hdevvn-show-cats li {
  margin-right:7px;
  margin-bottom:0
}
.hdevvn-show-cats li a:hover {
  color:orangered;
  border:1px solid #fb6e2e;
  background:white
}
.hdevvn-show-cats li:last-child {
  margin-right:0
}
.footer1 p {
  font-size:14px
}
.footer1 .col {
  padding-bottom:0
}
.footer2 p {
  font-size:14px;
  margin-bottom:8px
}
.footer2 ul {
  margin-bottom:0
}
.footer2 h4 {
  font-size:14px
}
.footer-secondary {
  padding:0
}
.absolute-footer {
  color:#333;
  font-size:14px;
  padding:10px 0 15px;
  border-top:1px solid #d2d2d2
}
.footer2 .col {
  padding-bottom:0
}
a.back-to-top {
  background:#fb6e2e !important;
  border:none !important;
  color:white !important
}
.footer2 ul li {
  font-size:14px;
  margin-bottom:5px;
  list-style:none;
  margin-left:0
}
.footer2 ul li a:hover {
  text-decoration:underline
}
.footer2 ul li a {
  font-size:14px;
  color:#333
}
.form-email input {
  margin-bottom:0;
  border-radius:5px 0 0 5px;
  box-shadow:none;
  font-size:14px;
  height:39px
}
.wpcf7-spinner {
  display:none
}
form {
  margin-bottom:0
}
.form-email input[type=submit] {
  border-radius:0 5px 5px 0;
  max-width:100%;
  margin:0;
  text-transform:none;
  font-size:14px;
  font-weight:normal;
  width:100%
}
.archive .product-small.col {
  padding:0;
  max-width:calc(25% - 10px)
}
.archive .category-page-row {max-width:calc(1370px - 15px)}
h1.shop-page-title {
  font-size:24px;
  font-weight:normal;
  color:#333333
}
.breadcrumbs {
  color:#222;
  font-weight:normal
}
.woocommerce-result-count, .woocommerce-ordering, .woocommerce-ordering select {
  font-size:14px;
  border-radius:20px
}
.woocommerce-pagination ul li .current {
  color:#fff;
  background-color:#fb6d2e;
  border-color:#fb6d2e;
  box-shadow:0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}
.tieu-de-mo-ta {
  margin-top:20px;
  font-size:16px;
  text-transform:uppercase
}
.term-description {
  font-size:15px
}
.mo-ta-ngan p, .mo-ta-ngan ul li, .mo-ta-ngan ol li {
  font-size:15px;
  margin-bottom:6px
}
.product-info {
  padding-bottom:10
}
.archive .product_list_widget {
  display:flex;
  flex-direction:row
}
#product-sidebar {
  padding-bottom:0
}
.related .row {margin-left:-10px !important}
.devvn-popup-title, .popup-customer-info-group .devvn-order-btn {
  background:#ffd300 !important;
  color:black;
  text-transform:none;
  letter-spacing:0
}
.devvn-popup-quickbuy {
  font-family:sans-serif
}
span.devvn_title {
  font-size:15px;
  color:#333;
  font-weight:700
}
.related h3 {
  margin-bottom:0;
  letter-spacing:0;
  margin-top:15px;
  font-size:24px;
  font-family:'Bricolage Grotesque';
  text-transform:none
}
.related .product-small.col {
  padding:0
}
.archive .product_list_widget li {
  display:flex;
  flex-direction:column;
  flex-basis:20%;
  max-width:20%;
  margin:0;
  padding:0
}
.archive .product_list_widget li a {
  padding:10px;
  display:flex
}
.archive ul.product_list_widget li img {
  display:flex;
  flex-direction:column;
  width:100%;
  position:inherit
}
.widget .is-divider {
  display:none
}
span.widget-title {
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
  margin-bottom:15px;
  display:block;
  margin-top:25px
}
.woocommerce-pagination {
  margin-top:14px
}
.woocommerce-pagination ul li a {
  color:#8898aa;
  border:1px solid #cfcfcf;
  font-weight:normal
}
.group-status {
  font-size:14px
}
.group-status .ma-sp {
  margin:0 10px
}
.group-status a, .group-status .value {color:var(--fs-color-primary)}
.nav-dropdown-default {
  padding:10px
}
.promotion-box {
  margin-bottom:0
}
.product-promotion ul {
  margin-bottom:0;
  border-radius:4px;
  background:#fff;
  padding:10px
}
.product-info .quantity:before {
  content:"Số lượng:";
  display:inline-block;
  margin-right:10px;
  margin-top:5px
}
.quantity .button.minus {
  min-height:25px;
  height:30px;
  background:white;
  line-height:25px;
  border-radius:2px 0 0 2px
}
.quantity .button.plus {
  min-height:25px;
  background:white;
  height:30px;
  line-height:25px;
  border-radius:0 2px 2px 0
}
.quantity input[type=number] {
  height:30px;
  box-shadow:none
}
.single_add_to_cart_button {
  margin-bottom:10px;
  width:100%;
  border-radius:5px;
  font-size:14px !important;
  letter-spacing:0;
  padding:8px
}
a.devvn_buy_now_style {
  margin-bottom:5px;
  max-width:49%;
  background:#00a0e3;
  font-size:14px;
  float:right;
  margin-top:-52px;
  height:52px;
  border-radius:10px
}
a.devvn_buy_now_style:hover {
  background:#0faff2
}
a.devvn_buy_now_style span {
  font-size:13px
}
.product-hotline {
  text-align:center;
  font-size:13px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border:1.5px solid #ddd;
  border-radius:10px;
  margin-bottom:0;
  padding:0 8px;
  height:52px;
  width:33.33%;
  line-height:1.3;
  justify-content:center
}
.product-hotline a {
  font-weight:bold;
  color:#fb6d2e;
  font-size:16px
}
.tieu-de-mo-ta {
  font-size:16px
}
.lightbox-content {
  border-radius:10px
}
.mo-ta-ngan p, .mo-ta-ngan ul li {
  font-size:14px;
  margin-bottom:5px
}
#tinh-nang p, #tinh-nang ul li {
  font-size:14px;
  margin-bottom:5px
}
#tinh-nang ul {
  margin-bottom:0
}
.mo-ta-ngan {
  position:relative;
  max-height:200px;
  overflow:hidden
}
.mo-ta-ngan:after {
  content:"";
  display:block;
  width:100%;
  height:53px;
  position:absolute;
  background-image:linear-gradient(#ffffff00, white 60%);
  z-index:1;
  top:148px
}
.nut-popup {
  display:block;
  background:#E5E6ED;
  text-align:center;
  padding:7px 10px;
  border-radius:5px;
  font-size:14px;
  color:#333
}
.nut-popup:hover {
  color:#333;
  background:#eeeeee
}
.sidebar-block .icon-box .icon-box-text {
  font-size:14px
}
.entry-content {
  padding-bottom:0;
  padding-top:0
}
.product-section {
  border-top:0
}
.mt {
  margin-top:0;
  font-size:18px;
  letter-spacing:0
}
.entry-content h2 {
  font-size:1.2rem;
  font-weight:700;
  color:#008070
}
.entry-content p, .entry-content ul li,.entry-content ol li {
  line-height:23px;
  font-size:14px;
  margin-bottom:10px
}
.single-product .large-4 .col-inner .col-inner {
  padding:0
}
.post-meta {font-size:14px}
.box-tin-tuc-lien-quan h3 {font-size:24px}
.box-tin-tuc-lien-quan .post-item .box-text {
  padding-right:0;
  padding-left:15px;
  padding-bottom:0;
  padding:0 0 0 12px
}
.box-tin-tuc-lien-quan .post-item .box-text h5.post-title {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}
.box-tin-tuc-lien-quan .post-item .box-text p.post-meta {font-size:12px}
.box-tin-tuc-lien-quan .list-post {
  padding-left:0;
  padding-right:0
}
.up-sells {
  margin-top:15px;
  background:white;
  padding:15px;
  border-radius:5px
}
.up-sells h3 {
  padding:0;
  letter-spacing:0;
  font-size:16px;
  margin-bottom:10px
}
.up-sells .large-columns-5 {
  margin-left:0!important;
  margin-right:0 !important
}
.single-product .product-page-sections .large-8, .single-product .product-page-sections .large-4>.col-inner {
  background:white;
  padding:15px;
  border-radius:12px
}
.product-footer {padding-bottom:20px}
.up-sells .product-small.col {
  flex-basis:50%;
  max-width:50%;
  padding:0;
  border-radius:0
}
.sidebar-block .col {
  padding-bottom:10px
}
.sidebar-block h4 {
  font-size:16px
}
.sidebar-block .icon-box {
  margin-bottom:10px
}
#isures-recently--wrap .product-small.col {
  padding:0
}
#isures-recently--wrap .row {
  margin-left:0 !important;
  margin-right:0 !important
}
.product-section .entry-content {
  background:white
}
.page-inner p, .page-inner ul li, .page-inner ol li {
  font-size:14px;
  margin-bottom:8px
}
.page-inner ul li, .page-inner ol li {
  margin-left:20px
}
h1.entry-title.mb {
  margin-bottom:10px;
  text-transform:none;
  letter-spacing:0;
  font-weight:normal;
  color:#444
}
.form-lien-he input, .form-lien-he textarea {
  border-radius:5px;
  font-size:15px;
  box-shadow:none
}
.form-lien-he input[type=submit] {
  color:#333;
  text-transform:none;
  letter-spacing:0;
  font-weight:normal
}
.page-inner h2 {
  font-size:1.2rem;
  font-weight:700;
  color:#008070
}
.page-inner h3 {
  font-size:1rem;
  font-weight:700;
  color:#288ad6
}
.header-main .row__header_custom .header-action_text, .header-main .row__header_custom .header-button, .header-main .account-item,.cart-item a {
  border:1px solid #fff;
  border-radius:12px !important;
  padding:2px 8px !important;
  display:flex !important;
  align-items:center;
  height:40px;
  margin:0;
  text-transform:none;
  gap:4px
}
.header-main .account-item.has-dropdown {
  display:block
}
.header-main .row__header_custom {
  gap:12px
}
.header-main .row__header_custom .header-button a {
  width:100% !important;
  gap:4px;
  margin:0;
  padding:0
}
.header-main .row__header_custom .header-action_text a.header-action__link {
  gap:4px;
  cursor:pointer
}
.header-main .account-item a.account-link {
  display:flex;
  flex-direction:row;
  justify-content:start;
  width:max-content;
  gap:4px;
  padding:0 8px 0 0
}
.header-main .account-item a.account-link span.header-account-title {
  font-size:12px
}
.header-main .row__header_custom .header-action_text a.header-action__link span.box-text {
  padding:0;
  font-size:12px
}
.header-main .row__header_custom .header-button a span.header-cart-title {
  padding-right:0;
  font-size:12px
}
.header-main ul.header-nav.header-nav-main.nav.nav-left {justify-content:center}
.header-main ul.header-nav.header-nav-main.nav.nav-left input#woocommerce-product-search-field-0 {
  height:40px;
  border-radius:12px
}
.header-main ul.header-nav.header-nav-main.nav.nav-left button.ux-search-submit.submit-button {
  background: var(--fs-color-primary) !important;
  color:#fff !important;
  border-radius:10px;
  height:34px;
  width:34px;
  right:1px
}
.header-main .account-item .nav-top-not-logged-in {
  position:relative;
  display:flex;
  gap:4px;
  color:#fff !important;
  font-size:12px;
  width:max-content
}
.header-main .account-item .nav-top-not-logged-in:before {
  content:'\e901';
  font-family:'fl-icons'
}
.header-main .account-item.has-dropdown ul.nav-dropdown.nav-dropdown-default,.header-main .cart-item.has-dropdown ul.nav-dropdown.nav-dropdown-default {
  top:70px;
  border-radius:12px
}
.thong-so-ky-thuat-wrapper {
  position:relative;
  margin-bottom:20px
}
.thong-so-content {
  max-height:300px;
  overflow:hidden;
  transition:max-height 0.3s ease;
  position:relative
}
.thong-so-content.is-expanded {
  max-height:2000px
}
.btn-xem-them {
  display:block;
  width:100%;
  padding:4px;
  background:#f1f1f1;
  border:none;
  cursor:pointer;
  text-align:center;
  border-radius:8px;
  text-transform:none;
  font-size:14px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:4px
}
.thong-so-ky-thuat-wrapper h5 {
  font-size:16px;
  text-transform:uppercase
}
.thong-so-ky-thuat-wrapper table {
  width:100%;
  border-collapse:collapse;
  margin-bottom:8px
}
.thong-so-ky-thuat-wrapper table td,
.thong-so-ky-thuat-wrapper table th {
  border:1px solid #ddd;
  padding:10px
}
.thong-so-ky-thuat-wrapper table th {
  background-color:#f9f9f9
}
.btn-xem-them i.fa {
  background:#333;
  color:#fff;
  padding:2px;
  width:14px;
  height:14px;
  border-radius:100%;
  font-size:10px;
  font-weight:600
}
.thong-so-content:after {
  position:absolute;
  content:"";
  left:0;
  right:0;
  bottom:0;
  height:100px;
  background:linear-gradient(180deg, rgba(255, 255, 255, 0) 17%, #fff 93.12%)
}
.thong-so-content.is-expanded:after {
  display:none
}
.single_add_to_cart_button {
  height:52px;
  width:98%;
  border-radius:10px
}
.ux-quantity.quantity.buttons_added {
  width:100%
}
form.cart {
  width:50%
}
.custom-contact-block {
  display:flex;
  align-items:center;
  gap:12px
}
.custom-contact-block .icon-box {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1.5px solid #ddd;
  border-radius:10px;
  height:52px;
  padding:8px;
  flex-flow:unset;
  width:33.33%
}
.custom-contact-block .icon-box-img {
  width:30px !important
}
.custom-contact-block .icon-box-text h6 {
  font-weight:500;
  opacity:1;
  font-size:13px;
  text-transform:none
}
.custom-contact-block .icon-box-text {
  padding:0 !important
}
.home_ss1 .img img {
  border-radius:12px;
  border:1px solid #ddd
}
.home_ss1 .large-12 {
  padding-bottom:0
}
.home_ss2 .box .box-image {
  border:1px solid #ddd;
  border-radius:12px
}
.home_ss2 .box .box-text .header-title {
  text-transform:capitalize;
  font-size:13px;
  line-height:1.4
}
.home_ss2 .row.large-columns-8.medium-columns-3.small-columns-2.row-small {
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:16px 12px;
  margin:0
}
.home_ss2 .row.large-columns-8.medium-columns-3.small-columns-2.row-small .product-category.col {
  max-width:100%;
  padding:0
}
.home_ss2 .box .box-text {
  padding:10px 0 0
}
.home_banner img {
  border-radius:12px
}
.home_ss .ux-menu.stack {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:scroll;
  margin-bottom:12px
}
.home_ss .ux-menu.stack .ux-menu-link.flex.menu-item {
  border:1px solid #ddd;
  background:#f5f5f5;
  border-radius:30px;
  padding:4px 20px 0;
  font-size:14px;
  font-family:'Bricolage Grotesque';
  font-weight:600;
  flex:none
}
.home_cate .icon-box-img {
  border-radius:12px;
  border:1px solid #ddd
}
.home_cate .icon-box-img img {
  padding:0;
  border-radius:12px;
  width:80px;
  height:80px
}
/** BI **/
.header-bottom .header-nav>li>a {
  font-size:16px;
  font-weight:500;
  color:#333
}
.header-bottom .header-nav>li>a:hover {
  color:var(--fs-color-primary) !important
}
.section-title-normal a {
  font-size:16px
}
.section-title-normal a i.icon-angle-right {
  opacity:1;
  top:2px
}
.home_brands {
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow:hidden;
  gap:10px
}
.home_brands .gallery-col {
  flex:0 0 auto !important;
  width:176px !important;
  max-width:176px !important;
  padding:0 !important;
  animation:homeBrandsMarquee 15s linear infinite
}
.home_brands:hover .gallery-col {
  animation-play-state:paused
}
.home_brands .gallery-col .box-image {
  border:1px solid #ddd;
  border-radius:16px
}
.home_ss2 .icon-box {
  align-items:center
}
.home_ss2 .icon-box .icon-box-text h5 {
  font-size:16px;
  font-family:'Inter';
  font-weight:600;
  margin-bottom:0
}
.home_ss2 .icon-box .icon-box-text p {
  font-size:14px
}
.home_ss2 {
  background:#e8f7fd;
  padding-top:16px !important;
  padding-bottom:16px !important
}
.home_ss2 .col {
  padding-bottom:0
}
.home_ss2 {
  overflow:hidden
}
.home_ss2 .swiper {
  padding-left:60px;
  padding-right:60px
}
.home_ss2 .home-policy-swiper {
  width:100%;
  margin:0;
  overflow:hidden
}
.home_ss2 .home-policy-swiper .swiper-wrapper {
  align-items:center
}
.home_ss2 .home-policy-swiper .swiper-slide {
  height:auto;
  padding:0 15px;
  box-sizing:border-box
}
.home_ss2 .home-policy-swiper .col-inner {
  width:100%
}
.home_ss3 .col-inner .home_brands {
  width:100%;
  position:relative;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, #0000, #000 8% 92%, #0000);
  mask-image:linear-gradient(90deg, #0000, #000 8% 92%, #0000);
  padding-right:0 !important
}
.home_ss3 .col-inner {
  overflow:hidden
}
@keyframes homeBrandsMarquee {
  from {
    transform:translateX(calc(-100% - 60px))
  }
  to {
    transform:translateX(0)
  }
}
.home_ss4 .section-content > .row > .large-12 > .col-inner {
  border-radius:16px;
  background-image:url('/wp-content/uploads/2026/07/flashsale-bg.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  max-width:calc(1370px - 30px);
  margin:0 auto !important;
  padding:20px
}
.home_ss4 .row_flex__sales {margin:0 !important}
.home_ss4 .text h2 {
  font-size:40px;
  color:#c8fb00 !important
}
.home_ss4 .countdown .col-inner {
  display:flex;
  align-items:center
}
.home_ss4 .countdown .ux-timer {width:50%}
.home_ss4 .countdown h6 {
  width:fit-content;
  min-width:140px;
  opacity:1;
  text-transform:none;
  font-size:18px;
  margin-bottom:0
}
.home_ss4 .bg_product-sales {
  background:#fff;
  margin:0 !important;
  border-radius:16px
}
.home_ss4 .bg_product-sales .large-12 {padding-bottom:15px}
.home_ss4 .bg_product-sales .large-6 {
  padding-top:15px;
  padding-bottom:20px
}
.home_ss4 .bg_product-sales .product-small.col {padding-bottom:0}
.badge-container {
  margin:0;
  right:8px;
  top:8px;
  left:auto
}
.badge-container .badge {
  height:28px;
  width:48px
}
.badge-container .badge .badge-inner {
  border-radius:8px;
  font-size:13px
}
.product-small.box p.category {
  font-size:10px;
  margin-bottom:0
}
.product-small.box .add-to-cart-button a {
  border-radius:8px;
  width:100%;
  background:var(--fs-color-primary);
  color:#fff;
  height:38px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:12px;
  font-weight:500
}
.home_ss5 {padding-bottom:4px !important}
.home_cate .section-title.section-title-normal {margin-bottom:16px}
.home_cate .product-category.col .box {
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  padding:4px 8px;
  border-radius:12px;
  height:100%
}
.home_cate .product-category.col .col-inner {height:100%}
.home_cate .product-category.col .box .box-text {padding:0}
.home_cate .product-category.col .box .box-image {
  width:64px !important;
  height:64px;
  overflow:visible
}
.home_cate .product-category.col .box .box-image .image-zoom,.home_cate .product-category.col .box .box-image .image-zoom img {
  width:64px;
  height:64px
}
.home_cate .product-category.col .box .box-text h5.uppercase.header-title {
  text-transform:none;
  font-size:14px;
  font-weight:500
}
.home_cate .box-image {border-radius:16px}

.home_ss6 .large-12 {padding-bottom:0}
.home_ss6 .large-12 img {border-radius:16px}
.home_product .product-small.box .box-text {padding:12px 0 0}
.home_ss8 {padding-top:60px !important}
.home_ss14 .section-title.section-title-normal {margin-bottom:16px}
.home_ss .ux-menu.stack .ux-menu-link.flex.menu-item:hover {
  background:#F9F6FF;
  border-color:#c5b4f0
}
.home_ss .ux-menu.stack .ux-menu-link.flex.menu-item:hover a {color:#8b5cf6}
.home_ss .ux-menu.stack .ux-menu-link.flex.menu-item a {border:0}
.home_ss .ux-menu.stack .ux-menu-link.flex.menu-item:first-child {background:var(--fs-color-primary)}
.home_ss .ux-menu.stack .ux-menu-link.flex.menu-item:first-child a {color:#fff}
.home_ss14 .large-6:nth-child(2) h5.post-title a {font-size:24px !important}
.home_ss14 p.cat-label {
  font-size:12px;
  padding-top:4px;
  padding-bottom:6px;
  text-transform:none
}
.row-slider button.flickity-button {
  opacity:1;
  background:red
}
.row-slider button.flickity-button.previous {left:0}
.row-slider button.flickity-button {
  opacity:1;
  background:#fff !important;
  box-shadow:0 2px 8px #18053433;
  width:36px;
  height:36px;
  min-height:36px;
  top:70%;
  border-radius:100%;
  transform:unset
}
.row-slider button.flickity-button.previous {left:-20px}
.row-slider button.flickity-button.next {right:-20px}
.row-slider button.flickity-button svg {
  width:28px;
  color:#666
}
.home_product .row-slider button.flickity-button.previous {left:-12px}
.home_product .row-slider button.flickity-button.next {right:-12px}
.home_product {
  padding-top:0 !important;
  padding-bottom:0 !important
}
.home_ss7 {padding-top:12px !important}
.home_ss8 {padding-top:30px !important}
.home_ss14 {padding-top:0 !important}
.header-nav-main > .header-search-form {display:block !important}
.header-sub-menu-under-search {
  display:flex !important;
  gap:24px;
  margin:8px 0 0 !important;
  padding:0 !important;
  list-style:none
}
.header-sub-menu-under-search li {
  margin:0 !important;
  list-style:none
}
.header-sub-menu-under-search a {
  color:#fff !important;
  font-size:12px;
  font-weight:500;
  text-transform:none !important
}
.category-page-row .col.large-12 {padding:0}
.archive .category-page-row .products.row {
  gap:12px;
  margin-left:0;
  margin-right:0
}
.dinhit-filter h6.ss-filter-title {display:none}
.breadcrumbs,.breadcrumbs a,.breadcrumbs span {font-size:14px}
.breadcrumbs a {color:var(--fs-color-primary)}
.single-product .product-main .row.content-row {max-width:calc(1370px - 60px)}
.product-gallery img {border-radius:12px}
.product-gallery .product-thumbnails.thumbnails img {
  border-radius:8px;
  transform:unset
}
.product-gallery .product-thumbnails.thumbnails .col a {
  border-radius:10px;
  border-color:#ddd
}
.product-gallery .product-thumbnails.thumbnails .col.is-selected a {border-color:var(--fs-color-secondary)}
/**
 * ============================================================
 * DINHIT DYNAMIC WOOCOMMERCE MEGA MENU
 * ============================================================
 */
.header-bottom,
.header-bottom .container,
.header-bottom .flex-row,
.header-bottom .nav,
#wide-nav,
#wide-nav .container,
#wide-nav .flex-row,
#wide-nav .nav {overflow:visible !important}
.header-bottom .flex-row,
#wide-nav .flex-row {
  position:relative !important;
  height:50px
}
.header-bottom .nav,
#wide-nav .nav,
.header-bottom .dinhit-dynamic-mega-menu,
.header-bottom .dmm-trigger,
#wide-nav .dinhit-dynamic-mega-menu,
#wide-nav .dmm-trigger {position:static !important}
.dmm-mega-menu {
  position:absolute;
  z-index:999999;
  top:100%;
  left:50%;
  display:none;
  width:calc(1370px - 30px);
  max-width:1680px;
  height:690px;
  max-height:calc(100vh - 150px);
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fbf2ff;
  border:1px solid #f0e7f4;
  border-radius:16px;
  border-radius:0 0 18px 18px;
  box-shadow:0 14px 35px rgba(31, 10, 61, 0.16);
  transform:translateX(-50%)
}
.dinhit-dynamic-mega-menu:hover > .dmm-mega-menu,
.dinhit-dynamic-mega-menu:focus-within > .dmm-mega-menu,
.dmm-trigger:hover > .dmm-mega-menu,
.dmm-trigger:focus-within > .dmm-mega-menu {display:block}
.dmm-category-list {
  position:static;
  box-sizing:border-box;
  width:390px;
  height:100%;
  margin:0 !important;
  padding:20px !important;
  overflow:visible;
  background:#fff;
  list-style:none !important
}
.dmm-category-list,
.dmm-category-list li {list-style:none !important}
.dmm-category-item {
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important
}
.dmm-category-link {
  display:flex !important;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  width:100%;
  min-height:62px;
  margin:0 0 4px;
  padding:10px 16px !important;
  color:#19052f !important;
  background:transparent;
  border-radius:12px;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  text-transform:none !important;
  white-space:normal !important
}
.dmm-category-link:hover {color:#19052f !important}
.dmm-category-icon-wrap {
  display:inline-flex;
  flex:0 0 34px;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px
}
.dmm-category-icon {
  display:block;
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  object-fit:contain
}
.dmm-category-icon-placeholder {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  color:#7357ff;
  font-size:25px;
  line-height:1
}
.dmm-category-name {
  display:block;
  min-width:0;
  font-size:15px;
  font-weight:500
}
.dmm-category-panel {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:390px;
  display:none;
  box-sizing:border-box;
  width:auto;
  padding:20px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#fbf2ff
}
/**
 * ============================================================
 * FIX HOVER PANEL MEGA MENU
 * ============================================================
 */
.dmm-category-list {
  position:static;
  box-sizing:border-box;
  width:390px;
  height:100%;
  margin:0 !important;
  padding:20px;
  overflow:scroll;
  background:#fff;
  list-style:none !important
}
.dmm-category-item {
  position:static !important;
  width:100%;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  list-style:none !important
}
.dmm-category-link {
  display:flex !important;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  width:100%;
  min-height:52px;
  margin-bottom:6px;
  padding:4px 16px !important;
  color:#19052f !important;
  background:transparent;
  border-radius:12px;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  text-decoration:none !important;
  text-transform:none !important;
  white-space:normal !important
}
.dmm-category-panel {
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:390px;
  display:block !important;
  box-sizing:border-box;
  width:auto;
  padding:20px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#fbf2ff;
  opacity:0;
  visibility:hidden;
  pointer-events:none
}
.dmm-category-item:first-child > .dmm-category-panel {
  z-index:2;
  opacity:1;
  visibility:visible;
  pointer-events:auto
}
.dmm-category-item:hover > .dmm-category-panel,
.dmm-category-item:focus-within > .dmm-category-panel {
  z-index:5;
  opacity:1;
  visibility:visible;
  pointer-events:auto
}
.dmm-category-list:has(
> .dmm-category-item:not(:first-child):hover
)
> .dmm-category-item:first-child
> .dmm-category-link {
  background:transparent;
  box-shadow:none
}
.dmm-category-item:hover > .dmm-category-link,
.dmm-category-item:focus-within > .dmm-category-link {
  background:#f7eaff;
  box-shadow:1px 2px 2px rgba(35, 10, 65, 0.14)
}
.dmm-child-categories {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  box-sizing:border-box;
  width:100%;
  padding:0 0 28px;
  border-bottom:1px solid #e5dce9
}
.dmm-child-categories a {
  display:flex !important;
  align-items:center;
  box-sizing:border-box;
  min-width:0;
  min-height:52px;
  padding:13px 15px !important;
  color:#19052f !important;
  background:#fff;
  border-radius:12px;
  box-shadow:none;
  line-height:1.4 !important;
  text-decoration:none !important;
  text-transform:none !important;
  white-space:normal !important
}
.dmm-child-categories a:hover {
  color:#7357ff !important;
  background:#fff;
  box-shadow:0 4px 12px rgba(34, 10, 65, 0.1)
}
.dmm-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  box-sizing:border-box;
  margin:24px 0 18px
}
.dmm-section-heading h3 {
  margin:0 !important;
  padding:0 !important;
  color:#19052f;
  font-size:24px;
  font-weight:700;
  line-height:1.3;
  text-transform:none
}
.dmm-section-heading > a {
  display:inline-flex !important;
  flex:0 0 auto;
  align-items:center;
  gap:8px;
  color:#7357ff !important;
  font-size:17px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  text-decoration:none !important;
  text-transform:none !important
}
.dmm-section-heading > a:hover {color:#5637ec !important}
.dmm-products {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  box-sizing:border-box;
  width:100%
}
.dmm-product {
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  min-width:0;
  overflow:hidden;
  padding:10px;
  background:#fff;
  border:1px solid #ded8e3;
  border-radius:18px
}
.dmm-product-image {
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#fff
}
.dmm-product-image img {
  display:block;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain
}
.dmm-product-sale {
  position:absolute;
  z-index:2;
  top:4px;
  right:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  min-height:30px;
  padding:4px 8px;
  color:#fff;
  background:#ff5e63;
  border-radius:6px;
  font-size:15px;
  font-weight:600;
  line-height:1
}
.dmm-product-title {
  display:-webkit-box !important;
  min-height:48px;
  margin:9px 0 0;
  overflow:hidden;
  color:#19052f !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  text-decoration:none !important;
  text-transform:none !important;
  white-space:normal !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.dmm-product-title:hover {color:#7357ff !important}
.dmm-product-price {
  margin-top:auto;
  padding:11px 0 10px;
  color:#5033eb;
  font-size:18px;
  font-weight:700;
  line-height:1.35
}
.dmm-product-price .amount {
  color:inherit;
  font-size:inherit;
  font-weight:inherit
}
.dmm-product-price ins {
  color:#5033eb;
  text-decoration:none
}
.dmm-product-price del {
  display:block;
  margin-top:3px;
  color:#aaa;
  font-size:13px;
  font-weight:400;
  opacity:1
}
.dmm-product-button {
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  min-height:40px;
  padding:4px 10px !important;
  color:#fff !important;
  background:#7357ff;
  border-radius:10px;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  text-align:center;
  text-decoration:none !important;
  text-transform:none !important
}
.dmm-product-button small {
  display:block;
  margin-top:3px;
  color:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1.1
}
.dmm-product-button:hover {
  color:#fff !important;
  background:#5e42eb
}
.dmm-no-products {
  margin:20px 0 0;
  color:#777;
  font-size:15px
}
.dmm-mega-menu::-webkit-scrollbar {
  width:2px;
  height:2px
}
.dmm-mega-menu::-webkit-scrollbar-thumb {
  background:#666;
  border-radius:8px
}
.dmm-mega-menu::-webkit-scrollbar-track {background:0 0}
.header-bottom .flex-row, #wide-nav .flex-row .flex-col,.header-bottom .header-nav > li {
  height:100%;
  display:flex
}
.product-thumbnails button.flickity-button {
  width:23px;
  height:24px;
  min-height:20px;
  top:37%
}
.product-thumbnails button.flickity-button.previous {left:-2px}
.product-thumbnails button.flickity-button.next {right:-2px}
.home_ss2 .swiper {
  width:100%;
  padding:0 12px;
  overflow:hidden
}
.home_ss2 .swiper-wrapper {align-items:stretch}
.home_ss2 .swiper-slide {
  box-sizing:border-box;
  height:auto;
  min-width:0
}
.home_ss8a {padding-top:0 !important}

.home_ss8a .treatment-products-row > .col {display:flex}
.home_ss8a .treatment-products-row > .col > .col-inner {
  display:flex;
  flex-direction:column;
  width:100%
}
.home_ss8a .treatment-banner-col {
  flex-basis:33.333333% !important;
  max-width:33.333333% !important
}
.home_ss8a .treatment-banner-col .box {
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  overflow:hidden;
  border-radius:18px
}
.home_ss8a .treatment-banner-col .box-image {
  width:100%;
  height:100%;
  min-height:100%;
  aspect-ratio:1.05 / 1
}
.home_ss8a .treatment-banner-col .box-image > div {
  width:100%;
  height:100%
}
.home_ss8a .treatment-banner-col .box-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.home_ss8a .treatment-banner-col .box-text {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:2;
  height:auto !important;
  padding:16px 24px;
  text-align:left
}
.home_ss8a .treatment-banner-col .box-text h4 {
  color:#fff;
  font-size:28px;
  line-height:1.4;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone
}
.home_ss8a .treatment-banner-col .box-text p {
  color:#fff;
  font-size:16px;
  line-height:1.5;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone
}
.home_ss8a .treatment-products-row .product-small {
  flex:1;
  overflow:hidden;
  background:#fff;
  border:1px solid #ded8e3;
  border-radius:18px
}
.home_ss8a ul.nav {
  display:flex;
  gap:0 10px
}
.home_ss8a ul.nav > li {margin:0}
.home_ss8a ul.nav > li > a {
  background:#efefef;
  color:#333;
  padding:12px 24px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  font-size:16px;
  font-weight:600;
  text-transform:none
}

/* DESKTOP */
@media screen and (min-width: 850px) {
  .home_ss2 .swiper {
    box-sizing:border-box;
    width:100%;
    max-width:1600px;
    margin-right:auto;
    margin-left:auto;
    padding-right:24px;
    padding-left:24px
  }
  .home_ss2 .swiper-slide {
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    height:auto
  }
  .home_ss2 .swiper-slide .icon-box {
    width:100%;
    max-width:350px;
    margin-right:auto;
    margin-left:auto
  }
  .home_ss2 .swiper-slide .icon-box-img {
    flex:0 0 auto;
    margin-right:18px
  }
  .home_ss2 .swiper-slide .icon-box-text {
    flex:1;
    min-width:0
  }
}
@media screen and (min-width: 1200px) and (max-width: 1450px) {
  .dmm-category-list {width:350px}
  .dmm-category-panel {left:350px}
  .dmm-products {grid-template-columns:repeat(4, minmax(0, 1fr))}
}
@media screen and (min-width: 850px) and (max-width: 1199px) {
  .dmm-mega-menu {height:620px}
  .dmm-category-list {
    width:300px;
    padding:14px !important
  }
  .dmm-category-panel {
    left:300px;
    padding:15px
  }
  .dmm-category-link {
    min-height:52px;
    padding:8px 12px !important;
    font-size:15px !important
  }
  .dmm-category-icon-wrap,
  .dmm-category-icon {
    width:28px !important;
    height:28px !important
  }
  .dmm-child-categories {grid-template-columns:repeat(2, minmax(0, 1fr))}
  .dmm-child-categories a {
    min-height:55px;
    font-size:14px !important
  }
  .dmm-products {grid-template-columns:repeat(3, minmax(0, 1fr))}
}
/* TABLET */
@media screen and (max-width: 849px) {
  .dmm-mega-menu {display:none !important}
}
@media screen and (min-width: 550px) and (max-width: 849px) {
  .home_ss8a .treatment-banner-col {
    flex-basis:66.666667% !important;
    max-width:66.666667% !important
  }
  .home_ss8a .treatment-banner-col .box-image {aspect-ratio:16 / 10}
}
/* MOBILE */
@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .icon-menu:before {
    color:#333
  }
  input[type=search] {
    height:38px;
    box-shadow:none;
    border-radius:5px 0 0 5px
  }
  .mr-half {
    margin-right:10px
  }
  .col {padding:0 10px 20px}
  .off-canvas .nav-vertical>li>a {
    padding-bottom:13px;
    padding-top:13px;
    text-transform:none;
    letter-spacing:0;
    font-weight:normal;
    color:#333;
    font-size:16px
  }
  .off-canvas-left .mfp-content {
    width:330px
  }
  .nav-vertical>li>ul li a {
    color:#333;
    font-size:14px
  }
  .sidebar-menu-tabs.nav>li>a {
    display:flex;
    padding:15px 10px;
    text-transform:none;
    letter-spacing:0;
    font-size:14px;
    font-weight:normal
  }
  .section2 {
    padding-top:0 !important
  }
  .section2 .col.large-2 {
    flex-basis:20%;
    padding:0 0 10px 0;
    max-width:20%
  }
  .section2 .icon-box h3 {
    font-size:12px;
    font-weight:normal;
    line-height:15px
  }
  section2 .icon-box .icon-box-img {
    margin-bottom:0px;
    padding:0 7px
  }
  .section3 .row>.col {
    padding:0 5px 0
  }
  .section3 h2 {
    font-size:16px
  }
  .section3 .large-2 {
    flex-basis:50%;
    max-width:50%;
    text-align:left
  }
  .section3 .large-12.cot1>.col-inner {
    padding:10px
  }
  .product-small .product-title a, .archive .product_list_widget
  .xem-tat-ca {margin-bottom:0}
  .section5 .row .col.large-12 {
    padding:0
  }
  .section-title-normal span {
    width:100%;
    padding-left:10px;
    padding-bottom:10px
  }
  .hdevvn-show-cats {
    flex-grow:1;
    -webkit-box-flex:1;
    white-space:nowrap;
    overflow:auto;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:flex-start;
    align-items:center;
    flex-direction:row;
    margin-bottom:0px;
    display:flex;
    max-width:100%;
    float:right;
    margin-top:0;
    margin-left:0
  }
  .section-title a {
    font-size:12px!important
  }
  .hdevvn-show-cats a {
    font-size:12px;
    line-height:1.5;
    margin-left:0;
    border-radius:5px;
    padding:6px 11px
  }
  .section14 .large-6>.col-inner {
    padding:10px !important
  }
  .list-post .post-item .box {
    display:flex
  }
  .list-post .post-item .box-image {
    width:50% !important
  }
  .list-post .post-item .box-text {
    padding:0;
    padding-left:10px
  }
  .list-post .post-item .from_the_blog_excerpt {
    display:none
  }
  .list-post .post-item .post-title {
    /* font-weight:normal; */
    margin-top:4px
  }
  .form-email input {
    border-radius:5px;
    margin-bottom:10px
  }
  .form-email input[type=submit] {
    border-radius:5px
  }
  .entry-content h2 {
    font-size:16px
  }
  .footer2 .col {
    padding:0 10px 20px;
    flex-basis:100%;
    max-width:100%
  }
  .footer1 .col {
    padding:0 10px 20px
  }
  .list-post .post-item {
    padding-bottom:15px
  }
  .recent-blog-posts a {
    font-size:14px
  }
  .blog-archive .large-3 {
    padding-left:10px
  }
  h1.shop-page-title {
    font-size:21px
  }
  #isures-recently--wrap .row {
    margin-left:-10px !important;
    margin-right:-10px !important
  }
  .single-product .product-gallery {
    margin-left:0;
    border-radius:0
  }
  .page-title:not(.featured-title)+main .product-main {
    padding-top:0
  }
  .product-info {
    margin-right:0;
    border-radius:0
  }
  .product-info .product-title {
    font-size:18px;
    margin-top:10px
  }
  .single_add_to_cart_button {
    margin-bottom:8px !important
  }
  .product-info .quantity:before {
    font-size:14px
  }
  .product-hotline {
    margin-bottom:0
  }
  .single-product .product-page-sections .large-8, .single-product .product-page-sections .large-4>.col-inner {
    background:white;
    padding:15px 10px 10px;
    border-radius:0
  }
  .box-buy .large-1 {
    flex-basis:25%;
    max-width:25%;
    padding-bottom:10px
  }
  .box-buy .large-6 {
    flex-basis:75%;
    max-width:75%;
    padding-bottom:10px
  }
  .single-product #isures-recently--wrap .row {
    margin-left:0px !important;
    margin-right:0px !important
  }
  .single-product .tieu-de-mo-ta {
    font-size:16px;
    padding-left:0px;
    margin-top:0
  }
  #tinh-nang ol {
    margin-left:20px
  }
  #tinh-nang ol li, #tinh-nang ul li {
    font-size:14px;
    margin-bottom:3px
  }
  #tinh-nang ol, #tinh-nang ul {
    margin-bottom:0
  }
  .mo-ta-ngan, .nut-popup {
    display:none
  }
  .product-promo-tag {
    font-size:13px
  }
  .product-footer .container {
    padding:0
  }
  .product-info .price span.amount {
    color:Red
  }
  .product-footer .tieu-de-mo-ta {
    padding-left:10px;
    margin-top:10px
  }
  .up-sells {
    padding:10px
  }
  .home_ss4 .text h2 {font-size:28px}
  .home_ss4 .bg_product-sales .large-6 {
    padding-top:12px;
    padding-bottom:0
  }
  .home_ss14 .large-6:nth-child(2) h5.post-title a {
    font-size:16px !important;
    line-height:1.4
  }
  .home_ss14 p.cat-label {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    padding-bottom:0
  }
  .archive .product-small.col {max-width:calc(50% - 6px)}
  .single-product .product-main .row.content-row {max-width:100%}
  .product-page-title {
    background:#fff;
    padding-top:10px
  }
  .product-footer .col.large-4 {
    padding-left:0;
    padding-right:0
  }
  .related .row {margin-left:0 !important}
  .related h3 {
    padding-left:10px;
    padding-right:10px;
    font-size:22px
  }
  .box-tin-tuc-lien-quan h3 {font-size:22px}
  .related .row-slider button.flickity-button {top:50%}
  .row-slider button.flickity-button {
    top:50%;
    width:24px !important;
    height:24px;
    min-height:24px;
    background:#f3f3f3 !important
  }
  .row-slider button.flickity-button svg {width:16px}
  .row-slider button.flickity-button.previous {left:-12px}
  .row-slider button.flickity-button.next {right:-12px}
  .home_product .row-slider button.flickity-button.previous {left:-4px}
  .home_product .row-slider button.flickity-button.next {right:-4px}
  .home_ss3 {padding-bottom:0 !important}
  .phongvt-single-news-section-head h2 {font-size:24px}
  .phongvt-single-news-card-body h3 {font-size:18px}
  .phongvt-single-news-readmore {margin-top:0}
  .home_ss8a ul.nav {
    overflow-x:scroll;
    flex-wrap:nowrap
  }
  .home_ss8a ul.nav > li {flex:0 0 auto}
  .home_ss8a .tab-panels {border-top-right-radius:0}
  .row_flex__sales,.bg_product-sales {
    margin-right:0 !important
  }
  .home_ss .ux-menu.stack {
    position:unset;
    margin-bottom:20px;
    width:100%
  }
  .section-title-normal .section-title-main {
    width:fit-content;
    font-size:22px
  }
}
@media screen and (max-width: 549px) {
  .home_ss2 .swiper {
    padding-left:10px;
    padding-right:10px
  }
  .home_ss2 .swiper-slide {height:auto}
  .home_ss2 .swiper-slide .icon-box {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    height:100%;
    padding:16px 10px;
    text-align:center
  }
  .home_ss2 .swiper-slide .icon-box-img {
    width:52px !important;
    margin:0 auto 10px !important
  }
  .home_ss2 .swiper-slide .icon-box-img img {
    width:100%;
    height:auto;
    object-fit:contain
  }
  .home_ss2 .swiper-slide .icon-box-text {
    width:100%;
    min-width:0
  }
  .home_ss2 .swiper-slide h3,
  .home_ss2 .swiper-slide h4 {
    margin:0 0 6px;
    font-size:17px;
    line-height:1.3;
    white-space:normal;
    word-break:normal
  }
  .home_ss2 .swiper-slide p {
    margin:0;
    font-size:14px;
    line-height:1.45;
    white-space:normal;
    word-break:normal
  }
  .home_ss8a .treatment-products-row {padding:10px 5px 0}
  .home_ss8a .treatment-banner-col {
    flex-basis:100% !important;
    max-width:100% !important
  }
  .home_ss8a .treatment-banner-col .box-image {aspect-ratio:16 / 10}
  .home_ss8a .treatment-banner-col .box-text {padding:16px}
  .home_ss8a .treatment-banner-col .box-text h4 {font-size:22px}
  .home_ss8a .treatment-banner-col .box-text p {font-size:14px}
}