@media screen and (orientation: portrait) {
  body {
    overflow: hidden auto;
  }

  .header {
    padding-top: 6vw;
  }

  .header__logo img {
    height: 18vw;
  }

  .background img {
    -o-object-position: center top;
    object-position: center top;
  }

  .cover {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .main {
    padding: 40vw 13vw 6vw;
    max-width: 100%;
    overflow: hidden;
    background-image: url(../images/background-mob.png);
  }

  .chests {
    gap: 9vw 3.4vw;
    max-width: 100%;
  }

  .chests__item:nth-child(n) {
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(50% - 3.4vw / 2);
    -ms-flex: 0 0 calc(50% - 3.4vw / 2);
    flex: 0 0 calc(50% - 3.4vw / 2);
  }

  .chests-item__image-full > span {
    width: 0.7vw;
    height: 0.7vw;
    -webkit-box-shadow: 0 0 2.5vw 1vw #57934a;
    box-shadow: 0 0 2.5vw 1vw #57934a;
  }

  .chests-item__image-full > span:nth-child(2n) {
    width: 0.5vw;
    height: 0.5vw;
    -webkit-box-shadow: 0 0 2.5vw 1vw #93924a;
    box-shadow: 0 0 2.5vw 1vw #93924a;
  }
  .chests-item__image-full > span:nth-child(3n) {
    width: 0.2vw;
    height: 0.2vw;
  }
  .chests-item__image-full > span:nth-child(4n-1) {
    width: 0.5vw;
    height: 0.5vw;
  }

  .chests-item__image-full::after {
    width: 70vw;
    height: 50vw;
    bottom: 10vw;
    left: -webkit-calc(50% - 70vw / 2);
    left: calc(50% - 70vw / 2);
  }
  @-webkit-keyframes chest-shine {
    0%,
    20% {
      height: 30vw;
    }
    60% {
      height: 50vw;
    }
    100% {
      height: 30vw;
    }
  }
  @keyframes chest-shine {
    0%,
    20% {
      height: 30vw;
    }
    60% {
      height: 50vw;
    }
    100% {
      height: 30vw;
    }
  }

  .popup {
    position: absolute;
    height: 100%;
    bottom: 0;
  }

  .popup__content {
    padding: 35vw 12vw 13.5vw;
    width: 77.5vw;
    height: 98vw;
  }

  .popup__content > * {
    margin-bottom: 3.4vw;
  }

  .popup__title {
    font-size: 5.7vw;
  }

  .popup__desc {
    font-size: 3.4vw;
  }

  .popup__button {
    padding: 4vw 2vw;
    margin-top: 2vw;
    width: 42vw;
    font-size: 3.2vw;
  }

	.popup__bonus img {
		height: 11.7vw;
	}

  .footer {
    padding-top: 6vw;
    padding-bottom: 7vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    position: static;
  }

  .footer > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 4vw;
  }

  .footer ul.footer__payment {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2vw 3vw;
    max-width: 82vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer__payment img {
    height: 3vw;
  }

  .footer__title {
    margin-right: 0;
    font-size: 2.6vw;
  }

  .footer__crypto {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer-crypto__title {
    margin-right: 3.5vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30vw;
    height: 4.5vw;
    font-size: 1.9vw;
    letter-spacing: 0.02em;
    background-image: url(../images/footer-element.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }

  .footer__crypto ul {
    gap: 2vw 3vw;
  }

  .footer__crypto img {
    height: 4vw;
  }
}