/* Initial Positions for theme elements */
.lyla-premiere-theme #lyla-premiere .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;
}
.lyla-premiere-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);
}
.lyla-premiere-theme #lyla-premiere .title-block.init-state {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.lyla-premiere-theme #lyla-premiere .title-block.init-state #logo,
.lyla-premiere-theme #lyla-premiere .title-block.init-state #new {
  left: -2000px;
}

.lyla-premiere-theme #lyla-premiere .title-block.init-state #lylastu {
  right: -2000px;
}

.lyla-premiere-theme #lylastu,
.lyla-premiere-theme #logo,
.lyla-premiere-theme #new {
  -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);
  line-height:0;
}

/* Headband override */
body.lyla-premiere-theme {
  background: #e4665a;
}
#headband-container #parents-message-bar,
body.lyla-premiere-theme div#headband-container,
body.lyla-premiere-theme div#headband-container #parents-message-bar .parents-message .more-toggle {
  background-color: #01aecd;
}
body.lyla-premiere-theme div#headband-container .headband-nav {
  background-color: #00c7eb;
}
body.lyla-premiere-theme div#headband-container a,
body.lyla-premiere-theme div#headband-container .headband-nav .nav-item a,
body.lyla-premiere-theme div#headband-container #parents-message-bar .parents-message,
body.lyla-premiere-theme div#headband-container #headband-user-block {
  color: #fff;
}
body.lyla-premiere-theme div#headband-container #parents-message-bar .for-parents-badge {
  background-color: #f17e34;
  border-color: #de6111;
}
body.lyla-premiere-theme div#headband-container #parents-message-bar .for-parents-badge:after {
  border-left-color: #ffffff;
}
body.lyla-premiere-theme #headband-container .headband-nav .nav-item.settings button[data-action=settings-trigger] {
  background-position: 2px 50% !important;
}

/* Loaded Theme Styles */
.lyla-premiere-theme .scroll-panel.theme-section #theme-stage {
  background: url('../images/bg.jpg') #e4665a;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: absolute;
}
.lyla-premiere-theme #lyla-premiere {
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
}
.lyla-premiere-theme .title-block {
  width: 100%;
  height: 100%;
  background-size: 125%;
  position: absolute;
  bottom:0px;
  z-index: 2;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.lyla-premiere-theme .character-stage {
  position: absolute;
}
.lyla-premiere-theme #new {
  left: 330px;
  top: 291px;
  max-width: 300px;
  z-index: 1;
}
.lyla-premiere-theme #logo {
  left: 260px;
  max-width: 470px;
  top: 30px;
  z-index: 2;
}
.lyla-premiere-theme #lylastu {
  right: 110px;
  bottom: -120px;
  max-width: 680px;
  z-index: 3;
}

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

/* Media Queries */

@media only screen and (min-width: 1601px) {
  .lyla-premiere-theme #logo {
    top: 180px;
  }
  .lyla-premiere-theme #new {
    top: 441px;
  }
}
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1380px) {
  .lyla-premiere-theme #lylastu {
    right: 20px;
  }
  .lyla-premiere-theme #logo {
    left: 30px;
    top: 190px;
  }
  .lyla-premiere-theme #new {
    left: 100px;
    top: 451px;
  }
}
@media only screen and (max-width: 1025px) {
  .lyla-premiere-theme #lylastu {
    bottom: -50px;
    max-width: 580px;
  }
  .lyla-premiere-theme #logo {
    max-width: 450px;
    top: 160px;
  }
  .lyla-premiere-theme #new {
    left: 100px;
    top: 408px;
  }
  .lyla-premiere-theme .scroll-panel.theme-section #theme-stage {
    background: url(../images/bg.jpg) #e4665a;
    background-size: cover;
    background-position: 41% bottom;
    background-repeat: no-repeat;
    position: absolute;
  }
}
@media only screen and (max-width: 775px) {
  .lyla-premiere-theme #lylastu {
    bottom: 390px;
    max-width: 360px;
  }
  .lyla-premiere-theme #logo {
    max-width: 280px;
    left: 141px;
    top: 72px;
  }
  .lyla-premiere-theme #new {
    left: 153px;
    top: 221px;
    max-width: 237px;
  }
  .lyla-premiere-theme .scroll-panel.theme-section #theme-stage {
    background: url(../images/bg.jpg) #e4665a;
    background-size: cover;
    background-position: 51% bottom;
    background-repeat: no-repeat;
    position: absolute;
  }
}
@media only screen and (max-width: 601px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 105px;
    max-width: 280px;
  }
  .lyla-premiere-theme #logo {
    max-width: 250px;
    left: 151px;
    top: 22px;
  }
  .lyla-premiere-theme #new {
    left: 113px;
    top: 158px;
    max-width: 217px;
  }
  .lyla-premiere-theme .scroll-panel.theme-section #theme-stage {
    background: url(../images/bg.jpg) #e4665a;
    background-size: cover;
    background-position: 41% bottom;
    background-repeat: no-repeat;
    position: absolute;
  }
}
@media only screen and (max-width: 500px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 103px;
    max-width: 283px;
  }
  .lyla-premiere-theme #logo {
    max-width: 250px;
    left: 151px;
    top: 22px;
  }
  .lyla-premiere-theme #new {
    left: 90px;
    top: 156px;
    max-width: 217px;
  }
}
@media only screen and (max-width: 480px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 213px;
    max-width: 250px;
  }
  .lyla-premiere-theme #logo {
    max-width: 200px;
    left: 151px;
    top: 16px;
  }
  .lyla-premiere-theme #new {
    left: 132px;
    top: 126px;
    max-width: 160px;
  }
}

@media only screen and (min-width: 1601px) and (max-height: 1200px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 1200px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 1200px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .lyla-premiere-theme #new {
    left: 78px;
  }
  .lyla-premiere-theme .scroll-panel.theme-section #theme-stage {
    background: url(../images/bg.jpg) #e4665a;
    background-size: cover;
    background-position: 35% bottom;
    background-repeat: no-repeat;
    position: absolute;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 1200px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 558px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 1200px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 347px;
  }
  .lyla-premiere-theme #new {
    left: 108px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 310px;
  }
  .lyla-premiere-theme #logo {
    max-width: 220px;
    left: 141px;
    top: 22px;
  }
  .lyla-premiere-theme #new {
    top: 142px;
    max-width: 187px;
    left: 127px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 290px;
  }
  .lyla-premiere-theme #logo {
    max-width: 220px;
    left: 152px;
    top: 22px;
  }
  .lyla-premiere-theme #new {
    top: 143px;
    max-width: 187px;
    left: 121px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 204px;
    max-width: 260px;
  }
  .lyla-premiere-theme #new {
    top: 253px;
    max-width: 169px;
    left: 32px;
  }
  .lyla-premiere-theme #logo {
    max-width: 200px;
    left: 23px;
    top: 144px;
  }
}

@media only screen and (min-width: 1601px) and (max-height: 1010px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 1010px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 1010px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 630px;
  }
  .lyla-premiere-theme #logo {
    max-width: 440px;
    left: 187px;
    top: 20px;
  }
  .lyla-premiere-theme #new {
    left: 158px;
    top: 261px;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 1010px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 550px;
    right: 0px;
  }
  .lyla-premiere-theme #logo {
    max-width: 360px;
    left: 67px;
    top: 130px;
  }
  .lyla-premiere-theme #new {
    max-width: 239px;
    left: 41px;
    top: 328px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 1010px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 350px;
    right: 0px;
    bottom: 290px;
  }
  .lyla-premiere-theme #new {
    max-width: 216px;
    left: 49px;
    top: 278px;
  }
  .lyla-premiere-theme #logo {
    max-width: 260px;
    left: 37px;
    top: 135px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 99px;
    max-width: 310px;
  }
  .lyla-premiere-theme #logo {
    max-width: 220px;
    left: 27px;
    top: 146px;
  }
  .lyla-premiere-theme #new {
    max-width: 176px;
    left: 28px;
    top: 262px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 145px;
    max-width: 270px;
  }
  .lyla-premiere-theme #logo {
    left: 30px;
    top: 149px;
  }
  .lyla-premiere-theme #new {
    left: 40px;
    top: 270px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 216px;
    max-width: 250px;
  }
  .lyla-premiere-theme #logo {
    max-width: 200px;
    left: 26px;
    top: 147px;
  }
  .lyla-premiere-theme #new {
    left: 35px;
    top: 257px;
    max-width: 167px;
  }
}

@media only screen and (min-width: 1900px) and (max-height: 888px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .lyla-premiere-theme #lylastu {
    right: 230px;
    max-width: 600px;
  }
  .lyla-premiere-theme #logo {
    max-width: 440px;
  }
  .lyla-premiere-theme #new {
    top: 270px;
    left: 680px;
  }
}
@media only screen and (max-width: 1899px) and (max-height: 888px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 600px;
  }
  .lyla-premiere-theme #logo {
    top: 170px;
    max-width: 430px;
  }
  .lyla-premiere-theme #new {
    left: 658px;
    top: 177px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 888px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .lyla-premiere-theme #lylastu {
    right: 48px;
  }
  .lyla-premiere-theme #logo {
    top: 30px;
  }
  .lyla-premiere-theme #new {
    left: 318px;
    top: 266px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 888px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .lyla-premiere-theme #lylastu {
    right: 2px;
    bottom: -70px;
    max-width: 570px;
  }
  .lyla-premiere-theme #logo {
    max-width: 400px;
    top: 16px;
  }
  .lyla-premiere-theme #new {
    left: 191px;
    top: 234px;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 888px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 510px;
  }
  .lyla-premiere-theme #logo {
    max-width: 340px;
    top: 36px;
    left: 153px;
  }
  .lyla-premiere-theme #new {
    left: 49px;
    top: 222px;
    max-width: 279px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 888px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 310px;
    bottom: 250px;
  }
  .lyla-premiere-theme #logo {
    max-width: 230px;
    top: 136px;
    left: 53px;
  }
  .lyla-premiere-theme #new {
    left: 62px;
    top: 263px;
    max-width: 193px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 101px;
    max-width: 290px;
  }
  .lyla-premiere-theme #logo {
    max-width: 230px;
    top: 147px;
    left: 27px;
  }
  .lyla-premiere-theme #new {
    left: 37px;
    top: 268px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    bottom: 221px;
    max-width: 270px;
  }
  .lyla-premiere-theme #logo {
    max-width: 210px;
    top: 206px;
  }
  .lyla-premiere-theme #new {
    top: 318px;
    max-width: 173px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 217px;
  }
  .lyla-premiere-theme #logo {
    max-width: 170px;
    top: 139px;
    left: 21px;
  }
  .lyla-premiere-theme #new {
    top: 233px;
    max-width: 133px;
    left: 29px;
  }
}
@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) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .lyla-premiere-theme #lylastu {
    right: 300px;
    max-width: 490px;
  }
  .lyla-premiere-theme #logo {
    top: 17px;
    left: auto;
    right: 838px;
    max-width: 350px;
  }
  .lyla-premiere-theme #new {
    top: 28px;
    left: auto;
    right: 562px;
    max-width: 292px;
  }
}
@media only screen and (max-width: 1899px) and (max-height: 715px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 490px;
  }
  .lyla-premiere-theme #logo {
    top: 17px;
    left: 330px;
  }
  .lyla-premiere-theme #new {
    top: 24px;
    left: 728px;
  }
}
@media only screen and (max-width: 1601px) and (max-height: 715px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .lyla-premiere-theme #logo {
    max-width: 400px;
    left: 220px;
  }
  .lyla-premiere-theme #new {
    left: 592px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 715px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 440px;
  }
  .lyla-premiere-theme #logo {
    max-width: 340px;
    left: 197px;
  }
  .lyla-premiere-theme #new {
    left: 513px;
    top: 18px;
    max-width: 281px;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 715px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .lyla-premiere-theme #logo {
    left: 146px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 420px;
    bottom: -60px;
  }
  .lyla-premiere-theme #logo {
    max-width: 320px;
    left: 169px;
  }
  .lyla-premiere-theme #new {
    left: 120px;
    top: 185px;
    max-width: 267px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 715px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 250px;
    bottom: 190px;
  }
  .lyla-premiere-theme #logo {
    max-width: 224px;
    left: 151px;
  }
  .lyla-premiere-theme #new {
    left: 160px;
    top: 140px;
    max-width: 187px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #logo {
    top: 144px;
    left: 33px;
  }
  .lyla-premiere-theme #new {
    left: 43px;
    top: 267px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 198px;
    bottom: 230px;
  }
  .lyla-premiere-theme #logo {
    max-width: 184px;
    top: 149px;
    left: 18px;
  }
  .lyla-premiere-theme #new {
    left: 27px;
    top: 250px;
    max-width: 151px;
  }
}
@media only screen and (max-width: 375px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .lyla-premiere-theme #logo {
    max-width: 144px;
    top: 148px;
    left: 24px;
  }
  .lyla-premiere-theme #new {
    left: 166px;
    top: 98px;
    max-width: 130px;
  }
}
@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) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 329px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 270px;
    bottom: -30px;
    right: 42px
  }
  .lyla-premiere-theme #logo {
    max-width: 220px;
  }
  .lyla-premiere-theme #new {
    left: 374px;
    top: 18px;
    max-width: 182px;
  }
}

@media only screen and (max-width: 775px) and (min-width: 732px) and (max-height: 411px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 388px;
  }
  .home .theme-section .phat-button {
    bottom: 40%;
  }
  .brand img {
    width: 80%;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 140px;
    bottom: 201px;
    right: 122px;
  }
  .lyla-premiere-theme #logo {
    max-width: 166px;
  }
  .lyla-premiere-theme #new {
    left: 309px;
    top: 20px;
    max-width: 140px;
  }
}

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

@media only screen and (max-width: 775px) and (max-height: 375px) {
  .brand img {
    width: 50%;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 90px;
    right: 232px;
  }
  .lyla-premiere-theme #logo {
    max-width: 136px;
    top: 5px;
    left: 195px;
  }
  .lyla-premiere-theme #new {
    left: 323px;
  }
}

@media only screen and (max-width: 667px) and (max-height: 375px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 450px;
  }
  .home .theme-section .phat-button {
    bottom: 37%;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 150px;
    right: 122px;
    bottom: 241px;
  }
  .lyla-premiere-theme #logo {
    max-width: 196px;
    top: 15px;
    left: 105px;
  }
  .lyla-premiere-theme #new {
    left: 256px;
    top: 108px;
    max-width: 167px;
  }
}

@media only screen and (max-width: 568px) and (max-height: 320px) {
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 374px;
  }
  .home .theme-section .phat-button.right {
    right: 34px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 140px;
    right: 32px;
    bottom: 188px;
  }
  .lyla-premiere-theme #logo {
    max-width: 176px;
    top: 19px;
    left: 85px;
  }
  .lyla-premiere-theme #new {
    left: 249px;
    top: 12px;
    max-width: 167px;
  }
}

@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%;
  }
  .lyla-premiere-theme .scroll-panel.theme-section {
    min-height: 400px;
  }
  .lyla-premiere-theme #lylastu {
    max-width: 125px;
    right: 97px;
    bottom: 230px;
  }
  .lyla-premiere-theme #logo {
    max-width: 166px;
    top: 19px;
    left: 135px;
  }
  .lyla-premiere-theme #new {
    left: 288px;
    top: 54px;
    max-width: 170px;
  }
}