@media only screen and (max-width: 768px),
  only screen and (max-width: 768px) and (orientation: landscape),
  only screen and (min-width: 769px) and (max-width: 1080px),
  only screen and (max-width: 767px) {
  .membership-page-divider {
    z-index: -500;
  }

  .membership-page-section {
    padding-top: 2rem;
  }

  .packages-container {
    display: none;
  }

  .packages-container-mobile {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .platinum-filler,
  .gold-filler,
  .silver-filler {
    display: none;
  }

  .package-item-mobile-block {
    display: flex;
    width: 85vw;
  }

  .package-item {
    display: flex;
    flex-direction: column;
    width: 85vw;
  }

  .package-item-mobile-left {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    width: 40%;
    align-items: center;
  }

  .package-item-logo {
    width: 60px;
  }

  .package-item-header-container {
    display: flex;
    width: 85vw;
    align-items: center;
    justify-content: center;
  }

  .package-item-header {
    font-size: 1.35rem;
    font-weight: 600;
  }

  .description-price {
    font-weight: 600;
    line-height: 1.35rem;
  }

  .package-item-mobile-right {
    display: flex;
    flex-direction: column;
    width: 85vw;
    align-content: flex-start;
    align-items: flex-start;
  }

  .package-item-mobile-center {
    display: flex;
    font-size: 0.9rem;
    flex-direction: column;
    width: 60vw;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
    gap: 0.3rem;
  }

  .package-item-mobile-right-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

@media only screen and (max-width: 450px),
  only screen and (max-width: 450px) and (orientation: landscape) {
  .membership-page-section {
    padding-top: 1.5rem;
  }

  .membership-page-header-container {
    width: 85vw;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .membership-page-info-text {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .package-item-logo-container {
    display: flex;
    width: 85vw;
  }
  .package-item-logo {
    width: 40px;
  }

  .package-item-header {
    font-size: 1.3rem;
    font-weight: 600;
  }

  .package-item-description {
    font-size: 1rem;
    line-height: 1.65rem;
  }

  .description-price {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.1rem;
  }

  .page-button {
    font-size: 1rem;
    padding: 0.2rem 0.3rem;
  }

  .price-box-1 {
    margin-bottom: 2rem;
  }
}