@media (max-width: 1024px) and (min-width: 1024px) {
} 
@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: 991.98px) {
  /***home***/
  #home-content-start {
    padding-top: 0;
    top: 380px;
  }
  #home-bn .swiper .swiper-slide .image img {
    height: 300px;
  }
  #home-bn .caption {
    height: 300px;
  }
  #home-bn .caption-image img {
    width: 150px;
  }
  #home-about {
    padding: 3rem 0 0 0;
  }
  #home-news {
    clip-path: polygon(50% 0%, 100% 5%, 100% 100%, 0 100%, 0 5%);
  }
  /***page***/   
  #content {
    padding: 30px 0;
  }
} 
@media (max-width: 767.98px) {
  /***home***/
  #home-content-start {
    top: 280px;
  }
  #home-bn .swiper .swiper-slide .image img {
    height: 200px;
  }
  #home-bn .caption {
    height: 200px;
  }
  #home-bn .caption-image img {
    width: 100px;
  }
  #home-about .info-box .image {
    margin-bottom: 1.5rem;
  }
  #home-about .list-box .image {
    margin-bottom: 0.5rem;
  }
  #home-about .list-box .title h4 {
    text-align: center;
  }
  #home-news {
    padding: 5rem 0 3rem 0;
    margin-top: 1.5rem;
  }  
  footer .unit {
    margin-bottom: 1.5rem;
  }
  /***page***/ 
  .body-top {
    height: auto;
    padding: 10px 0;
  }
  .top-title {
    text-align: center;
  }
  .gw-breadcrumb {
    text-align: center;
    margin-top: 5px;
  } 
  /* commodity */
  #commodity .list-box .info-box .image-box {
    text-align: center;
  }
  #commodity .list-box .info-box .image-box a img {
    width: auto;
  }
  #commodity-page .info-box {
    padding: 0 0.75rem;
    background: none;
    border-radius: 0;
  }
  #commodity-page .info-box .article {
    padding: 0.5rem 1rem;
    background: #f9f4ec;
    border-radius: 10px;
  }
}
@media (max-width: 575.98px) {
  footer .contact {
    text-align: center;
  }
  footer .contact li {
    float: none;
    margin-right: 0;
  }
  footer .copyright {
    text-align: center;
    padding: 0 50px;
  }
  #design {
    text-align: center;
  }
}