.scroll-down svg {
  position: absolute;
  bottom: 0px;
  z-index: 2;
}

.scroll-down .down-arrows {
  position: absolute;
  bottom: 50px;
  z-index: 2;
}

.center .scroll-down svg {
  left: calc(50% + -40px);
}

.center .scroll-down .down-arrows {
  left: calc(50% + 10px);
}

.right .scroll-down svg {
  left: calc(90% + -40px);
}

.right .scroll-down .down-arrows {
  left: calc(90% + 11px);
}

@media all and (max-width: 1200px) {
  .scroll-down svg {
    display: none;
  }
  .scroll-down .down-arrows {
    bottom: 50px !important;
    transform: scale(1.2);
  }
}

@media all and (max-width: 930px) {
  .scroll-down .down-arrows {
    left: calc(50% + 10px) !important;
  }
}

@media all and (max-height: 500px) {
  .scroll-down,
  .scroll-down .down-arrows {
    display: none !important;
  }
}