/* animations */
.animation-box{
  opacity: 0 !important;
  transform: translate3d(0, 40px, 0);
  transition: transform 1s, opacity 2s;
  transition-delay: var(--delay);
}

.animation-box.slideFromLeft{
  transform: translate3d(-40px, 0, 0);
}

.animation-box.slideFromRight{
  transform: translate3d(40px, 0, 0);
}
.animation-box.slideFromBottom{
  transform: translate3d(0px, 40px, 0);
}
.animation-box.scale{
  transform: scale(.5);
}

.animation-box.animated{
  opacity: 1 !important;
  transform: translate3d(0, 0, 0);
}


.animation-box.scale.animated{
  transform: scale(1);
}

@media only screen and (min-width: 768.9px) {
    .animation-box.animation-div.slideFromRight{
    transform: translate3d(40px, -50%, 0);
    }
    .animation-box.animation-div.animated{
    opacity: 1 !important;
    transform: translateY(-50%);
    }
}