/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
.logo-slider {
  background: transparent;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-shadow: none;
}

.logo-slider .logo-slide-track {
  display: flex;
  align-items: center;
  animation: logo-scroll 55s linear infinite;
  will-change: transform;
}

.logo-slider .slide {
  width: 300px;     /* desktop */
  height: 180px;
  padding: 10px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 300px;
}

.logo-slider .slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: translateZ(0);
}

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

/*  Responsive pentru tablete */
@media (max-width: 1024px) {
  .logo-slider .slide {
    width: 240px;
    height: 150px;
    flex: 0 0 240px;
    padding: 10px 20px;
  }

@keyframes logo-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-240px * 11)); }
  }

/*  Responsive pentru telefoane */
@media (max-width: 600px) {
  .logo-slider .slide {
    width: 180px;
    height: 110px;
    flex: 0 0 180px;
    padding: 8px 12px;
  }

@keyframes logo-scroll {
	
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-180px * 11)); }
  }