.slide-container {
  width: 100%;
  padding: 1.5rem 0;
  position: relative;
  overflow: hidden;
}
.slide-container img {
  width: 100%;
}
#slider .swiper-slide {
  width: 100%;
  transition: 0.3s linear;
}
#slider .swiper-slide.swiper-slide-prev,
#slider .swiper-slide.swiper-slide-next {
  opacity: 0.5;
}
#slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.slide-container .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.slide-container .swiper-pagination-bullet {
  margin: 0 0.5rem;
  background: #3a3a3a;
}
.slide-container .swiper-pagination-bullet-active {
  background: #1a1a1a;
}

@media screen and (min-width: 768px) {

  .slide-container {
    width: 1200px;
    max-width: 100%;
    margin: auto;
  }
  #slider {
    width: 680px;
    margin: auto;
    overflow: visible;
  }
}