.logos{ margin-top: 70px; margin-bottom: 50px; }

@media screen and (min-width:750px){ 
    .logos .elemento{
        width: 290px;
        height: 130px;
    }
    .logos .elemento + .elemento{ margin-left: 30px; }
    .logos .izq, .logos .der{ margin-top: 47px; }
}

@media screen and (max-width:749px){ 
    .logos .elemento{
        width: 145px;
        height: 65px;
    }
    .logos .elemento + .elemento{ margin-left: 20px; }
    .logos .izq, .logos .der{ margin-top: 15px; }
}

.logos .cnt{ margin: auto; } 

@media screen and (min-width:1800px){  
    .logos .cnt{ width: 1570px; } 
    .logos .izq{ margin-left: -851px; }
    .logos .der{ margin-left: 815px; }
}

@media screen and (max-width:1799px) and (min-width:1200px){  
    .logos .cnt{ width: 930px; } 
    .logos .izq{ margin-left: -531px; }
    .logos .der{ margin-left: 495px; }
}

@media screen and (max-width:1199px) and (min-width:750px){  
    .logos .cnt{ width: 610px; } 
    .logos .izq{ margin-left: -371px; }
    .logos .der{ margin-left: 335px; }
}

@media screen and (max-width:749px) and (min-width:400px){  
    .logos .cnt{ width: 310px; } 
    .logos .izq{ margin-left: -221px; }
    .logos .der{ margin-left: 185px; }
}

@media screen and (max-width:399px){  
    .logos .cnt{ width: 145px; } 
    .logos .izq{ margin-left: -138.5px; }
    .logos .der{ margin-left: 102.5px; }
}

.logos .izq, .logos .der{ width: 36px; opacity: 0.7; position: absolute; left: 50%; cursor: pointer;  }
.logos .izq:hover path, .logos .der:hover path{ fill: #006881;  }


.logos .elemento{ float: left; }

.logos .video{ cursor: pointer; }