.slider {
  width: 100%;
  /*height: 289px;
  border-radius: 10px;*/
  margin: auto;
  overflow: hidden;
}

.slider ul {
  display: flex;
  padding: 0;
  width: 400%;

  animation: cambio 20s infinite alternate;

}

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

.slider img {
  width: 60%;
}

.slider li img {
  width: 60%;
}


@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%;
  }

}

/*///////////////////////////////////////////////MEDIA QUERY ////////////////////////////////*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

  .slider li img {
    width: 100%;
  }
}