@media screen and (min-width: 768px) {
	.imagelightbox-arrow {
	  overflow: hidden;
	  position: absolute;
	  top: 35%;
	}
	
	.imagelightbox-arrow-left, 
	.imagelightbox-arrow-right {
	  width: 10px;
	  height: 20px;
	}
	.imagelightbox-arrow::before, 
	.imagelightbox-arrow::after {
	  content: "";
	  display: block;
	  position: absolute;
	  height: 100%;
	  width: 100%;
	}
	
	.imagelightbox-arrow-left::before, 
	.imagelightbox-arrow-left::after {
	  left: 0;
	}
	
	.imagelightbox-arrow-left::before {
	  top: -50%;
	  transform: rotate(45deg);
	  transform-origin: left bottom;
	}
	
	.imagelightbox-arrow-left::after {
	  top: 50%;
	  transform: rotate(-45deg);
	  transform-origin: left top;
	}
	
	
	
	.imagelightbox-arrow-right::before, 
	.imagelightbox-arrow-right::after {
	  right: 0;
	  text-align: right;
	}
	
	.imagelightbox-arrow-right::before {
	  top: -50%;
	  transform: rotate(-45deg);
	  transform-origin: right bottom;
	}
	
	.imagelightbox-arrow-right::after {
	  top: 50%;
	  transform: rotate(45deg);
	  transform-origin: right top;
	}
}