@media (min-width:1200px) {

  .offcanvas,
  .offcanvas-backdrop {
    display: none;
  }

}

@media (max-width:1199.98px) {

  html,
  body {
    font-size: 15px;
  }
}

@media (max-width:1023.98px) {

  html,
  body {
    font-size: 14px;
  }

  section {
    padding: 1.875rem 0;
  }

  .section-3 .list .item {
    width: 50%;
    padding: 1.25rem;
  }

  .section-5 a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
  }

  .section-5 .img {
    max-width: 6.25rem;
    margin-right: 1.25rem;
  }

  .section-5 p {
    margin-bottom: 0;
    margin-top: 0;
  }

  .section-6 .list {
    grid: auto/repeat(4, 1fr);
  }


  .section-7 .list {
    grid: auto/1fr;
  }

  .section-8 .list,
  .news-section-1 .list {
    grid: auto/repeat(2, 1fr);
  }

  #fc {
    border: 0;
    margin-bottom: 0;
  }

  .main .product-list {
    grid: auto/repeat(2, 1fr);
  }

  #partner .partner-section-1 .list {
    grid: auto/repeat(4, 1fr);
  }

  #partner .partner-section-1 .list .item {
    padding: 0 1.25rem;
    height: 15vh;
    line-height: 15vh;
  }
}

@media (max-width:767.98px) {

  html,
  body {
    font-size: 13px;
  }

  header .navbar .navbar-brand img {
    height: 50px;
  }

  .news-section-1 .list:not(.blog) {
    grid: auto/repeat(1, 1fr);
    gap: 1.25rem;
  }

  .news-section-1 .list:not(.blog) .item {
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, .20);
  }

  .news-section-1 .list:not(.blog) .item span,
  .news-section-1 .list:not(.blog) .item p {
    display: none;
  }


}

@media (max-width:575.98px) {

  html,
  body {
    font-size: 12px;
  }

  .title h3 {
    font-size: 1.5rem;
  }

  .section-6 .list {
    grid: auto/repeat(3, 1fr);
    gap: 1.25rem;
  }

  .section-8 .list,
  .main .product-list {
    grid: auto/repeat(1, 1fr);
  }

  .main .product-list {
    gap: 1rem;
  }

  /* .product-item {
    display: flex;
  }*/

 /* .product-item .product-img {
    width: 45%;
  }*/

  .product-item .product-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

/*  .product-item .product-info {
    width: 55%;
    padding-left: 0.5rem;
  }*/
.product-item h5 a{
-webkit-line-clamp: 2;
}

  #partner .partner-section-1 .list {
    grid: auto/repeat(3, 1fr);
  }

  #partner .partner-section-1 .list .item {
    padding: 0 1rem;
  }
}