/* Responsive */
@media (max-width: 1024px) {
  #hamburger,
  .widget_menu_mobile {
    display: block;
  }
  .menu-head,
  .widget-menu {
    display: none;
  }
  .cart-head {
    padding: 5px;
    font-size: 12px;
  }
  .header {
    padding: 10px 0px;
  }
  .flex-product-main {
    display: block;
  }
  .flex-product-main .left-product {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    transform: translateX(-250px);
    bottom: 0px;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 0px 0px 5px #000;
    transition: all 0.5s;
  }
  .flex-product-main .left-product.show {
    transform: translateX(0px);
  }

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

  .grid-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .filter {
    display: block;
  }

  .row-20,
  .row-30 {
    margin: 0 -5px;
  }

  .col-20,
  .col-30 {
    padding: 0 5px;
  }

  .mg-b-30,
  .mg-b-20 {
    margin-bottom: 10px;
  }

  .right-menu {
    display: none;
  }

  .title-pl {
    font-size: 20px;
  }

  .box_name_pl span,
  .more_product a {
    font-size: 16px;
  }

  .col-intro-l {
    padding: 25px;
  }

  .box-footer:nth-child(1) {
    width: 40%;
  }

  .end_m {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 85px;
  }

  #hamburger {
    margin-right: 53px;
}
}

@media (max-width: 991px) {
  .product {
    padding: 5px;
  }

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

  .t-c-2 {
    font-size: 26px;
  }

  .desc-intro {
    line-height: 1.5;
    font-size: 14px;
  }

  .desc-intro {
    margin-bottom: 10px;
  }
}

@media (max-width: 850px) {
  .news-left {
    width: 100%;
  }
  .news-right {
    width: 100%;
    margin-top: 30px;
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .gutter-x-20 {
    --bs-gutter-x: 10px;
  }
  .flex-about {
    flex-wrap: wrap;
  }
  .content-about {
    width: 100%;
  }

  .photo-about {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
  .flex-video {
    flex-wrap: wrap;
  }
  .item-news {
    /* padding: 5px; */
  }
  .ds-news h3 {
    font-size: 14px;
  }
  .text-cart {
    display: none;
  }
  .grid-pro-detail {
    display: block;
  }
  .grid-pro-detail .left-pro-detail {
    width: 100%;
    padding: 0px;
    border-right: none;
  }
  .slick_photo1 {
    text-align: center;
  }
  .grid-pro-detail .right-pro-detail,
  .footer-title::after {
    width: 100%;
  }

  .grid-news {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }

  .grid-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .info-footer .flex-footer {
    display: block;
  }
  .box-footer {
    width: 100% !important;
    margin-top: 20px;
  }

  .col-intro-l {
    padding: 15px;
  }

  .t-c-2 {
    font-size: 24px;
  }

  .btn-see-more-intro a {
    padding: 8px 15px;
    font-size: 14px;
  }

  .name-news {
    font-size: 15px;
    margin-bottom: 0px;
  }

  .footer-ul li {
    width: auto;
    min-width: calc(50% - 5px);
  }
}

@media (max-width: 767px) {
  .widget_product_hot {
    width: 100%;
    margin-bottom: 20px;
  }

  .widget_product_list_hot {
    width: 100%;
  }

  .col-intro-l {
    width: calc(100% - 15px);
    margin: 15px 0 20px 15px;
  }

  .col-intro-r,
  .widget-facebook {
    width: 80%;
    margin: 0 auto;
  }

  .row-intro {
    flex-direction: column;
  }

  .row-intro::before {
    top: 0;
  }

  .row-intro::after {
    top: unset;
    bottom: -15px;
  }

  .widget_news {
    width: 100%;
    margin-top: 30px;
  }

  .widget-news,
  .widget-form,
  .widget_partner,
  .padding-top-bottom,
  .widget_product_list,
  .widget-criteria,
  .widget-intro,
  .widget-intro,
  .widget_pro_hot_list {
    padding: 30px 0;
  }

  .title-main span,
  .title-detail h1,
  .title-detail h2,
  .title-main h1,
  .title-main h2,
  .title-main-news span {
    font-size: 28px;
  }

  .widget__product__list:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
}
@media (max-width: 575px) {
  .title-p-l h2 {
    font-size: 16px;
    padding: 10px 30px;
    margin: 0 10px;
  }

  .title-p-l::after {
    width: 216px;
  }

  .title-p-l {
    margin-bottom: 10px;
  }

  .col-intro-l {
    margin: 10px 0 20px 10px;
  }

  .t-c-2,
  .name-ft,
  .title-main span,
  .title-detail h1,
  .title-detail h2,
  .title-main h1,
  .title-main h2,
  .title-main-news span {
    font-size: 20px;
  }

  .avt-cri {
    padding: 7px;
  }

  .product-hot {
    padding: 5px;

  }

  .all-form {
    width: 95%;
  }

  .widget-form::before {
    left: 15px;
  }

  .widget-form::after {
    right: 15px;
  }

  .sname-ft {
    font-size: 17px;
  }

  .info-news {
    width: 60%;
  }

  .pic_news {
    width: calc(40% - 10px);
  }

  .wrap-menu.fix_head .logo-header {
    width: 45px;
  }

  .grid-product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .wrap-menu .logo-header {
    width: 60px;
  }

  .w-sw-p {
    padding: 0;
  }

  .box_name_pl span,
  .more_product a,
  .left-more a {
    font-size: 14px;
  }

  .title-pl {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .text-more-1 {
    font-size: 15px;
    margin-bottom: 0px;
  }

  .desc-product {
    font-size: 14px;
    text-align: start;
}

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

.box-name-product {
    max-height: 110px;
}

.info-hvr-p {
    display: none;
}
}