.basic-item {
  padding: 0.5px;
}

.item-grid-1 .basic-item {
  width: 100%;
}

.item-grid-2 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  .item-grid-2 .basic-item {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .item-grid-2 .basic-item {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .item-grid-2 .basic-item {
    width: 50%;
  }
}

.item-grid-3 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  .item-grid-3 .basic-item {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .item-grid-3 .basic-item {
    width: 33.3333%;
  }
}
@media (min-width: 1440px) {
  .item-grid-3 .basic-item {
    width: 33.3333%;
  }
}

.item-grid-4 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  .item-grid-4 .basic-item {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .item-grid-4 .basic-item {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .item-grid-4 .basic-item {
    width: 25%;
  }
}

.item-grid-6 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  .item-grid-6 .basic-item {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .item-grid-6 .basic-item {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .item-grid-6 .basic-item {
    width: 33.3333%;
  }
}

.swiper-slide .basic-item {
  width: 100% !important;
  padding: 0.5px;
}
/*# sourceMappingURL=basic-item.css.map */