// SLIDER
.gallery {
  padding-left: 160px;
  padding-right: 160px;
  padding-top: 256px;
  padding-bottom: 128px;
  button {
    img {
      &:hover {
        transform: translateY(4px);
      }
    }
  }
}
.slider {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-wrapper {
  height: 600px !important;
}
.swiper-slide {
  height: 100%;
}
.swiper-img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1700px) {
  .gallery {
    padding-top: 200px;
  }
}

@media screen and (max-width: 1500px) {
  .gallery {
    padding-left: 125px;
    padding-right: 125px;
  }
}
@media screen and (max-width: 1400px) {
  .gallery {
    padding-left: 120px;
    padding-right: 120px;
  }
  .slider-gallery {
    max-height: unset;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1300px) {
  .gallery {
    padding-left: 110px;
    padding-right: 110px;
    padding-top: 150px;
  }
}
@media screen and (max-width: 1250px) {
  .gallery {
    padding-left: 90px;
    padding-right: 90px;
  }
  .swiper-wrapper {
    max-height: 40vh !important;
  }
}

@media screen and (max-width: 1100px) {
  .gallery {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .gallery {
    padding-top: 130px;
    padding-left: 50px;
    padding-right: 50px;
    .swiper-btn-prev,
    .swiper-btn-next {
      img {
        transform: scale(0.9);
      }
    }
  }
}
@media screen and (max-width: 900px) {
  .gallery {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 800px) {
  .gallery {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 80px;
    .swiper-btn-prev,
    .swiper-btn-next {
      img {
        transform: scale(0.8);
      }
    }
  }
}
@media screen and (max-width: 700px) {
  .gallery {
    padding-left: 0px;
    padding-right: 0px;
  }
  .swiper-wrapper {
    max-height: 30vh !important;
  }
}
@media screen and (max-width: 600px) {
  .gallery {
    padding-top: 100px;
    .swiper-btn-prev,
    .swiper-btn-next {
      padding: unset;
    }
  }
  .swiper-wrapper {
    height: 300px !important;
  }
  .slider-gallery {
    max-width: 100%;
    max-height: unset;
    align-self: center;
    padding: unset;
  }
}
@media screen and (max-width: 450px) {
  .slider {
    position: relative;
    //max-height: 100vh;
    align-items: center;
    overflow: hidden;
    .swiper-btn-prev,
    .swiper-btn-next {
      position: absolute;
      z-index: 9;
      opacity: 0.9;
    }
    .swiper-btn-prev {
      left: 0%;
    }
    .swiper-btn-next {
      right: 0%;
    }
  }
}