﻿.image-slider-without-link-cn {
  position: relative;
  margin-top: 30px;
}
.image-slider-without-link-cn .image-slider-without-link__item {
  text-align: center;
  /*  &:hover {
      img {
          transform: scale(1.1);
      }
  }*/
}
.image-slider-without-link-cn .image-slider-without-link__item img {
  transition: all 400ms;
  max-width: 100%;
}

.image-slider-without-link {
  position: static;
}
.image-slider-without-link .swiper-button-next, .image-slider-without-link .swiper-button-prev {
  display: none;
  width: 42px;
  height: 42px;
  top: 50%;
}
.image-slider-without-link .swiper-button-next.swiper-button-disabled, .image-slider-without-link .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.image-slider-without-link .swiper-button-next::after, .image-slider-without-link .swiper-button-prev::after {
  display: none;
}
.image-slider-without-link .swiper-button-next {
  left: -38px;
}
.image-slider-without-link .swiper-button-next svg {
  transform: rotate(0);
}
.image-slider-without-link .swiper-button-prev {
  right: -38px;
}
.image-slider-without-link.__item {
  text-align: center;
}

@media (max-width: 768px) {
  .image-slider-without-link .swiper-button-next, .image-slider-without-link .swiper-button-prev {
    display: block !important;
    top: 120px;
  }
  .image-slider-without-link .swiper-button-next {
    left: 36%;
  }
  .image-slider-without-link .swiper-button-prev {
    right: 38%;
  }
}
@media (min-width: 768px) {
  .image-slider-without-link .swiper-button-next, .image-slider-without-link .swiper-button-prev {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 828px) {
  .image-slider-without-link .swiper-button-next {
    left: calc((100% - 100vw) / 2 + 15px);
  }
  .image-slider-without-link .swiper-button-prev {
    right: calc((100% - 100vw) / 2 + 15px);
  }
}
@media (min-width: 992px) and (max-width: 1052px) {
  .image-slider-without-link .swiper-button-next {
    left: calc((100% - 100vw) / 2 + 15px);
  }
  .image-slider-without-link .swiper-button-prev {
    right: calc((100% - 100vw) / 2 + 15px);
  }
}
@media (min-width: 1200px) and (max-width: 1260px) {
  .image-slider-without-link .swiper-button-next {
    left: calc((100% - 100vw) / 2 + 15px);
  }
  .image-slider-without-link .swiper-button-prev {
    right: calc((100% - 100vw) / 2 + 15px);
  }
}
@media (min-width: 1400px) and (max-width: 1460px) {
  .image-slider-without-link .swiper-button-next {
    left: calc((100% - 100vw) / 2 + 15px);
  }
  .image-slider-without-link .swiper-button-prev {
    right: calc((100% - 100vw) / 2 + 15px);
  }
}
