#marcas{
  display: flex;
  width: 100%;
}
.container__slider{
    position: relative;
    top: 20px;
    width: 650px;
    height: 350px;
    margin: auto;
    background: #ffff;
    overflow: hidden;

}
.container__slider .slider{
position: relative;
width: 400%;
height: 100%;
display: flex;
animation:moverse 25s infinite linear;
}

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

.container__slider .slider li img{
    position: relative;
    width: 650px;
    height: 100%;
}

@keyframes moverse{
    0%,12%{
        margin-left: 0px;

    }
    13%,24%{
        margin-left: -100%;

    }
    25%,36%{
        margin-left: -200%;
    }
    37%,48%{
        margin-left: -300%
    }
    49%,60%{
        margin-left: -400%;

    }
    61%,72%{
        margin-left: -500%;

    }
    73%,84%{
        margin-left: -600%;
    }
    85%,100%{
        margin-left: -700%
    }
}

@media screen and (max-width:800px){
    .contenedor{
        flex-direction: column;
    }
    /*baner*/
  #marcas{
    display:none;
  }
}

@media screen and (min-width:800px){
    .colum2cel{
        display:none;
    }
}