.container {
  max-width: 350px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .container {
    max-width: 700px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1050px;
    margin: 0 auto;
  }
}

.slider__wrapper {
  overflow: hidden;
  margin-left: -5px;
  margin-right: -5px;
}

.slider__item {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .slider__item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .slider__item {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.slider__item-content {
  padding-left: 5px;
  padding-right: 5px;
}

.slider__control {
  background-color: rgba(0, 0, 0, 0.3);
}

.slider__control:hover,
.slider__control:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.slider__indicators {
  bottom: -35px;
}

.slider__indicators li {
  background-color: #eee;
}

.slider__indicators li.active {
  background-color: #757575;
}