/* Responsive */
@media (max-width: 1001px) {
  .menu {
    display: none;
  }

  .menu-res {
    display: block;
  }

  /* col */
  [class*="col-"],
  .col {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .row {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  /* Spacing */
  [class$="-10"],
  [class$="-20"],
  [class$="-30"] {
    --spacing: 10px;
  }
  [class$="-40"],
  [class$="-50"],
  [class$="-60"] {
    --spacing: 30px;
  }
  .content-main iframe {
    width: 100% !important;
    height: auto !important;
  }

  .desc-pro-detail iframe {
    width: 100% !important;
    height: auto !important;
  }

  .wrap-tieuchi {
    padding: 30px 0;
  }

  .wrap-brand {
    padding: 30px 0;
  }

  .wrap-product-banchay {
    padding: 30px 0;
  }

  .wrap-quangcao2 {
    padding-bottom: 30px;
  }

  .wrap-product-cat {
    padding-bottom: 30px;
  }

  .wrap-about {
    padding: 30px 0;
  }

  .wrap-dichvu {
    padding: 30px 0;
  }

  .wrap-quangcao3 {
    padding-bottom: 30px;
  }

  .wrap-tintuc {
    padding: 30px 0;
  }

  .wrap-chinhanh {
    padding: 30px 0;
  }
}
@media (max-width: 769px) {
  .header,
  .owl-tieuchi .item-tieuchi::before,
  .flex-about .left .box-image-about::before,
  .main-newsletter .left::before,
  .criteria,
  .sticky-right {
    display: none !important;
  }

  .title-brand span {
    font-size: 26px;
    line-height: 50px;
  }

  .brand-item .info {
    padding: 10px 10px;
  }

  .title-main span {
    font-size: 26px;
    line-height: 50px;
  }

  .product-banchay-item .info .name {
    font-size: 16px;
    line-height: 20px;
  }

  .name-product {
    font-size: 15px;
    line-height: 20px;
  }

  .name-product.text-split {
    -webkit-line-clamp: 2;
  }

  .flex-about .left {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  .flex-about .right {
    width: 100%;
  }

  .flex-about .left .box-image-about a:nth-child(2) {
    left: 0;
  }

  .main-about .title-about .name {
    font-size: 26px;
    line-height: 45px;
    margin-bottom: 5px;
  }

  .main-about .title-about {
    margin-bottom: 10px;
  }

  .flex-tintuc .left {
    width: 100%;
    padding-bottom: 20px;
  }

  .flex-tintuc .right {
    width: 100%;
  }

  .main-newsletter .left {
    width: 100%;
    margin-bottom: 20px;
  }

  .title-newsletter {
    justify-content: center;
  }

  .main-newsletter .right {
    width: 100%;
  }

  .title-newsletter h2 {
    font-size: 26px;
    line-height: 40px;
  }

  .main-chinhanh .row {
    gap: 15px 0;
  }

  .flex-footer {
    gap: 15px 0;
  }

  .flex-footer .footer-news:nth-child(1) {
    width: 100%;
  }
  .flex-footer .footer-news:nth-child(2) {
    width: 100%;
  }
  .flex-footer .footer-news:nth-child(3) {
    width: 100%;
  }
  .flex-footer .footer-news:nth-child(4) {
    width: 100%;
  }

  .footer-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) {
  .title-brand span {
    font-size: 22px;
    line-height: 40px;
  }

  .title-main span {
    font-size: 22px;
    line-height: 40px;
  }

  .product-banchay-item .info .name {
    font-size: 15px;
    line-height: 20px;
    -webkit-line-clamp: 2;
  }

  .title-product {
    display: flex;
    align-items: center;
    gap: 0 10px;
    width: 100%;
    margin-block: 5px;
  }

  .title-product-main .right {
    width: 100%;
  }

  .flex-about .left .box-image-about a:nth-child(2) {
    bottom: 20px;
  }

  .slider-nav-tintuc .item-tintuc .info {
    width: calc(100% - 180px - 10px);
  }
  .main-newsletter .right .box .newsletter-input {
    width: 100%;
    margin-bottom: 10px;
  }

  .main-newsletter .right .box .newsletter-button {
    width: 100%;
  }
}
@media (max-width: 376px) {
}