@media (max-width: 1024px) and  (min-width: 768px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 98%;
  }
} 
@media (max-width: 1024px) {
  /***home***/  
  #home-product .article-box .image {
    height: 300px;
  }
} 
@media (max-width: 991.98px) {
  /***page***/
  #page #content {
    min-height: auto;
  }
  /***--- news ----***/
  #news .list-box .image {
    height: 150px;
  }
  /***case***/
  #case .list-box .image img {
    height: 185px;
  }
  #main-images img {
    height: 185px;
  } 
  footer .title {
    text-align: center;
  }
  footer .contact {
    text-align: center;
  }
  footer .copyright {
    text-align: center;
  }  
  #design {
    display: block;
    margin: 0.75rem 0 0;
  }
} 
@media (max-width: 767.98px) {
  /***home***/
  #home-product .title h3 {
    font-size: 1.5rem;
  }
  #home-product .title .title-icon img {
    width: 90px;
  }
  #home-product .article-box .image {
    height: auto;
  }
  /***page***/ 
  .body-top {
    height: auto;
    padding: 10px 0;
  }
  .top-title {
    text-align: center;
  }
  .gw-breadcrumb {
    text-align: center;
    margin-top: 5px;
  } 
  /***--- news ----***/
  #news .list-box .image {
    height: 220px;
  }
  /***case***/
  #case .list-box .image img {
    height: 225px;
  }
  #main-images img {
    height: 285px;
  } 
}
@media (max-width: 575.98px) {
  /***home***/
  #home-product .content-box {
    padding: 0 2rem;
  }
  #home-product .title h3 {
    font-size: 2rem;
  }
  #home-product .title .title-icon img {
    width: 120px;
  }
  #home-product .image {
    height: auto;
  }
  #home-about .image-box {
    padding: 0 3rem;
    margin-bottom: 2rem;
  }
  #home-news .list-box {
    margin-bottom: 1.5rem;
  }
  /***case***/
  #page #case-page .articleTitle h3 {
    text-align: center;
    margin: 0 0 1.5rem 0;
  }
}