@media (width <= 1064px) {
  .navigation-wrapper .navigation-elements .nav-end > * {
    display: none;
  }

  .navigation-wrapper .navigation-elements .nav-end > .mobile-toggle {
    display: flex;
  }

  .navigation-wrapper .navigation-elements .mobile-menu {
	display: block;
	position: fixed;
	top: 0;
    right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s;
  }

  .navigation-wrapper .navigation-elements .mobile-menu.open {
	visibility: visible;
	opacity: 1;
  }

  .navigation-wrapper .navigation-elements .mobile-menu .mobile-menu-backdrop {
	background-color: var(--background-primary);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
  }
  
  .navigation-wrapper .navigation-elements .mobile-menu .mobile-menu-elements {
	position: absolute;
	display: flex;
    flex-direction: column;
    align-items: end;
	justify-content: start;
	gap: 1rem;
    top: 0;
	right: -100%;
    width: 80%;
    height: 100%;
    background-color: var(--color-accent);
	z-index: 2;
	padding: 4rem 2rem;
	transition: all 0.25s;
  }

  .navigation-wrapper .navigation-elements .mobile-menu.open .mobile-menu-elements {
	right: 0;
  }

  .navigation-wrapper .navigation-elements .mobile-menu .mobile-menu-elements a {
	font-size: 1.5rem;
	padding: 1rem 2rem;
	text-align: right;
  }

  .navigation-wrapper .navigation-elements .mobile-menu .mobile-menu-elements a.home-button {
	font-size: 3rem;
	text-align: right;
  }

  .mobile-toggle {
    flex-direction: column;
    justify-content: space-evenly;
    width: 32px;
    height: 32px;
    margin-right: 1rem;
  }

  .mobile-toggle > div {
    background-color: #cecece;
    height: 6px;
    width: 100%;
    border-radius: 5px;
    border: 0;
    padding: 0;
  }

  .book-info {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }

  .book-info .column-1,
  .book-info .column-2 {
    width: 100%;
    height: fit-content;
  }

  .book-info .column-1 > div:first-of-type,
  .book-info .column-2 > div:first-of-type {
    height: fit-content;
  }

  .book-info .column-1 .book-content > div:first-of-type {
    justify-content: start;
    width: fit-content;
  }

  .book-info .column-1 .book-content > div:last-of-type {
    flex: 1;
  }

  .book-info .column-2 {
    width: 100%;
    max-width: 600px;
    align-items: start;
    margin-bottom: 4rem;
  }

  .profile-pic {
    width: 200px !important;
  }

  .profile-pic img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .footer-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-wrapper > div {
    width: 300px;
    align-items: center;
  }

  .chapters .actions {
    flex-direction: column;
    gap: 1rem;
    align-items: start;
  }

  #preview_chapters_modal .newsletter {
    max-width: calc(100% - 100px);
  }

  .page-content {
	border-radius: 20px;
	padding: 5rem 3rem;
  }

  .text img {
	width: 50%;
  }
}

@media (width <= 640px) {
  .book-content {
    flex-direction: column;
  }

  .book-info .column-1 .book-content > div:first-of-type,
  .book-info .column-1 .book-content > div:last-of-type {
    width: 100%;
  }

  .chapters .chapters-gallery {
    /* flex-direction: column; */
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
  }

  .chapters .chapters-gallery > div a p {
    line-height: 24px;
  }

  .preview-wrapper .controls {
    font-size: 0.8rem;
  }

  .news-item .news-item-title {
    flex-direction: column;
  }

  .news-item .news-item-img {
    aspect-ratio: 16 / 9;
    max-width: unset;
  }

  .text img {
	width: 100%;
  }

  .home-reviews .swiper .news-item {
	padding: 1rem 2rem;
  }

  .home-reviews .swiper-button-prev, .home-reviews .swiper-button-next {
	display: none;
  }
}

@media (width <= 440px) {
  .actions {
    flex-direction: column;
    gap: 0.5rem;
    align-items: start;
  }
}