@media (max-width: 768px) {



  .old-price {
    position: relative;
    display: inline-block;
    color: var(--color-text) !important;
    font-size: 4rem !important;
    font-weight: 900;
    margin-right: 1.5rem;
    vertical-align: top;
    margin-top: 1.2rem;
    opacity: 1;
    margin-left: 0;
  }

  .new-price {
    margin: 0;
    font-size: 5rem !important;
  }

  .new-price-currency {
    font-size: 1.5rem !important;
    margin-top: -5rem;
    margin-bottom: var(--space-2xl);
    display: inline-block;
  }

}

@media (max-width: 768px) {


  .mt-sm {
    margin-top: var(--space-sm);
  }

  .mt-md {
    margin-top: var(--space-md);
  }

  .mt-lg {
    margin-top: var(--space-md);
  }

  .mt-xl {
    margin-top: var(--space-lg);
  }

  .mt-2xl {
    margin-top: var(--space-xl);
  }


  .mt-4xl {
    margin-top: var(--space-2xl);
  }

  .mt-6xl {
    margin-top: var(--space-4xl);
  }

  .mb-sm {
    margin-bottom: var(--space-sm);
  }

  .mb-md {
    margin-bottom: var(--space-sm);
  }

  .mb-lg {
    margin-bottom: var(--space-md);
  }

  .mb-xl {
    margin-bottom: var(--space-lg);
  }

  .mb-2xl {
    margin-bottom: var(--space-xl);
  }

  section {
    padding: 0;
  }

  .text-center {
    padding: var(--space-lg) !important;
  }

  .card__content {
    padding: var(--space-lg) !important;
  }

  .card__background,
  .card__foreground {
    /* Reduce parallax effect on mobile for better performance */
    transform: none !important;
  }

  /* Owner Studio Card Images */
  .card__image-wrapper--owner-studio .card__background {

    margin: 0;
  }


  .card__image-wrapper--owner-studio .card__foreground {
    margin: 0;

  }

  .feature-image-fade-grayscale {
    width: calc(100% + var(--space-lg)*2);
    margin-left: calc(-1* var(--space-lg));
    margin-top: calc(-1* var(--space-lg));
    height: 250px;
    object-fit: cover;
    border-radius: var(--radius-md);
    margin-bottom: var(--space-md);
    opacity: .8;
    mix-blend-mode: color-dodge;
    mask-image: var(--small-mask-bottom-to-top);
    background-position: center bottom;
  }
}

@media (max-width: 768px) {



  section *:not(.card__label) .card__image .font-black,
  section.theme-light *:not(.card__label) .card__image .font-black {

    font-size: var(--text-2xl);

  }

  .card--feature {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .card--feature .card__content {
    padding: var(--space-sm) var(--space-lg);
    order: 2;
  }

  .card--feature .card__image,
  .card--feature.card--image-left .card__image {
    order: 1;
    min-height: 450px;
    min-width: 300px;
    border-radius: 0;
  }

  .card--feature .card__image img,
  .card--feature.card--image-left .card__image img {
    border-radius: 0;
  }

  .card--feature.card--image-left .card__content {
    order: 2;
  }

  .card__image .font-black {


    font-size: var(--text-5xl);

  }
}

@media (max-width: 768px) {
  .card--centered.card--feature {
    grid-template-columns: 1fr;
  }

  .card--centered.card--feature .card__image {
    min-height: 250px;
  }
}

@media (max-width: 768px) {
  .features__grid--three-col {
    grid-template-columns: 1fr;
  }

  .features__grid--three-col .card--feature .card__image {
    height: 200px;
    min-height: 200px;
  }
}

@media (max-width: 1200px) {
  .features__grid--four-col {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .features__grid--four-col {
    grid-template-columns: repeat(2, 1fr);
  }

  .features__grid--four-col .card--feature .card__image {
    height: 140px;
    min-height: 140px;
  }
}

@media (max-width: 768px) {
  .features__grid--four-col {
    grid-template-columns: 1fr;
  }

  .features__grid--four-col .card--feature .card__image {
    height: 200px;
    min-height: 200px;
  }
}

@media (max-width: 992px) {
  .features__grid--four-col {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .features__grid--four-col {
    grid-template-columns: 1fr;
  }
}