/* Image Banner Slider */
.image-slider {
	margin-top:5px;
	margin-bottom:5px;
    position: relative;
    overflow: hidden;
    width: 100%;
	height:auto;
	display:none;
    /*max-height: 400px;  Adjust the height as needed */
}

.slider {
	width:300%;
    /*display: inline-flex;*/
    animation: slide 30s infinite;
	-webkit-animation:slide 30s infinite;
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
}

.slider img {
    width: 33.33%;
	float:left;
}

@keyframes slide {
    0%{
        transform: translateX(0);
		-webkit-transform: translateX(0);
    }
	30%{
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}
    33% {
        transform: translateX(-33%);
		-webkit-transform: translateX(-33%);
    }
	63% {
        transform: translateX(-33%);
		-webkit-transform: translateX(-33%);
    }
    66% {
        transform: translateX(-66%);
		-webkit-transform: translateX(-66%);
    }
	90% {
        transform: translateX(-66%);
		-webkit-transform: translateX(-66%);
    }
	100% {
        transform: translateX(0%);
		-webkit-transform: translateX(0%);
    }
}