/* Initial Positions for theme elements */
.gamepicnic-theme #game-picnic .title-block.init-state {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}
.gamepicnic-theme .title-block {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.gamepicnic-theme #game-picnic .title-block.init-state {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.gamepicnic-theme #game-picnic .title-block.init-state #gamePromo {
  bottom: -4000px;
}
.gamepicnic-theme #gamePromo {
  -webkit-transition-property: top, bottom, left, right, opacity, scale;
  -moz-transition-property: top, bottom, left, right, opacity, scale;
  -ms-transition-property: top, bottom, left, right, opacity, scale;
  -o-transition-property: top, bottom, left, right, opacity, scale;
  transition-property: top, bottom, left, right, opacity, scale;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Headband override */
body.gamepicnic-theme {
  background: #9A20D7;
}
#headband-container #parents-message-bar,
body.gamepicnic-theme div#headband-container,
body.gamepicnic-theme div#headband-container #parents-message-bar .parents-message .more-toggle {
  background-color: #6A1A9A;
}
body.gamepicnic-theme div#headband-container .headband-nav {
  background-color: #7527AD;
}
body.gamepicnic-theme div#headband-container a,
body.gamepicnic-theme div#headband-container .headband-nav .nav-item a,
body.gamepicnic-theme div#headband-container #parents-message-bar .parents-message,
body.gamepicnic-theme div#headband-container #headband-user-block {
  color: #fff;
}
body.gamepicnic-theme div#headband-container #parents-message-bar .for-parents-badge:after {
  border-left-color: #ffffff;
}
body.gamepicnic-theme #headband-container .headband-nav .nav-item.settings button[data-action=settings-trigger] {
  background-position: 2px 50% !important;
}
/* Loaded Theme Styles */
.gamepicnic-theme .scroll-panel.theme-section #theme-stage {
  margin-bottom: 0px;
  background: #9A20D7;
  bottom: 0px;
}
.gamepicnic-theme #game-picnic {
  position: absolute;
  width: 100%;
  left: 0;
  margin-left: 0;
  bottom: 0;
  top: 0;
}
.gamepicnic-theme .title-block {
  width: 100%;
  height: 100%;
  background-size: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.gamepicnic-theme .character-stage {
  position: absolute;
}
.gamepicnic-theme #gamePromo {
  bottom: 162px;
  position: relative;
  margin: 0 auto;
  width: 372px;
  height: 615px;
  z-index: 1;
}
.gamepicnic-theme .game-box {
  bottom: 542px;
  position: relative;
  margin: 0 auto;
  max-width: 550px;
  border: solid #fff 20px;
  line-height: 0;
  z-index: 2;
  display: none;
}
.gamepicnic-theme #newCard {
  bottom: 259px;
  left: 334px;
  width: 280px;
  z-index: 3;
  display: none;
}
.gamepicnic-theme #foodOne {
  bottom: 410px;
  left: 130px;
  width: 250px;
  z-index: 4;
  display: none;
}
.gamepicnic-theme #foodTwo {
  bottom: 254px;
  right: 280px;
  width: 250px;
  z-index: 4;
  display: none;
}
.gamepicnic-theme #foodThree {
  bottom: 413px;
  right: 133px;
  width: 250px;
  z-index: 3;
  display: none;
}

.gamepicnic-theme .character-stage .character {
  width: 100%;
}

/*pop out basket animation*/
@keyframes reveal-food {
  0% {
    -webkit-transform: translateY(-42%) rotateX(30deg) scale(0);
            transform: translateY(-42%) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
            transform-origin: 50% -1400px;
            opacity: 1;
  }
}

@keyframes reveal-food-leftOne {
  0% {
    -webkit-transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
            transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
            transform: translateX(0) translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
            transform-origin: 50% -1400px;
            opacity: 1;
  }
}

@keyframes reveal-food-leftTwo {
  0% {
    -webkit-transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
            transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
            transform: translateX(0) translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
            transform-origin: 50% -1400px;
            opacity: 1;
  }
}

@keyframes reveal-food-rightOne {
  0% {
    -webkit-transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
            transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
            transform: translateX(0) translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
            transform-origin: 50% -1400px;
            opacity: 1;
  }
}

@keyframes reveal-food-rightTwo {
  0% {
    -webkit-transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
            transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
            transform: translateX(0) translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
            transform-origin: 50% -1400px;
            opacity: 1;
  }
}

/* Media Queries */
@media only screen and (min-width: 1601px) {
  .gamepicnic-theme #gamePromo {
    bottom: 32px;
  }
  .gamepicnic-theme .game-box {
    bottom: 432px;
  }
  @keyframes reveal-food-leftTwo {
    0% {
      -webkit-transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 1600px) {
  .gamepicnic-theme #gamePromo {
    bottom: 32px;
  }
  .gamepicnic-theme .game-box {
    bottom: 432px;
  }
  @keyframes reveal-food-leftTwo {
    0% {
      -webkit-transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-rightOne {
    0% {
      -webkit-transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 1380px) {
  .gamepicnic-theme #newCard {
    left: 204px;
  }
  .gamepicnic-theme #foodOne {
    left: 60px;
  }
  .gamepicnic-theme #foodTwo {
    right: 240px;
  }
  .gamepicnic-theme #foodThree {
    right: 24px;
  }
  @keyframes reveal-food-rightOne {
    0% {
      -webkit-transform: translateX(-50%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-50%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 1025px) {
  .gamepicnic-theme #newCard {
    left: 144px;
    bottom: 262px;
    width: 240px;
  }
  .gamepicnic-theme #foodOne {
    left: 39px;
    width: 210px;
    bottom: 413px;
  }
  .gamepicnic-theme #foodTwo {
    right: 150px;
    bottom: 262px;
    width: 210px;
  }
  .gamepicnic-theme #foodThree {
    right: 44px;
    width: 210px;
  }
  @keyframes reveal-food-leftOne {
    0% {
      -webkit-transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-leftTwo {
    0% {
      -webkit-transform: translateX(50%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(50%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 775px) {
  .gamepicnic-theme .game-box {
    bottom: 452px;
    max-width: 450px;
  }
  .gamepicnic-theme #newCard {
    left: 62px;
    bottom: 222px;
    width: 240px;
  }
  .gamepicnic-theme #foodOne {
    left: 39px;
    width: 210px;
    bottom: 469px;
  }
  .gamepicnic-theme #foodTwo {
    right: 50px;
    bottom: 218px;
    width: 210px;
  }
  .gamepicnic-theme #foodThree {
    bottom: 470px;
  }
  @keyframes reveal-food-rightTwo {
    0% {
      -webkit-transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 601px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 2px;
    width: 262px;
    height: 435px;
  }
  .gamepicnic-theme .game-box {
    bottom: 272px;
    max-width: 390px;
    border: solid #fff 15px;
  }
  .gamepicnic-theme #newCard {
    left: 232px;
    bottom: 487px;
  }
}
@media only screen and (max-width: 500px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 22px;
  }
  .gamepicnic-theme .game-box {
    bottom: 276px;
    max-width: 330px;
  }
  .gamepicnic-theme #newCard {
    left: 212px;
    bottom: 492px;
    width: 210px;
  }
}
@media only screen and (max-width: 480px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 0px;
    width: 202px;
    height: 341px;
  }
  .gamepicnic-theme .game-box {
    bottom: 203px;
    max-width: 279px;
    right: -37px;
    border: solid #fff 12px;
  }
  .gamepicnic-theme #newCard {
    left: 242px;
    bottom: 509px;
    width: 190px;
  }
}

@media only screen and (min-width: 1601px) and (max-height: 1200px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .gamepicnic-theme #foodTwo {
    right: 349px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -8px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 1200px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -20px;
  }
  .gamepicnic-theme #foodTwo {
    right: 350px;
  }
  .gamepicnic-theme .game-box {
    bottom: 512px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 440px;
  }
  .gamepicnic-theme #foodTwo, .gamepicnic-theme #newCard {
    bottom: 264px;
  }
  @keyframes reveal-food-rightOne {
    0% {
      -webkit-transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 1380px) and (max-height: 1200px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .gamepicnic-theme #foodOne {
    left: 30px;
  }
  .gamepicnic-theme #foodTwo {
    right: 210px;
  }
  .gamepicnic-theme #foodThree {
    right: 44px;
  }
  @keyframes reveal-food-leftOne {
    0% {
      -webkit-transform: translateX(150%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(150%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-leftTwo {
    0% {
      -webkit-transform: translateX(50%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(50%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 1025px) and (max-height: 1200px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .gamepicnic-theme .game-box {
    bottom: 442px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 360px;
  }
  .gamepicnic-theme #foodTwo, .gamepicnic-theme #newCard {
    bottom: 186px;
  }
  .gamepicnic-theme #foodTwo {
    right: 140px;
  }
  .gamepicnic-theme #newCard {
    left: 124px;
  }
  @keyframes reveal-food-leftOne {
    0% {
      -webkit-transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-rightTwo {
    0% {
      -webkit-transform: translateX(-150%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-150%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 775px) and (max-height: 1200px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 53px;
  }
  .gamepicnic-theme .game-box {
    bottom: 454px;
  }
  .gamepicnic-theme #newCard {
    bottom: 861px;
    left: 281px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 451px;
  }
  @keyframes reveal-food-leftOne {
    0% {
      -webkit-transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-rightTwo {
    0% {
      -webkit-transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 601px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -2px;
  }
  .gamepicnic-theme .game-box {
    bottom: 270px;
  }
  .gamepicnic-theme #newCard {
    bottom: 491px;
    left: 219px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 28px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 0px;
  }
  .gamepicnic-theme .game-box {
    bottom: 195px;
  }
  .gamepicnic-theme #newCard {
    bottom: 497px;
    left: 237px;
  }
}

@media only screen and (min-width: 1601px) and (max-height: 1010px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 82px;
  }
  .gamepicnic-theme .game-box {
    bottom: 533px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 1010px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 84px;
  }
  .gamepicnic-theme .game-box {
    bottom: 548px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 1010px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .gamepicnic-theme #newCard {
    width: 240px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 210px;
  }
  .gamepicnic-theme #foodOne {
    left: 52px;
  }
  .gamepicnic-theme .game-box {
    max-width: 510px;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 1010px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .gamepicnic-theme .game-box {
    bottom: 445px;
  }
  .gamepicnic-theme #newCard {
    left: 34px;
  }
  .gamepicnic-theme #foodTwo {
    right: 43px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 639px;
  }
  .gamepicnic-theme #foodOne {
    left: 152px;
  }
  .gamepicnic-theme #foodThree {
    right: 154px;
  }
  @keyframes reveal-food-leftTwo {
    0% {
      -webkit-transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-rightOne {
    0% {
      -webkit-transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 775px) and (max-height: 1010px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 34px;
    width: 290px;
    height: 485px;
  }
  .gamepicnic-theme .game-box {
    bottom: 321px;
    max-width: 380px;
    border: solid #fff 17px;
  }
  .gamepicnic-theme #newCard {
    bottom: 663px;
    left: 346px;
    width: 170px;
  }
  .gamepicnic-theme #foodOne {
    width: 160px;
    bottom: 657px;
    left: 155px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #newCard {
    bottom: 478px;
    left: 286px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -12px;
    width: 240px;
    height: 395px;
  }
  .gamepicnic-theme .game-box {
    bottom: 236px;
    max-width: 350px;
    border: solid #fff 13px;
  }
  .gamepicnic-theme #newCard {
    bottom: 486px;
    left: 256px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -12px;
    width: 200px;
    height: 327px;
  }
  .gamepicnic-theme .game-box {
    bottom: 182px;
    max-width: 270px;
    right: -39px;
    border: solid #fff 12px;
  }
  .gamepicnic-theme #newCard {
    bottom: 494px;
  }
  .gamepicnic-theme #foodOne {
    width: 117px;
    bottom: 307px;
    left: 25px;
  }
}

@media only screen and (min-width: 1900px) and (max-height: 888px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 53px;
    width: 290px;
    height: 485px;
  }
  .gamepicnic-theme .game-box {
    bottom: 454px;
  }
  .gamepicnic-theme #newCard {
    left: 435px;
  }
  .gamepicnic-theme #foodOne {
    left: 330px;
  }
  .gamepicnic-theme #foodTwo {
    right: 469px;
  }
  .gamepicnic-theme #foodThree {
    bottom: 410px;
    right: 323px;
  }
}
@media only screen and (max-width: 1899px) and (max-height: 888px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 52px;
    width: 292px;
    height: 485px;
  }
  .gamepicnic-theme .game-box {
    bottom: 453px;
  }
  .gamepicnic-theme #foodOne {
    left: 280px;
  }
  .gamepicnic-theme #foodThree {
    right: 283px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 220px;
  }
  .gamepicnic-theme #newCard {
    width: 250px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 888px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .gamepicnic-theme #foodTwo, .gamepicnic-theme #newCard {
    bottom: 234px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 400px;
  }
  .gamepicnic-theme .game-box {
    bottom: 443px;
  }
  .gamepicnic-theme #newCard {
    left: 224px;
  }
  .gamepicnic-theme #foodOne {
    left: 140px;
  }
  .gamepicnic-theme #foodTwo {
    right: 250px;
  }
  .gamepicnic-theme #foodThree {
    right: 153px;
  }
  @keyframes reveal-food-leftTwo {
    0% {
      -webkit-transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-rightOne {
    0% {
      -webkit-transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-100%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 1380px) and (max-height: 888px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -18px;
    width: 252px;
    height: 425px;
  }
  .gamepicnic-theme .game-box {
    bottom: 373px;
    max-width: 470px;
    border: solid #fff 16px;
  }
  .gamepicnic-theme #newCard {
    width: 210px;
    left: 154px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 180px;
  }
  .gamepicnic-theme #foodTwo, .gamepicnic-theme #newCard {
    bottom: 251px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 394px;
  }
  .gamepicnic-theme #foodOne {
    left: 67px;
  }
  .gamepicnic-theme #foodTwo {
    right: 150px;
  }
  .gamepicnic-theme #foodThree {
    right: 63px;
  }
  @keyframes reveal-food-leftOne {
    0% {
      -webkit-transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(200%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-leftTwo {
    0% {
      -webkit-transform: translateX(150%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(150%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-rightOne {
    0% {
      -webkit-transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
  @keyframes reveal-food-rightTwo {
    0% {
      -webkit-transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
              transform: translateX(-200%) translateY(-42%) rotateX(30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
              opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) translateY(0) rotateX(0) scale(1);
              transform: translateX(0) translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% -1400px;
              transform-origin: 50% -1400px;
              opacity: 1;
    }
  }
}
@media only screen and (max-width: 1025px) and (max-height: 888px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -78px;
  }
  .gamepicnic-theme .game-box {
    bottom: 277px;
    max-width: 410px;
    border: solid #fff 14px;
  }
  .gamepicnic-theme #foodTwo, .gamepicnic-theme #newCard {
    bottom: 229px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 364px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 150px;
  }
  .gamepicnic-theme #newCard {
    width: 170px;
    left: 113px;
  }
  .gamepicnic-theme #foodOne {
    left: 38px;
  }
  .gamepicnic-theme #foodTwo {
    right: 120px;
  }
  .gamepicnic-theme #foodThree {
    right: 33px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 888px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -13px;
    width: 212px;
    height: 345px;
  }
  .gamepicnic-theme .game-box {
    bottom: 224px;
    max-width: 350px;
    left: 40px;
    border: solid #fff 11px;
  }
  .gamepicnic-theme #newCard {
    bottom: 589px;
    left: 353px;
  }
  .gamepicnic-theme #foodOne {
    left: 55px;
    width: 140px;
    bottom: 358px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -63px;
  }
  .gamepicnic-theme .game-box {
    bottom: 164px;
    left: auto;
  }
  .gamepicnic-theme #newCard {
    bottom: 459px;
    left: 285px;
    width: 154px;
  }
  .gamepicnic-theme #foodOne {
    left: 153px;
    width: 120px;
    bottom: 456px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme .game-box {
    bottom: 182px;
  }
  .gamepicnic-theme #newCard {
    bottom: 479px;
  }
  .gamepicnic-theme #foodOne {
    bottom: 478px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -38px;
    width: 182px;
    height: 305px;
  }
  .gamepicnic-theme .game-box {
    bottom: 150px;
    max-width: 270px;
    right: -8px;
  }
  .gamepicnic-theme #newCard {
    bottom: 486px;
    left: 185px;
    width: 145px;
  }
}
@media only screen and (max-width: 375px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
}

@media only screen and (min-width: 1900px) and (max-height: 715px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 65px;
    width: 190px;
    height: 321px;
  }
  .gamepicnic-theme .game-box {
    bottom: 308px;
    max-width: 350px;
    border: solid #fff 13px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 150px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 370px;
  }
  .gamepicnic-theme #newCard, .gamepicnic-theme #foodTwo {
    bottom: 259px;
  }
  .gamepicnic-theme #newCard {
    width: 180px;
    left: 616px;
  }
  .gamepicnic-theme #foodOne {
    left: 516px;
  }
  .gamepicnic-theme #foodTwo {
    right: 649px;
  }
  .gamepicnic-theme #foodThree {
    right: 513px;
  }
}
@media only screen and (max-width: 1899px) and (max-height: 715px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 65px;
    width: 190px;
    height: 321px;
  }
  .gamepicnic-theme .game-box {
    bottom: 308px;
    max-width: 350px;
    border: solid #fff 13px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 150px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 370px;
  }
  .gamepicnic-theme #newCard, .gamepicnic-theme #foodTwo {
    bottom: 259px;
  }
  .gamepicnic-theme #newCard {
    width: 180px;
    left: 467px;
  }
  .gamepicnic-theme #foodOne {
    left: 376px;
  }
  .gamepicnic-theme #foodTwo {
    right: 491px;
  }
  .gamepicnic-theme #foodThree {
    right: 383px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 715px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 120px;
  }
  .gamepicnic-theme #newCard, .gamepicnic-theme #foodTwo {
    bottom: 239px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 337px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 65px;
  }
  .gamepicnic-theme .game-box {
    bottom: 303px;
  }
  .gamepicnic-theme #newCard {
    width: 140px;
    left: 408px;
  }
  .gamepicnic-theme #foodOne {
    left: 336px;
  }
  .gamepicnic-theme #foodTwo {
    right: 417px;
  }
  .gamepicnic-theme #foodThree {
    right: 335px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 715px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 28px;
  }
  .gamepicnic-theme #newCard {
    left: 233px;
  }
  .gamepicnic-theme #foodOne {
    left: 156px;
  }
  .gamepicnic-theme #foodTwo {
    right: 256px;
  }
  .gamepicnic-theme #foodThree {
    right: 162px;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 715px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -2px;
  }
  .gamepicnic-theme .game-box {
    bottom: 232px;
  }
  .gamepicnic-theme #newCard, .gamepicnic-theme #foodTwo {
    bottom: 184px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 277px;
  }
  .gamepicnic-theme #newCard {
    left: 102px;
  }
  .gamepicnic-theme #foodOne {
    left: 46px;
  }
  .gamepicnic-theme #foodTwo {
    right: 115px;
  }
  .gamepicnic-theme #foodThree {
    right: 52px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 715px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 8px;
    width: 150px;
    height: 257px;
  }
  .gamepicnic-theme .game-box {
    bottom: 243px;
  }
  .gamepicnic-theme #newCard {
    bottom: 288px;
    left: 52px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -22px;
    width: 230px;
    height: 387px;
  }
  .gamepicnic-theme .game-box {
    bottom: 208px;
  }
  .gamepicnic-theme #newCard {
    bottom: 458px;
    left: 302px;
  }
  .gamepicnic-theme #foodOne {
    left: 146px;
    bottom: 457px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .game-box {
    bottom: 228px;
  }
  .gamepicnic-theme #newCard {
    bottom: 482px;
    left: 292px;
  }
  .gamepicnic-theme #foodOne {
    left: 146px;
    bottom: 479px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -35px;
    width: 190px;
    height: 317px;
  }
  .gamepicnic-theme .game-box {
    max-width: 272px;
    border: solid #fff 11px;
    bottom: 163px;
    right: 5px;
  }
  .gamepicnic-theme #newCard {
    left: 192px;
  }
}
@media only screen and (max-width: 375px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .gamepicnic-theme #gamePromo {
    bottom: -60px;
    width: 170px;
    height: 285px;
  }
  .gamepicnic-theme .game-box {
    max-width: 248px;
    border: solid #fff 10px;
    bottom: 118px;
    right: 0px;
  }
  .gamepicnic-theme #newCard {
    left: 151px;
    bottom: 472px;
  }
}
@media only screen and (max-width: 320px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
}

/* Odd one-off sized smaller mobile devices */

@media only screen and (max-width: 823px) and (min-width: 776px) and (max-height: 411px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 329px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 36px;
    width: 130px;
    height: 221px;
  }
  .gamepicnic-theme .game-box {
    bottom: 202px;
    max-width: 220px;
    border: solid #fff 8px;
  }
  .gamepicnic-theme #newCard, .gamepicnic-theme #foodTwo {
    bottom: 146px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodThree {
    bottom: 227px;
  }
  .gamepicnic-theme #foodOne, .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodThree {
    width: 80px;
  }
  .gamepicnic-theme #newCard {
    left: 199px;
    width: 100px;
  }
  .gamepicnic-theme #foodOne {
    left: 156px;
  }
  .gamepicnic-theme #foodTwo {
    right: 216px;
  }
  .gamepicnic-theme #foodThree {
    right: 162px;
  }
}

@media only screen and (max-width: 775px) and (min-width: 732px) and (max-height: 411px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 388px;
  }
  .home .theme-section .phat-button {
    bottom: 40%;
  }
  .brand img {
    width: 80%;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 36px;
    width: 100px;
    height: 171px;
  }
  .gamepicnic-theme .game-box {
    bottom: 165px;
    max-width: 180px;
    border: solid #fff 9px;
    left: 87px;
  }
  .gamepicnic-theme #newCard {
    bottom: 257px;
    left: 234px;
    width: 110px;
  }
  .gamepicnic-theme #foodTwo, .gamepicnic-theme #foodOne {
    bottom: 255px;
    width:100px;
  }
  .gamepicnic-theme #foodTwo {
    right: 64px;
  }
  .gamepicnic-theme #foodOne {
    left: 123px;
  }
}

@media only screen and (max-width: 812px) and (max-height: 375px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 328px;
  }
}

@media only screen and (max-width: 667px) and (max-height: 375px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 450px;
  }
  .home .theme-section .phat-button {
    bottom: 37%;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 14px;
    width: 120px;
    height: 207px;
  }
  .gamepicnic-theme .game-box {
    left: 40px;
    max-width: 250px;
    border: solid #fff 9px;
    bottom: 194px;
  }
  .gamepicnic-theme #newCard, .gamepicnic-theme #foodTwo {
    bottom: 273px;
  }
  .gamepicnic-theme #foodTwo {
    right: 80px;
    width: 100px;
  }
  .gamepicnic-theme #newCard {
    left: 142px;
    width: 120px;
  }
}

@media only screen and (max-width: 568px) and (max-height: 320px) {
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 374px;
  }
  .home .theme-section .phat-button.right {
    right: 34px;
  }
  .home .theme-section .phat-button {
    bottom: 27%;
  }
  .gamepicnic-theme #newCard, .gamepicnic-theme #foodTwo {
    bottom: 195px;
  }
  .gamepicnic-theme #foodTwo {
    right: 35px;
    width: 90px;
  }
  .gamepicnic-theme .game-box {
    left: 61px;
    max-width: 230px;
    bottom: 189px;
  }
  .gamepicnic-theme #newCard {
    width: 110px;
  }
}

@media only screen and (max-width: 692px) and (min-width: 672px) and (max-height: 280px) {
  .brand img {
    width: 70%;
  }
  .home .theme-section .phat-button {
    bottom: 40%;
  }
  .gamepicnic-theme .scroll-panel.theme-section {
    min-height: 400px;
  }
  .gamepicnic-theme #gamePromo {
    bottom: 52px;
    width: 120px;
    height: 196px;
  }
  .gamepicnic-theme .game-box {
    bottom: 187px;
    max-width: 190px;
    border: solid #fff 8px;
    left: 0px;
  }
  .gamepicnic-theme #newCard {
    bottom: 263px;
    left: 109px;
    width: 110px;
  }
  .gamepicnic-theme #foodTwo {
    bottom: 262px;
    width: 100px;
  }
}