.before-after-slider{
		width:100%;
		height:60vh;
		margin:0 auto;
		background-attachment:fixed !important;
		background-repeat:no-repeat !important;
		background-size:100% auto !important;
		background-position:center bottom !important;
		z-index:1;
		}
.before-after-slider div{	
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:center;
		align-items:center;
		width:25%;
		max-width:100%;
		height:60vh;
		resize:horizontal;
		box-sizing:border-box;
		overflow:auto;
		animation-delay:1s;
		animation-duration:2s;
		animation-name:preview;
		filter:sepia(50%);
		background-attachment:fixed !important;
		background-repeat:no-repeat !important;
		background-size:100% auto !important;
		background-position:center bottom !important;
		}
.before-after-slider div::after{
		content:'';
		position:absolute;
		width:1em;
		height:1em;
		background:#FFF;
		bottom:0;
		right:0;
		border-right:0;
		border-bottom:0;
		cursor:col-resize;
		}
@keyframes preview{
	0%{
		width:25%;
		}
	50%{
		width:100%;
		}
	100%{
		width:25%;
		}
}

@media only screen and (max-width:1824px){
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:960px){	
}
@media only screen and (max-width:768px){
.before-after-slider{
		width:100%;
		height:50vh;
		margin:0 auto;
		background-attachment:fixed !important;
		background-repeat:no-repeat !important;
		background-size:auto 100% !important;
		background-position:center top !important;
		z-index:1;
		}
.before-after-slider div{	
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-content:center;
		align-items:center;
		width:25%;
		max-width:100%;
		height:50vh;
		resize:horizontal;
		box-sizing:border-box;
		overflow:auto;
		animation-delay:1s;
		animation-duration:2s;
		animation-name:preview;
		filter:sepia(50%);
		background-attachment:fixed !important;
		background-repeat:no-repeat !important;
		background-size:auto 100% !important;
		background-position:center top !important;
		}


}
@media only screen and (max-width:680px){
}
@media only screen and (max-width:600px){	
}
@media only screen and (max-width:480px){
}