.brands {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 15px 0;
}

.brands-item {
  margin:0 !important;
  list-style-type:none !important;
  padding: 15px;
}

.brands-item img {
  display: block;
  margin:0 auto;
  max-width: 100%;
  object-fit: contain;
}

.brands-item img[src$=".jpg"],
.brands-item img[src$=".png"] {
  mix-blend-mode: multiply;
}

.brands-item img, 
.brands-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  list-style-type:none;
}

.col-2dot4 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  padding: 15px;
}

@media (max-width: 768px) {
  .col-2dot4 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    position: relative !important;
    width: 100% !important;
    padding: 15px;
  }
}

@media (max-width: 480px) {
  .col-2dot4 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    position: relative !important;
    width: 100% !important;
    padding: 15px;
  }
}