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

  .menu-res {
    display: block;
  }

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

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

  .ckeditor {
    overflow-x: auto;
  }

  .ckeditor:after {
    content: "";
    clear: both;
    display: block;
  }

  .ckeditor *:not(iframe) {
    max-width: 100% !important;
    height: auto !important;
  }

  .ckeditor iframe {
    max-width: 100% !important;
  }

  .spacing_padding {
    padding: 30px 0 !important;
  }

  .spacing_padding_bottom {
    padding-bottom: 30px !important;
  }

  .header_top_box {
    display: none;
  }

  .menu-bar-res .logo-header {
    max-width: 45px;
  }

  .slideshow {
    margin-top: 0;
  }

  .box-slider {
    padding-left: 20px;
  }

  .edit-info-slider {
    width: 90%;
  }

  .name-slider {
    font-size: 22px;
  }

  .introduct_boxmain .introduct-left {
    width: 100%;
    padding: 0;

  }

  .introduct_boxmain .introduct-right {
    width: 100%;
    margin-bottom: 20px;
  }

  .introduct_boxmain {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .introduct_boxmain .introduct-left::before,
  .introduct_boxmain .introduct-left::after {
    display: none;
  }

  .introduct_title p {
    font-size: 20px;
  }

  h2.titl_name {
    font-size: 30px;
  }

  .introduct-main,
  .product-tr,
  .info_productlist,
  .info-chungnhan,
  .info_newsletter,
  .info-newsnb,
  .info-doitac {
    padding: 30px 0;
  }

  .gt_xemthem a {
    font-size: 15px;
    line-height: 40px;
    width: 154px;
    padding: 2px 0px 2px 32px;
  }

  .introduct_title {
    margin-bottom: 10px;
  }

  .choose_list .choose1 span {
    font-size: 16px;
  }

  .choose_list .choose1 .line-pro {
    margin: 0 15px;
  }

  .name-banner {
    font-size: 25px;
  }

  .name-banner {
    font-size: 18px;
  }

  .title-main span {
    font-size: 25px;
  }

  .choose2 span {
    padding: 3px 8px;
    font-size: 15px;
  }

  .choose2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .choose2 span {
    margin: 0 5px;
    margin-bottom: 5px;
  }

  span.tt_chu {
    font-size: 16px !important;
  }

  .ttr_1::after,
  .ttr_3::after,
  .ttr_2::after,
  .ttr_4::after {
    display: none;
  }

  .aboutHome .grid {
    display: flex;
    flex-wrap: wrap;
  }

  .aboutHome .grid .col {
    width: 100%;
    flex-basis: auto;
    margin-bottom: 20px;
  }

  .aboutHome .grid .col.image_tei {
    display: none;
  }

  .about {
    margin-bottom: 20px;
  }

  .about.left {
    text-align: left;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: left;
  }

  .about.right .tc_img {
    margin-right: 0;
  }

  .about.right {
    justify-content: left;
  }

  .tc_tong {
    width: 73.66%;
    padding-left: 17px;
  }

  .aboutHome,
  .info-hinhanh {
    padding: 30px 0;
  }

  .feedback-box .left {
    width: 100%;
    margin-bottom: 20px;
  }

  .feedback-box .right {
    width: 100%;
  }

  .doimau {
    font-size: 20px !important;
  }

  .grid-newsletter .newsletter-box:nth-child(1) {
    width: 100%;
  }

  .grid-newsletter .newsletter-box:nth-child(2) {
    width: 100%;
  }

  .tt_tieude_newsletter h2 {
    font-size: 20px;
  }

  .frm-newsletter {
    flex-wrap: wrap;
  }

  .frm-newsletter .pad-cot:nth-child(2) {
    width: 100%;
    margin-bottom: 10px;
  }

  .frm-newsletter .pad-cot:nth-child(1) {
    width: 100%;
    margin-bottom: 10px;
  }

  .frm-newsletter .pad-cot:nth-child(3) {
    margin: 0 auto;
  }

  .newsletter_input .form-control {
    border-radius: 100px;
  }

  .newsletter_input textarea {
    border-radius: 35px !important;
  }

  .frm-newsletter .pad-cot:nth-child(3)::after {
    display: none;
  }

  .flex_intro .left {
    width: 100%;
  }

  .flex_intro .right {
    width: 100%;
  }

  .footer-news:nth-child(1) {
    width: 49%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(2) {
    width: 49%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(3) {
    width: 49%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(4) {
    width: 49%;
    margin-bottom: 20px;
  }

  .sanpham_col_flex {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }

  .pro_right {
    width: 100%;
  }

  .title-main-detail span {
    font-size: 18px;
  }

  .num h2 {
    font-size: 15px;
  }

  .tt_tc h2 {
    font-size: 40px;
  }
}

@media (max-width: 1024px) {
  .grid-prolist {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-pro {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 725px) {
  .grid-news {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .news_left {
    width: 100%;
  }

  .news_right {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .grid-prolist {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-trong {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-pro {
    grid-template-columns: repeat(2, 1fr);
  }

  .dg-wrapper {
    height: 193px;
  }

  .footer-news:nth-child(1) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(2) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(3) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-news:nth-child(4) {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-article {
    padding: 30px 0;
  }

  .social-footer {
    text-align: left;
  }

  .meta-toc {
    display: none !important;
  }

  .newsnb_item .info .name {
    font-size: 15px;
  }

  p.lienhesp .tt_lhe {
    font-size: 8px;
  }

  .info .product_item .masp {
    align-items: center;
  }

  .info .product_item .masp .tt_code {
    font-size: 14px;
  }

  .info .product_item .masp .tt_masp {
    font-size: 14px;
  }

  .lienhesp .product_item:nth-child(1) {
    display: none;
  }

  .tt_sdt {
    width: 100%;
    background: var(--color-main);
    text-align: center;
    padding: 8px 0;
  }

  .info .product_item .name {
    font-size: 15px;
  }
}

@media (max-width: 499px) {
  .edit-info-slider {
    display: none;
  }

  .btn-chiduong,
  .btn-zalo,
  .btn-phone,
  .btn-mess {
    display: none;
  }

  div.box-hethong .ht-left {
    width: 100%;
    margin-bottom: 20px;
  }

  div.box-hethong .ht-right {
    width: 100%;
  }

  div.box-hethong .ht-right iframe {
    width: 100%;
  }
}