.slider {
  max-width: 1200px;
  margin: 0 auto;
}

.swiper-container {
  padding-bottom: 80px;
}

.swiper-scrollbar {
  background: #d6d6d6;
}

.swiper-container-horizontal > .swiper-scrollbar {
  height: 5px;
  width: 88%;
  bottom: 25px;
  left: 57%;
  transform: translateX(-50%);
  border-radius: 2px;
}

.swiper-wrapper img {
  width: 100%;
}

.swiper-scrollbar-drag{
  background: #DB0405 !important;
}
.swiper-button-prev {
  background:  url("button-prev.png") no-repeat !important;
  width: 40px;
  height: 40px;
}
.swiper-button-next{
  background:  url("button-next.png") no-repeat !important;
  width: 40px;
  height: 40px;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  bottom: 7px !important;
  top: inherit;
}

.swiper-button-next, .swiper-button-next{
  position: absolute;
  bottom: 7px !important;
  left: 70px;
  top: inherit;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  .swiper-container-horizontal > .swiper-scrollbar {
    height: 5px;
    width: 88%;
    bottom: 25px;
    left: 62%;
    transform: translateX(-50%);
    border-radius: 2px;
  }
}

@media screen and (max-width: 699px) {
  .swiper-container-horizontal > .swiper-scrollbar {
    height: 5px;
    width: 88%;
    bottom: 25px;
    left: 78%;
    transform: translateX(-50%);
    border-radius: 2px;
  }
}