/* Logo marquee only. The supplied main.css stays unchanged. */
.client-logo-marquee:not(.slick-initialized) {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.client-logo-marquee:not(.slick-initialized) > .client-logo {
  flex: 0 0 25%;
}
.client-logo-marquee.slick-initialized {
  display: block;
  overflow: hidden;
}
.client-logo-marquee .slick-list {
  margin: 0;
}
.client-logo-marquee .slick-track {
  display: flex;
  align-items: center;
}
.client-logo-marquee .slick-track::before,
.client-logo-marquee .slick-track::after {
  display: none;
}
.client-logo-marquee.slick-initialized .client-logo {
  display: flex;
  flex: 0 0 auto;
  float: none;
  border-bottom: 0;
}

@media (max-width: 1100px) {
  .client-logo-marquee:not(.slick-initialized) > .client-logo {
    flex-basis: 33.333%;
  }
}
@media (max-width: 767px) {
  .client-logo-marquee:not(.slick-initialized) > .client-logo {
    flex-basis: 50%;
  }
}
