.clients-carousel-wrapper {
background-color: #eee;
}

@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-300px * 22))}
}


.clients-carousel-wrapper .slider {
	height: 150px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.clients-carousel-wrapper	.slide-track {
		animation: scroll 150s linear infinite;
		height: 150px;
		display: flex;
		align-items: center;
		width: calc(300px * 26);
}
	
.clients-carousel-wrapper	.slide {
		width: 150px;
    max-height: 100px;
		margin: 20px 75px;
}
	
.clients-carousel-wrapper	.slide img {
		width: 100%;
}

@media(max-width:770px){
  
  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-200px * 22))}
  }
  
  .clients-carousel-wrapper	.slide {
      margin: 20px 25px;
  }
  .clients-carousel-wrapper	.slide-track {
      animation: scroll 90s linear infinite;
      width: calc(200px * 26);
  }
}