@media only screen and (max-width: 868px) {
  .logo-sticky {
    top: calc(99.25vh - 23vw);
    /* top: 98.5svh; */
    width: 100%;
    padding: 5px 0px;
  }

  .credit-2 {
    transform: translateY(-1.5px);
  }
  .menu > div {
    text-transform: uppercase;
    height: 1.75rem;
    width: 4rem;
  }
  .menu {
    font-size: 0.8rem;
  }
  .choose-cover {
    width: 100%;
  }
  .logo-sticky-2 {
    /* top: calc(99.25vh - 23vw); */
    top: 0 !important;
    /* top: 98.5svh; */
    padding: 5px 0px;
    width: 100%;
    -webkit-backdrop-filter: blur(5px) saturate(4.5);
  }
  .mag-img-wrapper img {
    width: 10%;
  }
  .mag-img-wrapper {
    margin-top: 5vh;
  }
  .info-buy {
    width: 95%;
  }
  nav > div {
    width: 95%;
  }

  .image-grow {
    width: 25% !important;
  }
  .keychain-wrapper {
    font-size: 0.7rem;
    bottom: calc(6rem + 1px);
    width: 95%;
  }

  .fullscreen-wrapper img {
    height: auto;
    width: 95%;
  }
  .slide-top {
    bottom: calc(8rem + 2px) !important;
  }
  nav {
    width: 95%;
    font-size: 0.7rem;
    bottom: 4rem;
  }
  .info-buy {
    font-size: 0.7rem;
    bottom: calc(6rem + 1px);
  }
  .covers-wrapper img,
  .images img {
    width: 15%;
  }
  .covers-wrapper img.active {
    width: 70% !important;
  }
  .text-container {
    width: 90%;
  }
  .magazine-wrapper {
  }
  .translate-bottom {
    top: calc(99.5vh - 23vw) !important;
  }
  .chapter-titles {
    /* background-color: blue;
    width: 50%; */
    top: calc(100vw - 50px);
    transform: translateY(0);
    /* transition: 0.3s ease-in-out;
    transition-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97); */
  }
  .chapter-title {
    transition: 0.3s ease-in-out;
    transition-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
  }

  @keyframes grow {
    0%,
    100% {
      width: 15%;
    }
    50% {
      width: 20%;
    }
  }
}