.clients__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

 .clients__item {
   display: block;
   width: 100%;
   max-width: 100%;
   box-shadow: 0 10px 15px 0 rgba(0,0,0,.28);
   margin-bottom: 2%;
   padding: 20px;
   padding: 1.25rem;
   text-align: center;
   background-color: #fff;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: box-shadow .25s ease-in-out, -webkit-transform .25s ease-in-out;
   transition: box-shadow .25s ease-in-out, -webkit-transform .25s ease-in-out;
   transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
   transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-transform .25s ease-in-out;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
}
.clients__item img {
  max-width: 80%;
  -ms-flex-item-align: middle;
      align-self: middle;
}
@media (min-width: 500px) {
  .clients__item {
    max-width: 48%;
  }
}
@media (min-width: 768px) {
  .clients__item {
    max-width: 31.3333%;
  }
}
@media (min-width: 1200px) {
  .clients__item {
    max-width: 23%;
  }
}

@supports ((display: -ms-grid) or (display: grid)) {

  .clients__list {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 20px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
  @media (min-width: 500px) {
    .clients__list {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
    }
    .clients__item {
      max-width: 100%;
    }
  }
  @media (min-width: 768px) {
    .clients__list {
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
    }
    .clients__item {
      max-width: 100%;
    }
  }
  @media (min-width: 1200px) {
    .clients__list {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .clients__item {
      max-width: 100%;
    }
  }

}