@media screen and (orientation:landscape){
  m-mobile {
    display: none;
  }
  m-desktop {
    display: block;
  }
}

@media screen and (orientation:portrait){
  m-mobile {
    display: block;
  }
  m-desktop {
    display: none;
  }
}


.rotate-text-left-1 {
  white-space: nowrap;

  animation: left-1 220s linear infinite;
}

.rotate-text-left-2 {
  white-space: nowrap;

  animation: left-2 120s linear infinite;
}
.rotate-text-left-3 {
  white-space: nowrap;

  animation: left-3 220s linear infinite;
}

.rotate-text-left-1-desk {
  white-space: nowrap;

  animation: left-1 420s linear infinite;
}

.rotate-text-left-2-desk {
  white-space: nowrap;

  animation: left-2 220s linear infinite;
}
.rotate-text-left-3-desk {
  white-space: nowrap;

  animation: left-3 420s linear infinite;
}

@keyframes left-1 {
  0% {
    transform: translateX(-1000%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-1000%);
  }
}

@keyframes left-2 {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-1000%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes left-3 {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-1000%);
  }
  100% {
    transform: translateX(0%);
  }
}