@media only screen and (max-width: 992px) {
	.custom-slider.e-con.e-flex {
		display: flex!important;
		overflow-x: scroll !important;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		flex-wrap: initial;
	}

	.custom-slider .slidercol.e-con.e-flex {
		flex: 0 0 auto!important;
		width: 100%; 
		scroll-snap-align: start;
		max-width: 80%;
	}
	
	.slider-dots {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
	}
	
	.dot {
		height: 10px;
		width: 10px;
		margin: 0 5px;
		background-color: #B4D2DC;
		border-radius: 50%;
		cursor: pointer;
	}
	.dot.active {
		background-color: #8CD0E5;
	}
	
}