/* ----- photo slider ----- */
.photo-slider {
  margin-top: 15px;
  padding: 30px;
}

.photo-slider__img {
  font-size: 10px;
  width: 77.1em;
  height: 60em;
  margin: 0 auto;
}

.photo-slider .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -19px;
}

.photo-slider .slick-prev {
  left: 5%;
}

.photo-slider .slick-next {
  right: 5%;
}

.photo-slider .slick-dots {
  margin-top: 30px;
}

.photo-slider--bg {
  background: #f7f8fa;
}

.photo-slider--bg .slick-dots li:not(.slick-active) button {
  background-color: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1199px) {
  .photo-slider__img {
    font-size: 8px;
  }
}

@media screen and (max-width: 767px) {
  .photo-slider {
    margin-bottom: 50px;
    padding: 0;
    background: none;
  }
  .photo-slider__img {
    font-size: 6px;
  }
}

@media screen and (max-width: 575px) {
  .photo-slider__img {
    font-size: 5.3px;
  }
}