.estel-brand-lines-slider {
  margin-top: -9px; /* fix for space of .flexslider */

  --estel-brand-lines-width: 200px;
  --estel-brand-lines-height: 100px;
  --estel-brand-lines-picture-width: 120px;
  --estel-brand-lines-picture-height: 37px;
}

@media screen and (min-width: 320px) {
  .estel-brand-lines-slider {
    --estel-brand-lines-width: 320px;
    --estel-brand-lines-height: 130px;
    --estel-brand-lines-picture-width: 174px;
    --estel-brand-lines-picture-height: 58px;
  }
}

@media screen and (min-width: 768px) {
  .estel-brand-lines-slider {
    --estel-brand-lines-width: 400px;
    --estel-brand-lines-height: 160px;
    --estel-brand-lines-picture-width: 193px;
    --estel-brand-lines-picture-height: 64px;
  }
}

@media screen and (min-width: 1200px) {
  .estel-brand-lines-slider {
    --estel-brand-lines-width: 534px;
    --estel-brand-lines-height: 200px;
    --estel-brand-lines-picture-width: 241px;
    --estel-brand-lines-picture-height: 80px;
  }
}

.estel-brand-lines-slider-wrapper {
  background-color: #f3f3f3;
  transition-timing-function: linear;
}

.estel-brand-lines-item {
  height: var(--estel-brand-lines-height);
  min-height: var(--estel-brand-lines-height);

  border-right: 1px solid #e3e3e1;
}

.estel-brand-line-link,
.estel-brand-lines-item-picture {
  position: relative;
  z-index: 1;

  display: block;

  width: 100%;
  height: 100%;
}

.estel-brand-lines-item-picture {
  height: 100%;
}

.estel-brand-lines-item-picture picture {
  position: absolute;
  inset: 0;

  margin: auto;

  width: min(80%, var(--estel-brand-lines-picture-width));
  height: var(--estel-brand-lines-picture-height);
}

.estel-brand-lines-item-picture picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}