body {
  background: black;
  margin: 0;
  overflow: hidden;
}

#orientationChanged {
  /* position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; */
  margin: auto;
  color: black;
  background: black;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
}

#imageTurn {
  display: block;
  vertical-align: middle;
  margin: auto;
  padding: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#mainContainer {
  margin: auto;
  display: none;
  width: 640px;
  padding: 0;
  background-color: transparent;
  background-image: none;
}

#content, #adContainer {
  position: absolute;
  width: 640px;
  height: 360px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

#contentElement {
  width: 640px;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #mainContainer {
    width: 320px;
  }
  #content, #adContainer, #contentElement {
    width: 320px;
    height: 180px;
  }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  #mainContainer {
    width: 320px;
  }
  #content, #adContainer, #contentElement {
    width: 320px;
    height: 180px;
  }
}

/* ----------- iPhone X ----------- */
/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  #mainContainer {
    width: 426px;
  }
  #content, #adContainer, #contentElement {
    width: 426px;
    height: 240px;
  }
}