.media--slider {
  position: relative;
  display: block;
  --padding-top: var(--spacer-s);
  padding-top: var(--padding-top);
  --padding-bottom: var(--spacer-s);
  padding-bottom: var(--padding-bottom);
  --margin-top: var(--spacer-0);
  margin-top: var(--margin-top);
  --margin-bottom: var(--spacer-xs);
  margin-bottom: var(--margin-bottom);
  --background-color: var(--theme-secondary-bg);
  --color: var(--theme-secondary-color);
  background-color: var(--background-color);
  color: var(--color);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.media--slider {
    display: block;
    --padding-top: var(--spacer-s);
    --padding-bottom: var(--spacer-s);
    --margin-top: var(--spacer-0);
    --margin-bottom: var(--spacer-xs);
  }
}
@media screen and (min-width: 992px) {
.media--slider {
    display: block;
    --padding-top: var(--spacer-s);
    --padding-bottom: var(--spacer-s);
    --margin-top: var(--spacer-0);
    --margin-bottom: var(--spacer-m);
  }
}