/* --- Pagination ---*/

.pagination .next,
.pagination .prev {
  position: absolute;
  top: calc(50% - 29px);
}
.pagination .next-sub,
.pagination .prev-sub {
  position: absolute;
  top: 50vh;
}
.pagination .next,
.pagination .next-sub {
  right: 24px;
  cursor: pointer;
}
.pagination .prev,
.pagination .prev-sub {
  left: 24px;
  cursor: pointer;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@media screen and (max-width: 920px) {
  	.pagination .next, .pagination .next-sub {
	  right: 16px;
	}
	.pagination .prev, .pagination .prev-sub {
	  left: 16px;
	}
}
@media screen and (max-width: 680px) {
  	.pagination .next, .pagination .next-sub {
	  right: 8px;
	}
	.pagination .prev, .pagination .prev-sub {
	  left: 8px;
	}
	.pagination .prev, .pagination .next, .pagination .next-sub, .pagination .prev-sub,
	.pagination .prev img, .pagination .next img, .pagination .prev-sub img, .pagination .next-sub img  {
      width: 24px;
      height: auto;
	}
	.pagination .next,
	.pagination .prev {
	  position: absolute;
	  top: calc(50% - 120px);
	}
}