/*! 15-responsive.css
    Tách từ assets/caches/5396eff39b06a2b12b023df9a01cb9eb.css — byte 951720–956952 (5232 byte)
    Nguồn: chưa rõ tên gốc — media query responsive của giao diện */
@media (max-width: 1199px) {
  .footer-layout .wrap-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .productList-d {
    gap: 10px;
  }
  .footer-copyright {
    grid-row: 6/7;
  }
  .footer-social,
  .footer-fanpage-map {
    grid-row: unset;
    grid-column: unset;
  }
  .camnhan-box:before {
    width: 100vw;
    left: -10px;
  }
  .congtrinh-box:before {
    width: 100vw;
    right: -10px;
  }
  .camnhan-box,
  .congtrinh-box {
    padding: 30px 0px;
  }
  .congtrinh-khachhang .wrap-content {
    grid-template-columns: 1fr;
  }
  .dichvu-slide {
    margin: 0px -5px;
  }
  .dichvu-slide .dichvu-item {
    margin: 0px 5px;
  }
  .dichvu {
    padding: 30px 0px;
  }
  .grid-product {
  }
  .listProductNb {
    margin: 30px 0px;
    gap: 30px;
  }
  .khaosat-box {
    padding: 30px 10px;
    min-height: unset;
  }
  .khaosat-txt-4 {
    font-size: 20px;
  }
  .khaosat-txt-1 {
    font-size: 30px;
    line-height: normal;
  }
  .khaosat .wrap-content {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
  }
  .gioithieu {
    margin: 30px 0px;
  }
  .gioithieu .wrap-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .gioithieu-txt-4 {
    margin-top: 20px;
  }
  .gioithieu-txt-2 {
    font-size: 30px;
  }
  .gioithieu-txt-1 {
    margin-top: 0px;
    font-size: 15px;
  }
  .title-product {
    flex-wrap: wrap;
  }
  .header-menu-bottom {
    height: 50px;
    width: 100%;
  }
  .header-menu-mobile {
    width: 100%;
    background: var(--m1);
    padding: 5px 0px;
  }
  .header-menu-mobile.menu-fix {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
  }
  .header-menu-mobile .wrap-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .search-mobile {
    display: flex;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
  }
  .search-mobile p {
    margin: 0px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search-mobile input {
    border: 0;
  }
  .grid-pro-detail {
    flex-wrap: wrap;
  }
  .grid-pro-detail .left-pro-detail,
  .grid-pro-detail .right-pro-detail {
    width: 100%;
    padding: 0px;
  }
  .header.menu-fix {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fff2e1;
    z-index: 9;
  }
  .header-mobile {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .thuvienanh {
    margin: 30px 0px;
  }
  .intro {
    padding-bottom: 30px;
    background-size: cover;
  }
  .thuvienanh-txt-4 {
    display: block;
    font-size: 30px;
  }
  .thuvienanh-item > * {
    display: none;
  }
  .thuvienanh .wrap-content {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .thuvienanh-item {
    margin: 0px !important;
    width: 100%;
    height: 100%;
    padding: 0px !important;
  }
  .thuvienanh-item * {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    aspect-ratio: 2/3;
  }
  .thuvienanh-img {
    display: block !important;
    margin: 0px !important;
  }
  .tintuc {
    margin: 30px 0px;
  }
  .footer-powered .wrap-content {
    flex-wrap: wrap;
    text-align: center;
  }
  .footer-line {
    display: none;
  }

  .video-slide {
    max-width: calc(100% - 100px);
  }
  .video-feedback .wrap-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .la1 {
    max-width: 30vw !important;
    bottom: -8%;
  }
  .product .name-product {
    -webkit-line-clamp: 2;
    font-size: 13px;
  }
  .bestseller {
    padding: 20px 0px;
  }
  .bestseller-title div {
    margin: 0px;
    font-size: 20px;
  }
  .bestseller-title div:before {
    content: unset;
  }
  .best-next {
    right: -0px;
  }
  .best-prev {
    left: -0px;
  }
  .mm-page {
    overflow-x: hidden;
    max-width: 100vw;
  }
  ..intro .wrap-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .menu {
    display: none;
  }
  .logo-header {
    display: none;
  }
  #hamburger {
    display: block;
  }
  .menu-head {
    display: none;
  }
  .wrap-menu {
    display: none;
  }
  .cart-head {
    padding: 5px;
    font-size: 12px;
  }
  .header {
    display: none;
  }
  .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: 10px;
  }
  .filter {
    display: block;
  }
}
@media (max-width: 991px) {
  .product .name-product {
    -webkit-line-clamp: 2;
    font-size: 13px;
    height: 46px;
  }
  .gioithieu-txt-3 {
    /* height: 265px; */
    height: fit-content;
  }
  .album-d {
    grid-template-columns: 1fr 1fr;
  }
  .product-d {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer-powered {
    padding-bottom: 70px !important;
  }
}
@media (max-width: 769px) {
  .contact-group {
    transform: scale(80%);
    transform-origin: left bottom;
  }
}
@media (max-width: 575px) {
  .footer-layout .wrap-content {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 cột cho các item bên dưới */
    gap: 20px;
  }

  .footer-layout .wrap-content > *:first-child {
    grid-column: 1 / -1; /* chiếm trọn cả hàng (full width) */
  }
  .footer-powered {
    padding-bottom: 20px !important;
  }
  .footer-layout .wrap-content {
    /* grid-template-columns: 1fr; */
  }
  .footer-layout {
    padding: 20px 0;
    background: #000;
  }
  .footer-policy {
    display: grid;
    gap: 10px;
    margin-top: 10px;
  }
  .footer-txt-2 {
    margin-bottom: 10px;
  }
  .gioithieu-txt-4 {
    margin-top: 0px;
  }
  .dichvu {
    padding: 10px 0px;
  }
  .tintuc {
    margin: 0px;
    padding: 10px 0;
  }
  .footer-layout .wrap-content {
    justify-items: flex-start;
    gap: 10px;
  }
  .listProductNb {
    margin: 10px 0px;
    gap: 10px;
  }
  .product-see span {
    width: 70%;
    font-size: 13px;
    padding: 0px 10px;
  }
  .product-hotline {
    gap: 10px;
  }
  .thongtin {
    font-size: 18px;
    margin-top: 10px;
  }
  .product-info-box {
    padding: 10px;
  }
  .productList-img img {
    width: 60px;
  }
  .gioithieu-txt-5 {
    font-size: 15px;
  }
  .khaosat-txt-2 {
    font-size: 18px;
  }
  .product .price-new {
    font-size: 14px;
  }
  .product .price-old {
    font-size: 12px;
  }
  .product .price-product {
    min-height: 35px;
    max-width: 80%;
  }
  .camnhan-txt-1 {
    font-size: 16px;
  }
  .camnhan-txt-2 {
    font-size: 15px;
  }
  .camnhan-txt-3 {
    font-size: 14px;
  }
  .camnhan-img {
    min-width: 70px;
    width: 70px;
  }
  .camnhan-slide {
    margin-bottom: -20px;
  }
  .camnhan-item {
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .congtrinh-slide {
    margin: 0px -5px;
  }
  .congtrinh-slide .congtrinh-item {
    margin: 0px 5px;
  }
  .title-main2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .dichvu-txt {
    padding: 10px;
  }
  .title-main span {
    font-size: 30px;
  }
  .title-product span {
    font-size: 16px;
    border-radius: 0;
    padding: 5px 30px;
    height: auto;
    margin: 0px auto;
  }
  .title-product > div img {
    display: none;
  }
  .title-product {
    flex-direction: column;
    gap: 20px;
    gap: 10px;
  }
  .title-product p {
    width: 100%;
    justify-content: center;
  }
  .grid-product {
    grid-template-columns: repeat(2, 1fr);
  }
  .khaosat-txt-3 {
    font-size: 20px;
  }
  .khaosat-txt-1 {
    font-size: 25px;
  }
  .contact-group {
    transform: scale(60%);
    transform-origin: left bottom;
  }
}
@media (max-width: 440px) {
  .congtrinh-txt {
    padding: 10px;
    height: auto;
  }
  .congtrinh-txt-1 {
    font-size: 14px;
    -webkit-line-clamp: 2;
  }
  .product-hotline {
    flex-direction: column;
  }
  .dichvu-txt-1 {
    -webkit-line-clamp: 2;
    font-size: 14px;
  }
  .dichvu-arr {
    width: 30px;
    height: 30px;
  }
  .title-main span {
    font-size: 25px;
  }
}
@media (max-width: 369px) {
}