main {
	max-width: 1400px;
/* 
	margin: 10px 10px 10px 10px;
	position: relative;
	text-align: left;
 */
}


.GalleryColumnTable {
	display: table;
}
.GalleryColumnTR {
	display: table-row;
}
.GalleryColumnTD {
	display: table-cell;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}


.BeforeAfterWipe {
	width: 600px;
	position: relative;
	
}

.BeforeAfterWipe div {
	position: absolute;
}

.BeforeAfterWipe div:nth-child(2) {
	-webkit-animation: wipe 2s infinite;
	-webkit-animation-direction: alternate;
	-webkit-mask-size: 2000px 2000px;
	-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, 
			color-stop(0.00,  rgba(0,0,0,1)),
			color-stop(0.45,  rgba(0,0,0,1)),
			color-stop(0.50,  rgba(0,0,0,0)),
			color-stop(0.55,  rgba(0,0,0,0)),
			color-stop(1.00,  rgba(0,0,0,0)));
}


.BeforeAfterWipe1 div:nth-child(2) {
	-webkit-animation-delay: 1s;
}
.BeforeAfterWipe21 div:nth-child(2) {
	-webkit-animation-delay: 2s;
}

.BeforeAfterWipe div img {
	border: 3px solid white;
	outline: 1px solid grey;
}

@-webkit-keyframes wipe {
	0% {
		-webkit-mask-position: 0 0;
	}
	100% {
		-webkit-mask-position: -1200px -1200px;
	}
}

@media screen and (max-width: 1280px) {


	main {
		max-width: 1100px;
	}

	.GalleryColumnTable {
		display: block;
	}
	.GalleryColumnTR {
		display: block;
	}
	.GalleryColumnTD {
		display: block;
		padding: 5px 5px 25px 5px;
	}


	.BeforeAfterWipe {
		width: 90vw;
		max-width: 800px;
		position: relative;
	
	}

}