.hs-grid-auto--200 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.hs-grid-auto--300 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.hs-grid-auto--400 {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.hs-grid-auto--500 {
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}
.hs-grid-auto--600 {
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

@media screen and (width <= 600px) {
  .hs-grid-auto--600 {
    grid-template-columns: 1fr;
  }
}

@media screen and (width <= 500px) {
  .hs-grid-auto--500 {
    grid-template-columns: 1fr;
  }
}

@media screen and (width <= 400px) {
  .hs-grid-auto--400 {
    grid-template-columns: 1fr;
  }
}