@media (max-width: 1399.98px) {
  .ta-service-detail .ta-service-detail__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .ta-service-detail .ta-service-detail__media {
    width: 100%;
    height: auto;
    aspect-ratio: 650 / 700;
  }
}

@media (max-width: 991.98px) {
  .ta-service-detail .ta-service-detail__layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "content"
      "media";
    gap: var(--ta-space-6);
    padding: var(--ta-space-6);
  }

  .ta-service-detail .ta-service-detail__media {
    max-width: var(--ta-service-detail-media-width);
    justify-self: center;
  }

  .ta-service-detail .ta-service-detail__gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .ta-service-detail {
    padding-block: var(--ta-section-padding-y-mobile);
  }

  .ta-service-detail .ta-service-detail__layout {
    gap: var(--ta-space-5);
    padding: var(--ta-space-5);
  }

  .ta-service-detail .ta-service-detail__gallery {
    margin-inline: var(--ta-space-5);
    padding-block: var(--ta-space-5);
  }

  .ta-service-detail .ta-service-detail__gallery-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ta-news-card-gap-mobile);
  }

  .ta-service-detail .ta-service-detail__title {
    font-size: var(--ta-type-section-title-size-mobile);
  }

  .ta-service-detail .ta-service-detail__description,
  .ta-service-detail .ta-service-detail__feature p {
    font-size: var(--ta-type-card-text-size-mobile);
  }

  .ta-service-detail .ta-service-detail__feature h3 {
    font-size: var(--ta-type-card-title-size-mobile);
  }
}