.products_main {
  padding: 12rem 0 15.8rem;
}
.products_main .list {
  margin-top: 5rem;
}
.products_main .list ul {
  gap: 5rem 2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .products_main {
    padding: 50px 0;
  }
  .products_main .list {
    margin-top: 30px;
  }
  .products_main .list ul {
    gap: 30px 16px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 576px) {
  .products_main .list ul {
    grid-template-columns: 1fr;
  }
}