@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: 5px !important; padding-right: 5px !important;}
    .load_about .center-layout{flex-direction: column;}
    .load_about .left{width: 100%;}
    .load_about .right{margin-top: 20px;max-width: 100%;}
    .product__grid{grid-template-columns: repeat(4, calc(25% - (18px * 3 / 4)));
    grid-gap: 18px;}
    .grid_ha{grid-gap: 15px;}
    .footer .col_1{grid-template-columns: 38% 20% 28%;}
}
@media screen and (max-width: 992px) { 
  .header-bottom .right{display: none;}
}
@media screen and (max-width: 880px) { 
  .product__grid,.news__grid{grid-template-columns: repeat(3, calc(33.33% - (18px * 2 / 3)));}
  .footer .col_1{grid-template-columns: 40% 50%;}
  .footer .col_1 .footer-col:nth-child(1){grid-column: 1/3;}
}
@media screen and (max-width: 768px) { 
	.content_about{flex-direction: column;}
  .content_about .noidung{width: 100%;margin-bottom: 10px;}
  .content_about .img{margin: auto;}
  .mobile-button { display: grid !important; }
  .load_vd .center-layout{flex-direction: column;}
  .load_vd .left{width: 100%;margin-bottom: 15px;}
  .load_vd .right{width: 100%;}
  .copyright .center-layout{flex-direction: column;text-align: center;}
  .grid-hinhanh{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
}
@media screen and (max-width: 700px){
  .pd-detail__top { grid-template-columns: 100%; grid-gap: 20px; }
  .slide .custom-owl-prev, .slide .custom-owl-next{font-size: 20px;}
  .title_tc{font-size: 32px;line-height: 32px;}
}
@media screen and (max-width: 600px){
  .product__grid,.news__grid,.grid-hinhanh{grid-template-columns: repeat(2, calc(50% - (18px / 2)));}
  .load_ab{padding-left: 5px;padding-right: 5px;}
  .box_news .img .date .ngay{font-size: 28px;line-height: 28px;}
  .box_news .img .date{font-size: 12px;width: 75px;height: 68px;}
  .box_news .ten{font-size: 16px;}
  .title span{font-size: 28px;}
}
@media screen and (max-width: 520px) { 
  .header-bottom .center-layout{flex-direction: column;}
  .title_about{font-size: 30px;}
  .slogan_about{font-size: 35px;}
  .product-items__price--new span{font-size: 16px;}
  .title_tc,.title_list{font-size: 28px;line-height: 28px;}
  .grid_ha{grid-gap: 5px;}
  .footer .col_1{grid-template-columns: 100%;}
  .footer .col_1 .footer-col:nth-child(1){grid-column: initial;}
  .ul_tabdm li{min-width: 95px;padding: 8px 15px;}
  .news-items .items__name a{font-size: 15px;}
}
@media screen and (max-width: 414px){
  .title_tv .ten{font-size: 17px;line-height: 17px;}
  .box_kh .img{max-width: 120px;}
  .box_kh .noidung{width: calc(100% - 135px);}
  .box_kh .noidung .mota{line-height: 23px;height: 68px;}
  .box_kh .noidung .diachi{margin: 5px 0px;}
  .box_kh .noidung .ten{font: 16px;}
  .news-items .items__name a{font-size: 14px;}
  .news-items .news__mota{font-size: 13px;}
  .others__title{font-size: 18px;}
  .pagination-ajax a{width: 25px;height: 25px;line-height: 25px;font-size: 10px;}
}
@media screen and (max-width: 350px){
  .title_about{font-size: 26px;}
  .product-items__price--new{font-size: 13px;}
  .product-items__price--new span{font-size: 15px;}
  .product-items__name a{font-size: 13px;}
}