.slider {
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.slii{
    padding: 0px 0px 0px 0px;
    TEXT-ALIGN: CENTER;
    BACKGROUND: #c7c7c7;
    width: 100%;
    height: 15%;
}
.CLIENTE{
    COLOR: WHITE;
    TEXT-ALIGN: CENTER;
    FONT-SIZE: 20PX;
        PADDING: 10px 10PX 0px;
}
.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
width: 100%;
    height: 100%;
}
@media screen and (min-device-width : 200px) and (max-device-width : 370px){

}
@media screen and (min-device-width: 301px) and (max-device-width: 768px) {
.slider img {
    width: 100%;
    height: 100%;
}
.slider {
    width: 100%;
    height: 325px;
    margin: auto;
    overflow: hidden;
}
.slii {
    padding: 0px 0px 0px 0px;
    TEXT-ALIGN: CENTER;
    BACKGROUND: transparente;
    width: 100%;
    height: 15%;
}
.slider .slide-track {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: flex;
    background: #c7c7c7;
    height: 60%;
    width: calc(250px * 14);
}
}
@media screen and (min-device-width: 400px) and (max-device-width: 1000px) {
.slider img {
    width: 100%;
    height: 100%;
}
.slider {
    width: 100%;
    height: 325px;
    margin: auto;
    overflow: hidden;
}
.slii {
    padding: 0px 0px 0px 0px;
    TEXT-ALIGN: CENTER;
    BACKGROUND: transparente;
    width: 100%;
    height: 15%;
}
}
@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}