@media screen and (orientation: portrait) {
}

@media screen and (orientation: portrait) and (max-width: 480px) {
  .controlBar {
    bottom: 10px;
  }

  .videoFrame video {
    width: 100%;
  }
}

@media screen and (orientation: portrait) and (max-width: 380px) {
}

@media screen and (orientation: landscape) {
}

@media screen and (orientation: landscape) and (max-height: 480px) {
  .controlBar {
    bottom: 10px;
  }
}

@media screen and (orientation: landscape) and (max-height: 360px) {
}