.mySwiper {
  padding: 20px 0;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}

.col-xs-6.col-md-4 {
  flex: 1 1 calc(33.333% - 20px); /* Approx 1/3 width with margin */
  max-width: calc(33.333% - 20px);
  margin: 10px;
}

@media (max-width: 768px) {
  .col-xs-6.col-md-4 {
    flex: 1 1 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}

.swiper-pagination-bullet {
  background: #333;
}

.swiper-button-next,
.swiper-button-prev {
  color: #333;
}