@media screen and (min-width: 560px) and (max-width: 768px) {

.wheel {
  left:  -475px;
  position: absolute;
  z-index: 100 !important;
  top: 180px !important;
  width: 620px !important;
  height: 620px !important;
  display: block !important;
  }
}

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* webkit only */
  #replay {
    display: block !important;
    font-size: 16px !important;
    line-height: 20px !important;
    height: auto !important;
    padding-bottom: 10px;
    text-decoration: none;
  }
  #replay:active + .anim-container div {
    -webkit-animation-name: none !important;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* webkit only */
  .anim-container {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0 auto;
  padding: 0;
  z-index: -10;
}

.wheel {
  left:  -375px;
  position: absolute;
  z-index: 100 !important;
  top: 150px;
  width: 700px;
  height: 700px;
}

.scrollingBG:hover {
cursor: pointer;
}

.slideInLeftBig {
  -webkit-animation: slideInLeftBig 0s linear;
}
@-webkit-keyframes slideInLeftBig {
  0% {
    -webkit-transform: translateX(-99%);
    opacity: 0;
  }
  1% {
    -webkit-transform: translateX(-99%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
.rollClockwise {
  -webkit-animation: rollClockwise 25s linear infinite;
}
@-webkit-keyframes rollClockwise {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.scrollingBG:hover .rollClockwise {
  -webkit-animation: rollClockwiseFast 30s linear infinite;
}
@-webkit-keyframes rollClockwiseFast {
  100% {
    -webkit-transform: rotate(1800deg);
  }
}
.scrollingBG {
  background: url("../img/DOTSTUDIO.jpg");
  -webkit-animation: 1500s scrollingBG infinite linear;
  height: 800px;
  margin-top: 200px;
  background-repeat: repeat-x;
}
@-webkit-keyframes scrollingBG {
  100% {
    background-position: -50597px 0px;
  }
}
.scrollingBG:hover {
  -webkit-animation: 400s scrollingBGFast infinite linear;
}
@-webkit-keyframes scrollingBGFast {
  100% {
    background-position: -50597px 0px;
  }
}

.scrollingBG:active {
animation-play-state: paused;
}

.scrollingBG:active  .rollClockwise {
animation-play-state: paused;
}

  }