@media screen and (max-width: 1300px) { 
  .custom-owl-prev{ left: 0 !important; }
  .custom-owl-next { right: 0 !important; }
}
@media screen and (max-width: 1024px) {
  
}
@media screen and (max-width: 960px) {
  .product .center-layout{padding:30px 5px;}
  .list_cate {position:relative;top: 0;}
  #search{width: 35%;background: #fff;margin: 5px 0px;border-radius: 5px;    padding: 0;}
  .r_head{position:absolute;top:5px;right:5px;}
  .header .center-layout,.m-footer,.news .center-layout{display:inherit;}
  .header-logo{margin: auto; width: 25%; padding: 5px 0px; display: block;}
  .header-banner{text-align: center;width: 100%;padding: 5px 0px;}
  .footer-copyright{text-align:center;}
  .menu-grid,.hotline,.email,.fix_tel{ display: none; }
  .menu-button,#footer1{ display: block !important; }
  .product-grid,.post-grid{grid-gap: 10px;}
  .top {bottom: 50px;}
  .new-owl:first-child,.new-owl:last-child{width: 100%;margin-bottom: 20px;}
}
@media screen and (max-width: 768px) {
  
  .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) {
   .m-news{display: inherit;}
   .news-big,.vert{width: 100%;margin:10px 0px;}
   #search{width:50%;}
  .product-grid{grid-template-columns: repeat(2, 1fr); grid-gap: 25px;}
  .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; }
  .post-grid { grid-template-columns:repeat(3, 1fr);grid-gap: 10px; } 
}
@media screen and (max-width: 460px) {
  .header-logo{width: 20%;}
  .post-grid { grid-template-columns: repeat(2, 1fr); } 
  .product-grid{ grid-gap: 10px;}
}
@media screen and (max-width: 320px){
  .post-grid { grid-template-columns: 100%; } 
 }