#brands {max-width: calc(340px + 30px); margin: 0 auto; padding: 0; list-style-type: none; overflow: hidden; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#brands li { /*position: relative;*/ float: left; height: 75px; margin: 15px; padding: 0; cursor: pointer; display:-webkit-box; display:-ms-flexbox; display:flex; }
#brands li img {
   /* position: absolute; top: 50%; transform: translateY(-50%); */height: auto; text-align: center;
    filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: alpha(opacity=50); opacity:0.8;
}
#brands li img:hover { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: alpha(opacity=100); opacity:1; }
.disabled-brand { opacity: 0.1; }

@media only screen and (min-width: 667px){
    #brands { max-width: calc(617px + 30px); }
    /* SOLO para Safari */
    ::i-block-chrome, #brands { max-width: 617px; }
    /* END */
}
@media only screen and (min-width: 768px){
    #brands { max-width: calc(700px + 30px); }
    /* SOLO para Safari */
    ::i-block-chrome, #brands { max-width: 700px; }
    /* END */
}
@media only screen and (min-width: 1024px){
    #brands { max-width: calc(950px + 30px); }
    /* SOLO para Safari */
    ::i-block-chrome, #brands { max-width: 950px; }
    /* END */
}
@media only screen and (min-width: 1130px){
    #brands { max-width: calc(1080px + 30px); }
    /* SOLO para Safari */
    ::i-block-chrome, #brands { max-width: 1080px; }
    /* END */
}