.filter-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.filter-item {
  width: calc(25% - 20px);
  display: block;
}

@media (max-width: 768px) {
  .filter-item {
    width: calc(50% - 20px);
  }
}

@media (max-width: 480px) {
  .filter-item {
    width: 100%;
  }
}