.image-slider {
	position: relative;
	display: inline-block;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}

.image-container {
	border-radius: 3px;
	box-shadow: 4px 3px 15px #888;
	background-color: white;
	padding: 15px;
	background-color: #f2f2f2;
}

.image-slider > div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 25px;
	max-width: 100%;
	overflow: hidden;
	resize: horizontal;
	border-right: 2px solid #9695948f;
}

.image-slider > div:before {
	content: '';
	position: absolute;
	right: 0; bottom: 0;
	width: 30px; height: 30px;
	padding: 5px;
	background-image:url("/Images/imageSlider/image-slider-handle.png");
	background-size:cover;
	/**background: linear-gradient(-45deg, white 50%, transparent 0);**/
	background-clip: content-box;
	cursor: ew-resize;
	-webkit-filter: drop-shadow(0 0 2px black);
	filter: drop-shadow(0 0 2px black);
}

.image-slider img {
	user-select: none;
	max-width: 600px;
}

@media screen and (min-width: 768px) {

	.image-slider {
		 width: initial; 
		 overflow: initial; 
	}
}