.slider {
  margin: 0 auto;
  max-width: 100%;
}

.swiper-container {
  padding-bottom: calc(20px + 3%);
}

.swiper-scrollbar {
  background: transparent; position: relative;
}
.swiper-scrollbar:after { content: ""; position: absolute; width: 100%; height: 1px; background: #fff; left: 0; top:50% ; transform: translateY(-50%);}

.swiper-container-horizontal > .swiper-scrollbar {
  border-radius: 2px;
  height: 6px;
  width: 30%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

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

.swiper-scrollbar-drag { background: #fff;}

@media only screen and (max-width: 980px) {
	.swiper-container-horizontal > .swiper-scrollbar { width: 100%;}
}