@keyframes CLIENTSanim {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -208800px 0px;
  }
}
.CLIENTS {
  animation-duration: 15000ms;
  animation-timing-function: steps(900);
  width: 232px;
  height: 169px;
  background-repeat: no-repeat;
  animation-iteration-count: infinite;
}
.CLIENTS.play {
  animation-name: CLIENTSanim;
}

.clienCont{
	position: absolute;
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;

	
}

@media (min-width: 600px) {
	
	.CLIENTS{
  animation-duration: 15000ms;
	}
	
}
@media (max-width: 599px) {
	
	.CLIENTS{
  animation-duration: 10000ms;
	}
	
}




@media (min-width: 1251px) {
	
	.clienCont{
		transform: scale(1.1);
		left: 112px;
		top: -55.5px;
	}
	
}


@media (max-width: 1250px) and (min-width: 1021px) {
	
	.clienCont{
		transform: scale(.9);
		left: 63px;
		top: -67.5px;
	}
	
}


@media (max-width: 1020px) and (min-width: 780px) {
	
	.clienCont{
		transform: scale(.9);
		left: 69px;
		top: -63.5px;
	}
	
}

@media (max-width: 779px) and (min-width: 600px) {
	
	.clienCont{
		transform: scale(.7);
		left: 27px;
		top: -66px;
	}
	
}

@media (max-width: 599px) and (min-width: 450px) {
	
	.clienCont{
		transform: scale(.55);
		left: 6px;
		top: -68px;
	}
	
}

@media (max-width: 449px) and (min-width: 350px) {
	
	.clienCont{
		transform: scale(.45);
		left: -14px;
		top: -72px;
	}
	
}


@media (max-width: 349px) and (min-width: 250px) {
	
	.clienCont{
		transform: scale(.4);
		left: -27px;
		top: -73px;
	}
	
}


@media (max-width: 249px) {
	
	.clienCont{
		transform: scale(.35);
		left: -37px;
		top: -72px;
	}
	
}