.brands-logo-wrapper .brands-list { display:flex; flex-wrap:wrap; gap:45px; justify-content:center; align-items:center; }
.brands-logo-wrapper .brands-list .brand-media { display:flex; }
.brands-logo-wrapper .brands-list .brand-media .media { height:40px; width:auto; max-width: 150px; object-fit: contain; }

@media screen and (max-width: 767px) {

    .brands-logo-wrapper .brands-list { gap:20px; }
    .brands-logo-wrapper .brands-list .brand-media .media { height:25px; max-width: 110px;   }

}