#app.mobile .route-info-slide-leave-active {
  top: 50%;
  left: 0;
}
#app.mobile .route-info-slide-enter {
  transform: translateX(-100%);
}
#app.mobile .route-image-slide-enter {
  transform: translateX(100%);
}

#app.mobile .route-info-slide-leave-to {
  opacity: 0;
  transform: translateX(100%);
}
#app.mobile .route-image-slide-leave-to {
  opacity: 0;
  transform: translateX(-100%);
}

@media(max-width: 768px) {
  .route-info-slide-leave-active {
    top: 50%;
    left: 0;
  }
  .route-info-slide-enter {
    transform: translateX(-100%);
  }
  .route-image-slide-enter {
    transform: translateX(100%);
  }

  .route-info-slide-leave-to {
    opacity: 0;
    transform: translateX(100%);
  }
  .route-image-slide-leave-to {
    opacity: 0;
    transform: translateX(-100%);
  }
}