@media screen and (max-width: 1300px) { 
  .custom-owl-prev { left: 0 !important; }
  .custom-owl-next { right: 0 !important; }
}
@media screen and (max-width: 1024px) {
  .menu-grid > li > a {    padding: 0 23px;}
  
}
@media screen and (max-width: 960px) {
  
  .header .center-layout,.body .center-layout,.footer-copyright .center-layout{display: inherit;}
  .header-logo{margin:auto;text-align: center;width: 25%;display: block; padding: 5px 0px;}
  .header-banner{width: 100%;display:block;text-align:center;padding: 0;padding-bottom: 5px;}
  .menu-grid,.hotline,.top_head,.left { display: none; }
  .menu-button,#footer1 { display: block; }
  .right{width: 100%;}
  .product-grid{grid-gap: 10px;}
  .social{text-align:center;}
  .post-grid{    grid-template-columns: repeat(4, 1fr); grid-gap: 10px; }
  .top{bottom: 50px;}
}
@media screen and (max-width: 768px) {
  .footer{display: inherit;}
  .contact-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .contact-left { width: 100%; margin-bottom: 20px; }
  .contact-right { width: 100%; }
  .pd-detail__left { width: 50%; }
  .pd-detail__right { width: 50%; }
  .post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .post-left { width: 100%; margin-bottom: 20px; }
  .post-right { width: 100%; }
  .post-box { position: relative; top: initial; }
  .footer .center-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .footer-col { width: 100% !important; margin-bottom: 20px; }
  .footer-col:last-child { margin-bottom: 0; } 
}
@media screen and (max-width: 603px) {
  .product-grid {    grid-template-columns: repeat(3, 1fr);}
   .post-grid{    grid-template-columns: repeat(3, 1fr);}
  .pd-detail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .pd-detail__left { width: 100%; margin-bottom: 20px; }
  .pd-detail__right { width: 100%; padding-left: 0; }
}
@media screen and (max-width: 460px) { 

  .post-grid { grid-template-columns: repeat(2, 1fr); } 
  .product-grid { grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 320px){
  .post-grid { grid-template-columns: 100%; } 
 }