/* Desktop 500px */

@media only screen and (min-width: 500px) and (max-width: 1024px) {
  
  div.title h1 {
    top: 465px;
    left: 20px;
    font-size: 70px;
    line-height: 70px;
  }

  div.title-high h1 {
    top: 508px;
    left: 229px;
    font-size: 70px;
  }

  .arrow {
    position: absolute;
    top: 702px;
    left: 475px;
    transform: rotate(-45deg) scale(0.5);
  }
  
  /* Episode Page */
  div.episode001-player {
    width: 12%;
  }
  
  div.episode002-player {
    width: 12%;
  }

  /* Thank You Page */
  div.trippysmiley .tspng {
    height: 65%;
    width: 65%;
    top: 17%;
    left: 18%;
  }

  /* Hidden */
  div.rotate-device {
    display: none !important;
  }

  div.slogan p {
    display: none !important;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 4000px) {
  
   div.title h1 {
    top: 465px;
    left: 20px;
    font-size: 70px;
    line-height: 70px;
  }

  div.title-high h1 {
    top: 508px;
    left: 229px;
    font-size: 70px;
  }

  .arrow {
    position: absolute;
    top: 702px;
    left: 475px;
    transform: rotate(-45deg) scale(0.5);
  }
  
  /* Episode Page */
  div.episode001-player {
    width: 6%;
  }
  
  div.episode002-player {
    width: 6%;
  }
  
  div.rotate-device {
    display: none !important;
  }

  div.slogan p {
    display: none !important;
  }
}