.swiper-container {
  background-color: aliceblue;
  height: 300px;
}
.swiper-container .swiper-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.swiper-container .swiper-slide {
  background-color: #f0f0f0;
  width: 80%;
  height: 200px;
}
@media screen and (min-width: 768px) {
  .swiper-container .swiper-slide {
    width: 200px;
  }
}
.swiper-container .swiper-slide-active {
  background-color: #bd1701;
}
@media screen and (min-width: 768px) {
  .swiper-container .swiper-slide-active {
    width: 500px;
    height: 250px;
  }
}