.banner-list {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
.banner-list li {
  display: inline-block;
  width: 70%;
  padding: 0.5rem 0;
  vertical-align: top;
  text-align: center;
}
@media only screen and (min-width: 361px) {
  .banner-list li {
    width: 40%;
  }
}
@media only screen and (min-width: 769px) {
  .banner-list {
    text-align: left;
  }
  .banner-list li {
    width: 30%;
  }
}
@media only screen and (min-width: 993px) {
  .banner-list li {
    width: 24%;
  }
}