@media screen and (max-width: 1100px) {
  .menu-nav a {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .header-top,
  .header-nav {
    display: none;
  }
  .menu {
    padding: 5px 0;
  }
  .menu-nav {
    display: none;
  }
  #hamburger {
    display: block;
  }
  .center-layout,
  .inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .menu {
    display: none;
  }
  .menu-res {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .footer .col_footer {
    grid-template-columns: 48% 48%;
  }
  .flex-copyright {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 100px;
    padding-top: 30px;
  }
  .flex-footer {
    flex-direction: column;
  }
  .flex-footer .footer-company {
    width: 100%;
    padding-right: 0px;
  }
  .flex-footer .footer-contact {
    width: 100%;
  }
  .flex-footer .footer-hotline-term-policy {
    width: 100%;
  }
  .flex-criterial {
    flex-direction: column;
  }
  .flex-news-post {
    flex-direction: column;
  }
  .flex-news-post .post-left {
    width: 100%;
    padding-right: 0px;
  }
  .flex-news-post .post-right {
    width: 100%;
  }
  .flex-images {
    flex-direction: column;
  }
  .wrapper-product {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
  }
  .box-product-item h3 {
    font-size: 12px;
    margin-bottom: 30px;
  }
  .home-partner {
    padding: 30px 0;
  }
  .box-criterial p.split-4rows {
    height: auto;
  }
  .wrapper-product-hot .owl-nav-custom {
    display: none;
  }
  .grid-book {
    grid-template-columns: repeat(1, 1fr);
  }
  .df-popup-thumb1 {
    width: 100% !important;
    margin: 0px !important;
  }
  .news__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .product__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .flex-contact {
    flex-direction: column;
  }
  .flex-contact .contact-map {
    flex: auto;
  }
  .bg-breadcrumb {
    min-height: 200px;
  }
  .left-pro-detail {
    width: 100%;
  }
  .right-pro-detail {
    width: 100%;
    margin-bottom: 0px !important;
  }
  .left-pro-detail .pc {
    display: none;
  }
  .right-pro-detail .mobile {
    display: block;
  }
  .grid-pro-detail {
    margin-bottom: 0px;
  }
  .img-detail {
    margin-bottom: 0px;
  }
  .menu-header {
    display: none;
  }
  .user-header .box-user {
    display: none;
  }
  .header {
    height: 76px;
    padding: 10px 0px;
  }
  .header .logo-menu {
    max-width: 88px;
  }
  .google-translate-arrow {
    border: 1px solid #666 !important;
    border-radius: 2px;
    color: #fff;
    padding: 0 5px;
  }
  .box-language {
    width: auto;
    margin-right: 20px;
  }
  .menu-mobile {
    display: block;
  }
  .elementor-button-icon-qty {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .pd-detail__top {
    grid-template-columns: 100%;
    grid-gap: 20px;
  }
  .mobile-button {
    display: grid !important;
  }
}/*# sourceMappingURL=reponsive.css.map */