@media screen and (max-width: 766px) {
    .archivo ul{
        overflow: auto;
        white-space: nowrap;
    }
    .archivo li{
        width: 50%;
        display: inline-block;
        float: left;
    }
}
.container.archivo {
    border-bottom: 1px solid #555;
}
.archivo .title {
    padding: 3px 0;
    border-bottom: 1px solid #555;
}
.archivo .title h1{
    font-size: 14px;
    margin: 1px 15px;
}
.archivo li{
    border-left: 4px solid #fff;
    padding: 0;
}
.archivo .description p{
    margin-left: 20px;
    margin-right: 15px;
    color: #fff;
    font-size: 13px;
}
.archivo .movie .text{
    padding: 5px;
}
.archivo .movie .text h3{
    margin: 0px;
    font-size: 15px;
    white-space: initial;
}
.archivo .movie .text p{
    margin: 0px;
}
.archivo .movie .text img{
    width: 12px;
}
.archivo .movie .text span{
    color: #ffffff;
    font-size: 12px;
}