.game-list-box1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.game-list-box2,
.game-list-box3 {
  width: 100%;
  display: grid;
  gap: 8px;
  padding: 0 15px;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: row dense;
  padding-bottom: 20px;
}

.game-list-box4 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.game-list-box4 .game-card--type4 {
  width: 19.5%;
  margin: 0.25%;
}

@media screen and (max-width:1200px) {
  .game-list-box2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width:900px) {

  .game-list-box2,
  .game-list-box3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .game-list-box4 .game-card--type4 {
    width: 24.5%;
    margin: 0.25%;
  }
}

@media screen and (max-width:480px) {

  .game-list-box2 {
    grid-template-columns: repeat(1, 1fr);

  }

  .game-list-box4 .game-card--type4 {
    width: 49.5%;
    margin: 0.25%;
  }
}