/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /* CSS rules for small phones */
  body {
    font-size: 14px;
  }
  .main-content {
    overflow-x: hidden;
  }
  .main-content .discover,
  .feature-product-cat,
  .about-discover ,
  .company-intro {
    background-size: 88px;
    padding: 40px 0;
  }
  .feature-product-cat .main-product {
    padding-top: 0;
  }
  .about-discover .we-are .txt {
    font-size: 58px;
  }
  .about-discover .bg-intro {
    display: none;
  }
  .five-points .point-1,
  .five-points .point-2,
  .five-points .point-3,
  .five-points .point-4,
  .five-points .point-5 {
    margin-top: 30px;
  }
  .company-intro .col-12 a,
  .company-intro .col-12 p {
    margin-top: 30px !important;
  }
  .company-intro .nav-link {
    font-size: 15px;
    margin-right: 15px;
  }
  .shop-banner {
    min-height: auto;
  }
  .shop-banner p {
    width: 100%;
  }
  .product-summary {
    padding-bottom: 30px;
  }
  /* .product-summary .thumb-slider,  */
  .product-summary .main-slider {
    width: 100%;
    /* float: left; */
    height: auto;
    margin-top: 30px;
  }
  .product-summary .main-slider img {
    height: auto !important;
  }
  .product-summary .thumb-slider {
    width: 100%;
    float: left;
    height: auto !important;
  }
  .product-summary .thumb-slider img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border: 1px solid #ddd;
    display: inline-block;
  }
  .posts-news .article h1 {
    font-size: 20px;
  }
  .posts-news .content-article img {
    height: auto !important;
  }
  .posts-news .article {
    margin-bottom: 30px;
  }
  .news-banner {
    min-height: 150px;
    padding: 30px 0
  }
}

/* Small devices (portrait tablets and large phones, 600px to 768px) */
@media only screen and (min-width: 601px) and (max-width: 768px) {
  /* CSS rules for tablets and large phones */
}

/* Medium devices (landscape tablets, 768px to 992px) */
@media only screen and (min-width: 769px) and (max-width: 992px) {
  /* CSS rules for landscape tablets */
}

/* Large devices (laptops/desktops, 992px to 1200px) */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  /* CSS rules for laptops/desktops */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1201px) {
  /* CSS rules for large desktops */
}