/* Customizer Additional CSS — sinh tự động, sửa trong Customizer */
.homepage-banner img {
  border-radius: 8px;
  overflow: hidden;
}



/* =========================================================
   SOFTVN CATEGORY HERO — ALL CATEGORY ARCHIVES
   Auto show category description if available
   ========================================================= */

body.category,
body.category .page-wrapper,
body.category .page-inner,
body.category .blog-wrapper,
body.category .archive-page-col,
body.category .large-10.col,
body.category .large-col-first {
  background: #f5f5f5 !important;
}

body.category .page-title,
body.category .archive-page-header,
body.category .page-header-wrapper {
  display: none !important;
}

.softvn-category-hero {
  background: #f5f5f5;
  padding: 40px 20px 30px;
  text-align: center;
}

.softvn-category-hero__inner {
  max-width: 760px;
  margin: 0 auto;
}

.softvn-category-hero__badge {
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(241, 90, 36, 0.14);
  color: #f15a24;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 14px;
}

.softvn-category-hero__title {
  margin: 0;
  color: #0f172a;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 700;
  text-transform: none;
}

.softvn-category-hero__desc {
  max-width: 760px;
  margin: 12px auto 0;
  color: #64748b;
  font-size: 15px;
  line-height: 1.75;
}

.softvn-category-hero__desc p {
  margin: 0;
}

.softvn-category-hero__desc p + p {
  margin-top: 8px;
}

body.category .posts.row {
  margin-top: 20px !important;
}

@media (max-width: 767px) {
  .softvn-category-hero {
    padding: 32px 16px 24px;
  }

  .softvn-category-hero__title {
    font-size: 24px;
    line-height: 1.22;
  }

  .softvn-category-hero__desc {
    font-size: 14px;
    line-height: 1.65;
  }
}














































































/* =========================================================
   SOFTVN NEWS ARCHIVE — FULL CSS REPLACE
   Scope:
   - /tin-tuc/
   - /category/*
   ========================================================= */

/* ===== Nền thống nhất ===== */
body.blog,
body.archive.category,
body.blog .page-wrapper,
body.archive.category .page-wrapper,
body.blog .page-inner,
body.archive.category .page-inner,
body.blog .blog-wrapper,
body.archive.category .blog-wrapper,
body.blog .archive-page-col,
body.archive.category .archive-page-col,
body.blog .large-10.col,
body.archive.category .large-10.col,
body.blog .large-col-first,
body.archive.category .large-col-first {
  background: #f5f5f5 !important;
}

/* ===== Giết line / dải ngăn cách của Flatsome ===== */
body.blog .page-wrapper,
body.archive.category .page-wrapper,
body.blog .page-inner,
body.archive.category .page-inner,
body.blog .blog-wrapper,
body.archive.category .blog-wrapper,
body.blog .archive-page-col,
body.archive.category .archive-page-col,
body.blog .large-10.col,
body.archive.category .large-10.col,
body.blog .large-col-first,
body.archive.category .large-col-first,
body.blog .page-title,
body.archive.category .page-title,
body.blog .page-title-inner,
body.archive.category .page-title-inner,
body.blog .archive-page-header,
body.archive.category .archive-page-header,
body.blog .page-header-wrapper,
body.archive.category .page-header-wrapper,
body.blog .section,
body.archive.category .section,
body.blog .section-content,
body.archive.category .section-content {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

/* line mờ giữa hero và posts thường là margin/padding + border-top */
body.blog .page-wrapper,
body.archive.category .page-wrapper,
body.blog .page-inner,
body.archive.category .page-inner,
body.blog .blog-wrapper,
body.archive.category .blog-wrapper,
body.blog .archive-page-header,
body.archive.category .archive-page-header,
body.blog .page-title,
body.archive.category .page-title,
body.blog .page-title-inner,
body.archive.category .page-title-inner {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* row archive vẫn center */
body.blog .row.align-center,
body.archive.category .row.align-center {
  justify-content: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* posts row không tạo dải nền / line */
body.blog .posts.row,
body.archive.category .posts.row {
  row-gap: 22px;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
  box-shadow: none !important;
  background: #f5f5f5 !important;
}

/* ===== Bỏ noise mặc định ===== */
body.blog .post-item .is-divider,
body.blog .post-item .divider,
body.blog .post-item .from_the_blog_excerpt,
body.blog .post-item .box-text p,
body.archive.category .post-item .is-divider,
body.archive.category .post-item .divider,
body.archive.category .post-item .from_the_blog_excerpt,
body.archive.category .post-item .box-text p {
  display: none !important;
}

/* ===== Card ===== */
body.blog .post-item,
body.archive.category .post-item {
  margin-bottom: 0;
}

body.blog .post-item .col-inner,
body.archive.category .post-item .col-inner {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 14px;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  height: 100%;
}

body.blog .post-item .col-inner:hover,
body.archive.category .post-item .col-inner:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  border-color: rgba(241, 90, 36, 0.15);
}

/* ===== Ảnh ===== */
body.blog .post-item .box-image,
body.archive.category .post-item .box-image {
  margin: 0;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
}

body.blog .post-item .box-image img,
body.archive.category .post-item .box-image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}

/* ===== Text ===== */
body.blog .post-item .box-text,
body.archive.category .post-item .box-text {
  padding: 12px 14px 14px !important;
}

body.blog .post-item .post-meta,
body.archive.category .post-item .post-meta {
  margin-bottom: 6px;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.4;
}

body.blog .post-item .post-title,
body.archive.category .post-item .post-title {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
  min-height: 46px;
}

body.blog .post-item .post-title a,
body.archive.category .post-item .post-title a {
  color: inherit;
}

body.blog .post-item .post-title a:hover,
body.archive.category .post-item .post-title a:hover {
  color: #f15a24;
}

/* ===== Pagination ===== */
body.blog .nav-pagination > li > a,
body.blog .nav-pagination > li > span,
body.archive.category .nav-pagination > li > a,
body.archive.category .nav-pagination > li > span {
  min-width: 36px;
  height: 36px;
  line-height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #fff;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  box-shadow: none;
}

body.blog .nav-pagination > li > span.current,
body.archive.category .nav-pagination > li > span.current {
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
}

body.blog .nav-pagination > li > a:hover,
body.archive.category .nav-pagination > li > a:hover {
  background: #f15a24;
  color: #fff;
  border-color: #f15a24;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
  body.blog .post-item .post-title,
  body.archive.category .post-item .post-title {
    font-size: 15px;
    min-height: 0;
  }
}

@media (max-width: 767px) {
  body.blog .post-item .box-text,
  body.archive.category .post-item .box-text {
    padding: 12px 13px 13px !important;
  }
}





























#footer .row .col {
    padding-bottom: 0 !important;
}













































/* =========================================================
   SOFTVN FOOTER DESKTOP — clean structure
   ========================================================= */

.softvn-footer-col{
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.75;
}

.softvn-footer-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.softvn-footer-item{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.softvn-footer-icon{
  width: 18px;
  min-width: 18px;
  color: #ff6d31;
  line-height: 1;
  margin-top: 5px;
}

.softvn-footer-icon svg{
  display: block;
  width: 12px;
  height: 12px;
  fill: currentColor;
  opacity: .98;
}

.softvn-footer-icon--contact svg{
  width: 13px;
  height: 13px;
}

.softvn-footer-content{
  flex: 1 1 auto;
  color: rgba(255,255,255,.9);
}

.softvn-footer-content a{
  color: #ffffff;
  text-decoration: none;
  transition: color .2s ease;
}

.softvn-footer-content a:hover{
  color: #ff6d31;
}

.softvn-footer-badges{
  margin-top: 16px;
}

.softvn-footer-badges img{
  max-width: 100%;
  height: auto;
}

/* cột contact bên trái đọc thoáng hơn chút */
.softvn-footer-col--contact{
  line-height: 1.8;
}

/* social icons nếu dùng follow-icons của Flatsome */
.softvn-footer-col .follow-icons{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.softvn-footer-col .follow-icons a{
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.03);
  transition: all .2s ease;
}

.softvn-footer-col .follow-icons a:hover{
  border-color: rgba(255,109,49,.7);
  background: rgba(255,109,49,.12);
  transform: translateY(-1px);
}

/* mobile */
@media (max-width: 849px){
  .softvn-footer-col{
    font-size: 13px;
    line-height: 1.7;
  }

  .softvn-footer-list{
    gap: 10px;
  }

  .softvn-footer-item{
    gap: 10px;
  }

  .softvn-footer-icon{
    width: 16px;
    min-width: 16px;
  }
}























































/* softvn.vn — remove brand/vendor box + hide on mobile */

/* desktop/mobile chung: bỏ toàn bộ box/border nền của vendor */
.single-product .product .summary .ux-product-brands,
.single-product .product .summary .ux-product-brands a,
.single-product .product .summary .ux-product-brands img {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* nếu theme đang set viền bằng border của ảnh/logo */
.single-product .product .summary .ux-product-brands img {
    display: block !important;
}

/* mobile: ẩn hẳn vendor/logo này */
@media (max-width: 849px) {
    .single-product .product .summary .ux-product-brands {
        display: none !important;
    }
}

































/* =========================================================
   HOME SECTION HEAD – FINAL CLEAN
   ========================================================= */

.home-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 16px !important;
  padding-top: 2px;
}

.home-section-title{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
}

.home-section-title__icon{
  width: 3px;
  height: 16px;
  border-radius: 999px;
  background: #f15a24;
  flex: 0 0 3px;
}

.home-section-title__text{
  flex: 0 0 auto;
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 700;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
  color: #0f172a;
}

/* line nằm trong cùng 1 trục */
.home-section-title::after{
  content: "";
  display: block;
  flex: 1 1 auto;
  height: 1px;
  min-width: 40px;
  background: linear-gradient(
    90deg,
    rgba(15,23,42,.12) 0%,
    rgba(15,23,42,.05) 55%,
    rgba(15,23,42,0) 100%
  );
}

/* CTA đổi sang text-link sạch */
.softvn-section-more{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease, transform .2s ease;
}

.softvn-section-more:hover{
  color: #f15a24;
  text-decoration: none;
  transform: translateX(1px);
}

.softvn-section-more span{
  font-size: 14px;
  line-height: 1;
}

/* dọn margin thừa của Text block */
.home .text .home-section-head,
.home .text-box .home-section-head,
.home .text-inner .home-section-head{
  margin: 0 0 16px !important;
}

.home .text p:has(.home-section-head),
.home .text-inner p:has(.home-section-head){
  margin: 0 !important;
}

/* mobile */
@media (max-width: 768px){
  .home-section-head{
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 12px !important;
  }

  .home-section-title{
    width: 100%;
  }

  .home-section-title__text{
    font-size: 15px !important;
  }

  .softvn-section-more{
    font-size: 12px;
  }
}

/* fine tune vị trí Xem tất cả */
.softvn-section-more{
  margin-right: 6px !important;
  transform: translateY(1px) !important;
}

.softvn-section-more:hover{
  transform: translate(1px, 1px) !important;
}



/* =========================================================
   SOFTVN – HOMEPAGE PRODUCT ROWS
   FULL SYSTEM BLOCK
   Use class on each product row: softvn-home-prod-row
   ========================================================= */

/* ---------------------------------------------------------
   0) SECTION TITLE / HEADING SYSTEM
   --------------------------------------------------------- */
.home .softvn-home-prod-row{
  margin-top: 8px !important;
}

.home .softvn-home-prod-row .home-section-title,
.home .softvn-home-prod-row h2,
.home .softvn-home-prod-row .section-title,
.home .softvn-home-prod-row .section-title-main{
  position: relative !important;
}

.home .softvn-home-prod-row .section-title-container,
.home .softvn-home-prod-row .section-title{
  margin-bottom: 14px !important;
}

.home .softvn-home-prod-row .section-title-normal,
.home .softvn-home-prod-row .section-title-main,
.home .softvn-home-prod-row h2{
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
}

.home .softvn-home-prod-row .section-title b,
.home .softvn-home-prod-row .section-title span.section-title-main{
  border: 0 !important;
}

.home .softvn-home-prod-row .section-title::after,
.home .softvn-home-prod-row .section-title-container::after{
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin-top: 10px !important;
  background: linear-gradient(90deg, rgba(15,23,42,.14) 0%, rgba(15,23,42,.05) 35%, rgba(15,23,42,0) 100%) !important;
}

/* ---------------------------------------------------------
   1) GRID ROOT
   --------------------------------------------------------- */
.home .softvn-home-prod-row > .col-inner,
.home .softvn-home-prod-row > .col-inner > .row,
.home .softvn-home-prod-row .row,
.home .softvn-home-prod-row .row.equalize-box{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home .softvn-home-prod-row > .col-inner > .row,
.home .softvn-home-prod-row .row,
.home .softvn-home-prod-row .row.equalize-box{
  margin-left: -8px !important;
  margin-right: -8px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

.home .softvn-home-prod-row > .col-inner > .row > .col,
.home .softvn-home-prod-row .row > .col,
.home .softvn-home-prod-row .row.equalize-box > .col{
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-bottom: 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.home .softvn-home-prod-row > .col-inner > .row > .col > .col-inner,
.home .softvn-home-prod-row .row > .col > .col-inner,
.home .softvn-home-prod-row .row.equalize-box > .col > .col-inner{
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* ---------------------------------------------------------
   2) CARD
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small.box.has-hover.box-bounce.box-text-bottom{
  display: block !important;
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%) !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 18px !important;
  padding: 14px 12px 13px !important;
  box-shadow:
    0 2px 8px rgba(15, 23, 42, 0.02),
    0 6px 18px rgba(15, 23, 42, 0.03) !important;
  overflow: hidden !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
}

.home .softvn-home-prod-row .product-small.box.has-hover.box-bounce.box-text-bottom:hover{
  transform: translateY(-4px) !important;
  border-color: #dbe3eb !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.05),
    0 14px 28px rgba(15, 23, 42, 0.06) !important;
}

/* pulse dot */
.home .softvn-home-prod-row .product-small.box.has-hover.box-bounce.box-text-bottom::after{
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #ff6a00 !important;
  opacity: 0 !important;
  transform: scale(.85) !important;
  box-shadow: 0 0 0 0 rgba(255,106,0,0) !important;
  transition: opacity .2s ease, transform .2s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.home .softvn-home-prod-row .product-small.box.has-hover.box-bounce.box-text-bottom:hover::after{
  opacity: 1 !important;
  transform: scale(1) !important;
  animation: softvnPulseDot 1.7s ease-out infinite !important;
}

@keyframes softvnPulseDot{
  0%{ box-shadow: 0 0 0 0 rgba(255,106,0,.26); }
  70%{ box-shadow: 0 0 0 7px rgba(255,106,0,0); }
  100%{ box-shadow: 0 0 0 0 rgba(255,106,0,0); }
}

/* ---------------------------------------------------------
   3) IMAGE
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small .box-image{
  margin: 0 auto 8px !important;
  width: 66% !important;
}

.home .softvn-home-prod-row .product-small .box-image img{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transition: transform .28s ease !important;
  filter: none !important;
}

.home .softvn-home-prod-row .product-small.box.has-hover.box-bounce.box-text-bottom:hover .box-image img{
  transform: scale(1.025) !important;
}

/* ---------------------------------------------------------
   4) TEXT WRAPPER
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small .box-text{
  position: relative !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
}

/* ---------------------------------------------------------
   5) TITLE
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small .name.product-title,
.home .softvn-home-prod-row .product-small .woocommerce-loop-product__title{
  display: block !important;
  margin: 0 0 5px !important;
  padding: 0 6px !important;
  min-height: 40px !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 650 !important;
  color: #111827 !important;
  text-align: center !important;
  letter-spacing: -0.01em !important;
}

.home .softvn-home-prod-row .product-small .name.product-title a,
.home .softvn-home-prod-row .product-small .woocommerce-loop-product__title a{
  color: #111827 !important;
  text-decoration: none !important;
}

/* ---------------------------------------------------------
   6) CATEGORY / META
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small .category,
.home .softvn-home-prod-row .product-small .product-cat,
.home .softvn-home-prod-row .product-small .posted_in{
  display: block !important;
  margin: 0 0 5px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
  color: #7b8794 !important;
  text-align: center !important;
}

/* ---------------------------------------------------------
   7) RATING
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small .star-rating{
  margin: 0 auto 5px !important;
  font-size: 10px !important;
  opacity: .78 !important;
  transform: scale(.92) !important;
}

/* ---------------------------------------------------------
   8) PRICE
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small .price{
  display: block !important;
  margin-top: 0 !important;
  padding: 0 6px !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #e10600 !important;
}

.home .softvn-home-prod-row .product-small .price del,
.home .softvn-home-prod-row .product-small .price del *,
.home .softvn-home-prod-row .product-small .price del .amount,
.home .softvn-home-prod-row .product-small .price del bdi,
.home .softvn-home-prod-row .product-small .price > span:first-child,
.home .softvn-home-prod-row .product-small .price > span:first-child *{
  color: #222222 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  opacity: .78 !important;
}

.home .softvn-home-prod-row .product-small .price del{
  margin-right: 4px !important;
}

.home .softvn-home-prod-row .product-small .price ins,
.home .softvn-home-prod-row .product-small .price ins *,
.home .softvn-home-prod-row .product-small .price .amount,
.home .softvn-home-prod-row .product-small .price ins bdi{
  color: #e10600 !important;
  text-decoration: none !important;
}

.home .softvn-home-prod-row .product-small .price,
.home .softvn-home-prod-row .product-small .price *{
  vertical-align: baseline !important;
}

/* ---------------------------------------------------------
   9) BADGE / CLEANUP
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small .image-tools,
.home .softvn-home-prod-row .product-small .button{
  display: none !important;
}

.home .softvn-home-prod-row .badge-container{
  z-index: 5 !important;
}

.home .softvn-home-prod-row .onsale{
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  min-height: auto !important;
  line-height: 1 !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  background: #fff4f2 !important;
  color: #ea580c !important;
  border: 1px solid #ffd8cc !important;
  box-shadow: none !important;
}

/* ---------------------------------------------------------
   10) LINK / CURSOR
   --------------------------------------------------------- */
.home .softvn-home-prod-row .product-small a{
  text-decoration: none !important;
}

.home .softvn-home-prod-row .product-small.box{
  cursor: pointer !important;
}

/* ---------------------------------------------------------
   11) RESPONSIVE
   --------------------------------------------------------- */
@media (max-width: 1024px){
  .home .softvn-home-prod-row .row.equalize-box > .col,
  .home .softvn-home-prod-row > .col-inner > .row > .col,
  .home .softvn-home-prod-row .row > .col{
    padding-left: 7px !important;
    padding-right: 7px !important;
    margin-bottom: 14px !important;
  }
}

@media (max-width: 768px){
  .home .softvn-home-prod-row .row.equalize-box > .col,
  .home .softvn-home-prod-row > .col-inner > .row > .col,
  .home .softvn-home-prod-row .row > .col{
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .home .softvn-home-prod-row .product-small.box.has-hover.box-bounce.box-text-bottom{
    border-radius: 16px !important;
    padding: 12px 10px 12px !important;
  }

  .home .softvn-home-prod-row .product-small .name.product-title,
  .home .softvn-home-prod-row .product-small .woocommerce-loop-product__title{
    font-size: 13px !important;
    min-height: 36px !important;
  }
}
}