@media (max-width: 1023px) and (min-width: 762px) {
  .lip-oil-game {
    min-height: calc(100vh - 50px);
    height: auto;
  }
  *[data-screen="game"] .lip-oil-game__content {
    padding: 0px;
  }
  #IFRAME {
    display: block;
    transform: translateX(70px);
    width: 1024px;
  }
}
@media (max-width: 761px) {
  #IFRAME {
    height: calc(100vh - 50px);
    width: 100vw;
    margin: 0 auto;
  }

  .lip-oil-game {
    min-height: calc(100vh - 50px);
    height: auto;
  }
  .lip-oil-game__content {
    padding: 0;
    padding-top: 23vw;
    justify-content: flex-start;
  }
  .lip-oil-game__background {
    top: 0;
    width: 375px;
    left: calc(50% - 172px);
    height: 100vh;
  }
  .lip-oil-game__title {
    font-size: 16.3vw;
  }
  h2.lip-oil-game__title {
    font-size: 12.8vw;
  }
  h2.lip-oil-game__title br {
    display: none;
  }

  .lip-oil-game__small-title {
    font-size: 5.3vw;
    padding-top: 1em;
  }
  .lip-oil-game__packs {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  .lip-oil-game__text {
    max-width: 78vw;
    margin: 0 auto;
  }
  .lip-oil-game__text br {
    display: none;
  }

  .lip-oil-game__hollowbox {
    width: 90vw;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="raspberry"] {
    width: 55px;
    left: 178px;
    top: 7px;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="cherry"] {
    width: 68px;
    left: 32px;
    top: 474px;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="pitaya"] {
    width: 43px;
    left: 316px;
    top: 320px;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="apricot"] {
    width: 114px;
    left: 324px;
    top: -4px;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="honey"] {
    width: 110px;
    left: -16px;
    top: 627px;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="strawberry"] {
    width: 122px;
    left: -35px;
    top: -50px;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="chocolate"] {
    display: none;
  }

  *[data-screen="home"] .lip-oil-game__bubble[data-color="plum"] {
    width: 90px;
    left: 322px;
    top: 560px;
  }
  *[data-screen="home"] .lip-oil-game__bubble[data-color="rose"] {
    width: 211px;
    left: 262px;
    top: -140px;
  }
  *[data-screen="home"] .lip-oil-game__bubble[data-color="hazelnut"] {
    width: 169px;
    left: 163px;
    top: 632px;
  }
  *[data-screen="home"] .lip-oil-game__content {
    padding-top: 90px;
  }

  *[data-screen="home"] .lip-oil-game__text strong {
    display: inline-block;
  }

  /****************************************************/
  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="raspberry"] {
    width: 55px;
    left: 398px;
    top: 329px;
    display: none;
  }

  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="cherry"] {
    width: 117px;
    left: 137px;
    top: 667px;
  }

  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="pitaya"] {
    display: none;
  }

  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="apricot"] {
    width: 127px;
    left: 314px;
    top: 53px;
  }

  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="honey"] {
    width: 138px;
    left: 173px;
    top: -85px;
  }

  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="strawberry"] {
    width: 73px;
    left: 19px;
    top: 430px;
  }

  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="chocolate"] {
    display: none;
  }

  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="plum"] {
    width: 90px;
    left: 0px;
    top: 611px;
  }
  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="rose"] {
    width: 211px;
    left: 274px;
    top: 363px;
  }
  *[data-screen="game-intro"] .lip-oil-game__bubble[data-color="hazelnut"] {
    width: 163px;
    left: -24px;
    top: -70px;
  }
  *[data-screen="game-intro"] .lip-oil-game__title .white {
    display: block;
  }
  *[data-screen="game-intro"] .lip-oil-game__title br {
    display: none;
  }
  *[data-screen="game-intro"] .lip-oil-game__content {
    padding-top: 90px;
  }

  /****************************************************/
  *[data-screen="game"] .lip-oil-game__bubble[data-color="raspberry"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__bubble[data-color="cherry"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__bubble[data-color="pitaya"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__bubble[data-color="apricot"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__bubble[data-color="honey"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__bubble[data-color="strawberry"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__bubble[data-color="chocolate"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__bubble[data-color="plum"] {
    display: none;
  }

  *[data-screen="game"] .lip-oil-game__mentions {
    position: absolute;
    bottom: 40px;
  }
  /****************************************************/
  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="raspberry"] {
    display: none;
  }

  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="cherry"] {
    display: none;
  }

  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="pitaya"] {
    width: 56px;
    left: 319px;
    top: 569px;
  }

  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="apricot"] {
    width: 126px;
    left: -20px;
    top: 671px;
  }

  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="honey"] {
    display: none;
  }

  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="strawberry"] {
    width: 77px;
    left: -50px;
    top: -33px;
  }

  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="chocolate"] {
    display: none;
  }

  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="plum"] {
    width: 143px;
    left: 320px;
    top: 198px;
  }
  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="rose"] {
    width: 211px;
    left: -153px;
    top: 148px;
  }
  *[data-screen="game-win"] .lip-oil-game__bubble[data-color="hazelnut"] {
    width: 180px;
    left: 251px;
    top: 651px;
  }

  /****************************************************/
  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="raspberry"] {
    width: 54px;
    left: 301px;
    top: 584px;
  }

  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="cherry"] {
    width: 104px;
    left: -26px;
    top: 652px;
  }

  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="pitaya"] {
    display: none;
  }

  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="apricot"] {
    display: none;
  }

  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="honey"] {
    width: 142px;
    left: 297px;
    top: 422px;
  }

  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="strawberry"] {
    width: 77px;
    left: 29px;
    top: 258px;
    display: none;
  }

  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="chocolate"] {
    display: none;
  }

  *[data-screen="game-retry"] .lip-oil-game__bubble[data-color="plum"] {
    width: 139px;
    left: -33px;
    top: -76px;
  }

  /****************************************************/
  *[data-screen="form"] .lip-oil-game__bubble[data-color="raspberry"] {
    display: none;
  }

  *[data-screen="form"] .lip-oil-game__bubble[data-color="cherry"] {
    width: 131px;
    left: 1256px;
    top: 193px;
  }

  *[data-screen="form"] .lip-oil-game__bubble[data-color="pitaya"] {
    width: 66px;
    left: 1256px;
    top: 193px;
  }

  *[data-screen="form"] .lip-oil-game__bubble[data-color="apricot"] {
    width: 126px;
    left: 357px;
    top: 493px;
  }

  *[data-screen="form"] .lip-oil-game__bubble[data-color="honey"] {
    width: 241px;
    left: 316px;
    top: 110px;
  }

  *[data-screen="form"] .lip-oil-game__bubble[data-color="strawberry"] {
    width: 119px;
    left: 257px;
    top: 377px;
  }

  *[data-screen="form"] .lip-oil-game__bubble[data-color="chocolate"] {
    display: none;
  }

  *[data-screen="form"] .lip-oil-game__bubble[data-color="plum"] {
    width: 262px;
    left: 1070px;
    top: -113px;
  }

  /********************************************/

  *[data-screen="game-intro"] .lip-oil-game__mentions {
    margin: 0;
    margin-top: 20px;
  }

  /********************************************/

  *[data-screen="game-win"] .lip-oil-game__content {
    padding-top: 5vw;
  }
  *[data-screen="game-win"] .lip-oil-game__text {
    max-width: 70vw;
    margin: 0 auto;
  }
  *[data-screen="game-win"] h2.lip-oil-game__title + p {
    padding-top: 5px;
  }
  *[data-screen="game-win"] h3.lip-oil-game__title {
    margin-top: 5px;
    white-space: nowrap;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox-text strong {
    display: block;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox {
    padding: 8vw;
    padding-right: 6vw;
    padding-left: 14vw;
    max-width: 340px;
    align-items: flex-start;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox-content {
    text-align: left;
    align-items: flex-start;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox-packs {
    padding: 0;
    margin-right: 8vw;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox-packs img {
    display: none;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox-packs img:nth-child(1) {
    display: block;
  }
  .lip-oil-game__hollowbox-content > .lip-oil-game__button {
    padding: 0;
    padding-top: 10px;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox-text {
    font-size: 14px;
  }
  *[data-screen="game-win"]
    .lip-oil-game__hollowbox-text
    + .lip-oil-game__hollowbox-text {
    margin: 10px 0;
  }
  /********************************************/
  *[data-screen="game-retry"] .lip-oil-game__content {
    padding-top: 5vw;
  }
  *[data-screen="game-retry"] h2.lip-oil-game__title .white {
    display: block;
  }
  *[data-screen="game-retry"] .lip-oil-game__hollowbox {
    width: 90vw;
    flex-direction: column-reverse;
    max-height: unset;
    padding: 5vw;
    margin-bottom: 5vw;
    max-width: 340px;
    margin-top: 10px;
  }
  *[data-screen="game-retry"] .lip-oil-game__hollowbox-title {
    font-size: 40px;
  }
  *[data-screen="game-retry"] h2.lip-oil-game__title + p {
    padding-top: 5px;
  }
  *[data-screen="game-retry"] .lip-oil-game__button {
    padding: 5px 30px;
  }
  *[data-screen="game-retry"]
    .lip-oil-game__hollowbox-content
    > .lip-oil-game__button {
    padding: 0;
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
  }
  *[data-screen="game-retry"]
    .lip-oil-game__hollowbox-content
    > .lip-oil-game__button
    button {
    margin: 0 auto;
  }
  *[data-screen="game-retry"] .lip-oil-game__hollowbox-packshot {
    margin: 20px auto;
    margin-bottom: 60px;
    max-width: 40vw;
  }
}
@media (max-width: 320px) {
  *[data-screen="game-win"] .lip-oil-game__hollowbox {
    padding-left: 10vw;
  }
  *[data-screen="game-win"] .lip-oil-game__hollowbox-packs {
    margin-right: 4vw;
  }
}