.instagram-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}

@media (max-width: 768px) {
  .instagram-slider {
    height: 300px;
  }
}

@media (max-width: 480px) {
  .instagram-slider {
    height: 250px;
  }
}

.instagram-slider .instagram-slide-track {
  display: flex;
  transition: transform 0.5s;
  height: 100%;
}

.instagram-slider .instagram-slide {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.instagram-slider .instagram-image {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.instagram-slider .insta-radio {
  display: none;
}

.instagram-slider .instagram-prev,
.instagram-slider .instagram-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 2;
}

.instagram-slider .instagram-prev:hover,
.instagram-slider .instagram-next:hover {
  background: rgba(0, 0, 0, 0.7);
}

@media (max-width: 768px) {
  .instagram-slider .instagram-prev,
  .instagram-slider .instagram-next {
    padding: 8px;
  }
}

@media (max-width: 480px) {
  .instagram-slider .instagram-prev,
  .instagram-slider .instagram-next {
    padding: 6px;
  }
}

.instagram-slider .instagram-prev {
  left: 10px;
}

.instagram-slider .instagram-next {
  right: 10px;
}

.instagram-slider .insta-nav label {
  display: none;
}

.single-instagram-slider {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .single-instagram-slider {
    height: 300px;
  }
}

@media (max-width: 480px) {
  .single-instagram-slider {
    height: 250px;
  }
}

.single-instagram-slider .instagram-slide {
  height: 100%;
}

.single-instagram-slider .instagram-slide .instagram-image {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#insta-slide1:checked ~ .instagram-slide-track {
  transform: translateX(0%);
}

#insta-slide2:checked ~ .instagram-slide-track {
  transform: translateX(-100%);
}

#insta-slide3:checked ~ .instagram-slide-track {
  transform: translateX(-200%);
}

#insta-slide4:checked ~ .instagram-slide-track {
  transform: translateX(-300%);
}

#insta-slide5:checked ~ .instagram-slide-track {
  transform: translateX(-400%);
}

#insta-slide6:checked ~ .instagram-slide-track {
  transform: translateX(-500%);
}

#insta-slide7:checked ~ .instagram-slide-track {
  transform: translateX(-600%);
}

#insta-slide8:checked ~ .instagram-slide-track {
  transform: translateX(-700%);
}

#insta-slide9:checked ~ .instagram-slide-track {
  transform: translateX(-800%);
}

#insta-slide10:checked ~ .instagram-slide-track {
  transform: translateX(-900%);
}

#insta-slide1:checked ~ .insta-nav .insta-prev1,
#insta-slide1:checked ~ .insta-nav .insta-next1 {
  display: block;
}

#insta-slide2:checked ~ .insta-nav .insta-prev2,
#insta-slide2:checked ~ .insta-nav .insta-next2 {
  display: block;
}

#insta-slide3:checked ~ .insta-nav .insta-prev3,
#insta-slide3:checked ~ .insta-nav .insta-next3 {
  display: block;
}

#insta-slide4:checked ~ .insta-nav .insta-prev4,
#insta-slide4:checked ~ .insta-nav .insta-next4 {
  display: block;
}

#insta-slide5:checked ~ .insta-nav .insta-prev5,
#insta-slide5:checked ~ .insta-nav .insta-next5 {
  display: block;
}

#insta-slide6:checked ~ .insta-nav .insta-prev6,
#insta-slide6:checked ~ .insta-nav .insta-next6 {
  display: block;
}

#insta-slide7:checked ~ .insta-nav .insta-prev7,
#insta-slide7:checked ~ .insta-nav .insta-next7 {
  display: block;
}

#insta-slide8:checked ~ .insta-nav .insta-prev8,
#insta-slide8:checked ~ .insta-nav .insta-next8 {
  display: block;
}

#insta-slide9:checked ~ .insta-nav .insta-prev9,
#insta-slide9:checked ~ .insta-nav .insta-next9 {
  display: block;
}

#insta-slide10:checked ~ .insta-nav .insta-prev10,
#insta-slide10:checked ~ .insta-nav .insta-next10 {
  display: block;
}