@media (min-width: 640px) {
    .support-strip__grid,
    .reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wp-features__grid,
    .wp-alternatives__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .logo-cloud__track {
        gap: 36px;
    }
}

@media (min-width: 760px) {
    .grid-2,
    .plans-grid,
    .footer-grid,
    .home-products__grid,
    .highlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-hero__grid,
    .story-row,
    .growth-grid,
    .ops-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wp-hero__grid,
    .wp-featured__grid,
    .wp-story__grid,
    .subpage-hero__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wp-pricing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .comparison-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-cta__box {
        min-height: 170px;
    }
}

@media (min-width: 980px) {
    .desktop-nav {
        display: flex;
    }

    .nav-phone,
    .nav-link-button {
        display: inline-flex;
    }

    .menu-toggle {
        display: none;
    }

    .mobile-menu {
        display: none !important;
    }

    .grid-3,
    .plans-grid,
    .reviews-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .support-strip__grid {
        grid-template-columns: 1.18fr repeat(4, minmax(0, 1fr));
    }

    .home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-products__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .highlight-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .wp-pricing__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wp-features__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .wp-detail-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .comparison-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wp-alternatives__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .reviews-carousel__track {
        grid-auto-columns: calc((100% - (var(--space-4) * 2)) / 3);
    }

    .footer-grid--site {
        grid-template-columns: 1fr 1.15fr 1.1fr 1.3fr;
    }

    .wp-hero__grid {
        grid-template-columns: minmax(0, 1.32fr) minmax(280px, 0.68fr);
    }

    .subpage-hero__grid {
        grid-template-columns: minmax(0, 1.18fr) minmax(260px, 0.82fr);
    }

    .wp-featured__grid {
        grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1.18fr);
    }

    .wp-featured__visual {
        position: sticky;
        top: 132px;
    }

    .story-row--reverse .story-visual {
        order: 2;
    }

    .story-row--reverse .story-copy {
        order: 1;
    }

    .growth-grid {
        grid-template-columns: minmax(0, 1.38fr) minmax(260px, 0.62fr);
    }

    .ops-visual {
        position: sticky;
        top: 132px;
    }
}

@media (min-width: 1280px) {
    .nav-phone span:last-child {
        white-space: nowrap;
    }
}

@media (max-width: 1439px) {
    .nav-phone span:last-child {
        display: none;
    }
}

@media (max-width: 1279px) {
    .nav-link-button span:last-child {
        display: none;
    }

    .nav-link-button {
        padding-left: 12px;
    }

    .desktop-nav ul {
        gap: 16px;
    }
}

@media (max-width: 1139px) {
    .nav-phone {
        display: none;
    }
}

@media (max-width: 979px) {
    .nav-wrap {
        min-height: 78px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
    }

    .brand img {
        width: min(220px, 100%);
    }

    .jsp-hero .wp-hero__grid,
    .jsp-story .wp-story__grid {
        grid-template-columns: 1fr;
    }

    .jsp-hero .wp-hero__visual,
    .jsp-story .wp-story__visual {
        justify-content: center;
    }

    .jsp-story .wp-story__visual--compact img {
        margin-inline: auto;
    }

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

@media (max-width: 759px) {
    .topbar__inner,
    .footer-cta__box,
    .footer-bottom__row {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .domain-search {
        flex-direction: column;
    }

    .home-hero__actions {
        align-items: flex-start;
    }

    .footer-bottom__row {
        padding: 14px 0;
    }

    .footer-policy-links {
        justify-content: center;
    }

    .story-visual__badge--review {
        left: 10px;
        top: 10px;
    }

    .reviews-carousel {
        grid-template-columns: 1fr;
    }

    .reviews-carousel__control {
        display: none;
    }
}

@media (max-width: 639px) {
    .topbar__button {
        width: 100%;
        max-width: 220px;
    }

    .topbar__inner {
        min-height: 84px;
        padding: 14px 0;
        flex-direction: column;
    }

    .support-card,
    .home-promo-card,
    .product-card,
    .highlight-card,
    .ops-card,
    .review-card {
        min-height: auto;
    }

    .support-strip__grid {
        grid-template-columns: 1fr;
    }

    .logo-cloud__track {
        gap: 20px;
    }

    .logo-cloud__item {
        min-width: 84px;
    }

    .wp-plan {
        padding-inline: 20px;
    }

    .jsp-hero .wp-hero__grid {
        grid-template-columns: 50% 50%;
        min-height: auto;
        gap: 0;
    }

    .jsp-hero__content {
        max-width: 100%;
    }

    .jsp-hero h1 {
        font-size: 38px;
    }

    .jsp-pricing__tabs {
        width: 100%;
        justify-content: center;
        gap: 6px;
        padding: 6px;
        border-radius: 24px;
    }

    .jsp-pricing__tab {
        min-width: 0;
        flex: 1 1 calc(33.333% - 6px);
        padding: 13px 8px;
        font-size: 0.78rem;
    }

    .jsp-pricing__grid--spaced {
        padding-top: 28px;
    }

    .jsp-plan {
        padding: 1.5rem 1.25rem 1.6rem;
    }

    .jsp-plan__heading {
        margin-bottom: 28px;
    }

    .jsp-plan h3 {
        font-size: 1.25rem;
    }

    .jsp-plan .wp-plan__price strong {
        font-size: 2rem;
    }

    .jsp-story {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .jsp-detail-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .wp-pricing__intro {
        width: 100%;
    }

    .wp-featured-item {
        grid-template-columns: 1fr;
    }

    .wp-featured-item__icon {
        margin-bottom: 4px;
    }

    .whatsapp-float {
        left: 12px;
        right: 12px;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .jsp-hero {
        padding: 1em 0 3em;
    }

    .jsp-hero .wp-hero__grid {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .jsp-hero .wp-hero__content {
        padding: 1em;
    }

    .jsp-hero__content {
        text-align: center;
    }

    .jsp-hero h1 {
        font-size: 30px;
        letter-spacing: 0.5px;
    }

    .jsp-hero .wp-hero__visual img {
        width: min(100%, 280px);
    }

    .jsp-intro {
        padding-top: 20px;
    }

    .jsp-intro__heading h2,
    .jsp-features .section-heading h2 {
        font-size: 28px;
    }

    .jsp-pricing__tabs-shell {
        margin-bottom: 0;
    }

    .jsp-story .wp-story__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .jsp-story__visual {
        padding: 1em 2em 2em 1em;
    }

    .jsp-story .wp-story__visual--compact img {
        height: 221px;
    }

    .jsp-story__copy {
        padding: 1em;
    }

    .jsp-story h2 {
        font-size: 28px;
        line-height: 1.2em;
        text-align: center;
    }
}

@media (max-width: 1024px) {
    .domain-register-hero__grid,
    .pk-domain-hero__grid,
    .pk-windows-story__grid,
    .unlimited-story__grid,
    .unlimited-unique__grid,
    .reseller-hero__grid,
    .reseller-story__grid,
    .reseller-split {
        grid-template-columns: 1fr;
    }

    .pk-domain-levels__grid {
        grid-template-columns: 1fr;
    }

    .domain-guide__grid,
    .domain-addons__grid,
    .reseller-detail-grid,
    .reseller-feature-grid,
    .reseller-check-grid,
    .reseller-addon-grid,
    .reseller-addon-layout {
        grid-template-columns: 1fr;
    }

    .reseller-plan-grid--four,
    .reseller-plan-grid--six,
    .reseller-plan-grid--linux-top,
    .reseller-plan-grid--linux-bottom,
    .reseller-platforms {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .domain-story__grid,
    .domain-story__grid--reverse,
    .domain-addons__layout {
        grid-template-columns: 1fr;
    }

    .domain-story__copy,
    .domain-addons__layout {
        padding: 2em;
    }

    .pk-domain-plan-grid,
    .pk-windows-alternatives__grid,
    .unlimited-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pk-domain-plan-grid--spaced,
    .unlimited-plan-grid--spaced,
    .unlimited-plan-grid.unlimited-plan-grid--spaced {
        padding-top: 42px;
    }

    .pk-domain-story__grid,
    .pk-domain-story__grid--reverse {
        grid-template-columns: 1fr;
    }

    .pk-domain-story__copy--padded,
    .pk-windows-story__copy--padded,
    .pk-windows-story__copy--left,
    .unlimited-story__copy--left,
    .unlimited-story__copy--right,
    .unlimited-unique__copy {
        padding: 2em;
    }

    .pk-domain-story__visual img {
        width: 71%;
    }

    .pk-domain-story__visual--center img {
        width: 63%;
    }

    .pk-windows-story__visual img,
    .unlimited-story--first .unlimited-story__visual img,
    .unlimited-story--second .unlimited-story__visual img {
        width: 100%;
    }

    .unlimited-hero__visual img {
        width: 93%;
    }
}

@media (max-width: 767px) {
    .domain-register-hero {
        padding: 1em 0 3em;
    }

    .domain-register-hero__grid {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .domain-register-hero__content {
        padding: 1em;
        text-align: center;
    }

    .domain-register-hero__content h1 {
        font-size: 21px;
        line-height: 1.2em;
    }

    .domain-register-hero__visual img {
        width: 79%;
        max-width: 320px;
    }

    .domain-search-panel__card {
        margin-top: -34px;
        margin-bottom: 20px;
        padding: 10px 16px 18px;
    }

    .domain-search-panel__card h2,
    .domain-guide__heading h2,
    .domain-addons__heading h2,
    .domain-register-faq .section-heading h2 {
        font-size: 22px;
        line-height: 1.2em;
    }

    .domain-search-panel__form {
        grid-template-columns: 1fr;
    }

    .domain-guide-card {
        min-height: auto;
        padding: 20px 18px;
    }

    .domain-story {
        padding: 0;
    }

    .domain-story__visual {
        padding: 1em 2em 2em 1em;
    }

    .domain-story__visual img,
    .domain-addons__visual img {
        height: 275px;
    }

    .domain-story__copy {
        padding: 1em;
    }

    .domain-story__copy h2 {
        font-size: 27px;
        line-height: 1.2em;
    }

    .domain-addons__layout {
        padding: 0;
    }

    .domain-addon-card {
        grid-template-columns: 1fr;
    }

    .pk-domain-hero,
    .unlimited-hero,
    .reseller-hero {
        padding: 1em 0 3em;
    }

    .pk-domain-hero__grid,
    .unlimited-hero__grid,
    .reseller-hero__grid {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .pk-domain-hero__content,
    .unlimited-hero__content,
    .reseller-hero__content {
        padding: 1em;
        text-align: center;
    }

    .pk-domain-hero__content h1 {
        font-size: 30px;
        line-height: 1.2em;
    }

    .unlimited-hero__content h1 {
        font-size: 39px;
    }

    .reseller-hero__content h1 {
        font-size: 30px;
        line-height: 1.2em;
    }

    .reseller-hero__eyebrow {
        font-size: 22px;
    }

    .reseller-plan-grid--four,
    .reseller-plan-grid--six,
    .reseller-plan-grid--linux-top,
    .reseller-plan-grid--linux-bottom,
    .reseller-platforms {
        grid-template-columns: 1fr;
    }

    .reseller-platforms--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reseller-feature-grid,
    .reseller-check-grid,
    .reseller-addon-grid,
    .reseller-split {
        grid-template-columns: 1fr;
    }

    .reseller-plan h3 {
        font-size: 1.7rem;
    }

    .reseller-section--plans-linux .reseller-plan h3 {
        font-size: 20px;
        white-space: normal;
    }

    .reseller-plan__price strong {
        font-size: 2.2rem;
    }

    .reseller-story__copy h2 {
        font-size: 28px;
        line-height: 1.2em;
    }

    .reseller-split__cards {
        margin-top: 0;
    }

    .reseller-story__grid--business .reseller-story__copy,
    .reseller-story__grid--migration .reseller-story__copy {
        padding: 1em;
    }

    .reseller-story__visual--business img,
    .reseller-story__visual--migration img {
        width: 100%;
        height: 200px;
    }

    .reseller-addon-nav__item {
        padding-left: 18px;
    }

    .reseller-addon-panel__image {
        max-width: 100%;
    }

    .pk-domain-intro__heading h2,
    .pk-domain-faq__heading h2,
    .pk-windows-story__copy h2,
    .pk-domain-story__copy h2 {
        font-size: 28px;
        line-height: 1.2em;
    }

    .pk-domain-levels {
        padding: 42px 0 48px;
    }

    .pk-domain-levels__container {
        width: min(92%, 760px);
    }

    .pk-domain-levels__intro {
        margin-bottom: 28px;
    }

    .pk-domain-level-card {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 18px;
    }

    .pk-domain-level-card__icon {
        width: 56px;
        height: 56px;
        font-size: 2.35rem;
    }

    .pk-domain-level-card__copy h3 {
        font-size: 22px;
    }

    .pk-domain-plan-grid,
    .pk-windows-alternatives__grid,
    .unlimited-plan-grid {
        grid-template-columns: 1fr;
    }

    .pk-domain-plan-grid--spaced,
    .unlimited-plan-grid--spaced,
    .unlimited-plan-grid.unlimited-plan-grid--spaced {
        padding-top: 34px;
    }

    .pk-domain-story__visual img {
        width: 100%;
        height: 275px;
    }

    .pk-domain-story__visual--center img {
        width: 89%;
        height: 275px;
    }

    .pk-domain-story__copy--padded,
    .pk-windows-story__copy--padded,
    .pk-windows-story__copy--left,
    .unlimited-story__copy--left,
    .unlimited-story__copy--right,
    .unlimited-unique__copy {
        padding: 1em;
    }

    .pk-windows-story__visual img,
    .unlimited-story--first .unlimited-story__visual img,
    .unlimited-story--second .unlimited-story__visual img,
    .unlimited-unique__visual img {
        height: 200px;
    }

    .pk-windows-story__visual img,
    .unlimited-story__visual img,
    .unlimited-unique__visual img {
        width: 100%;
    }

    .unlimited-intro__heading h2 {
        font-size: 28px;
        line-height: 1.2em;
    }

    .unlimited-pricing__tab {
        min-width: 0;
        flex: 1 1 calc(33.333% - 6px);
    }

    .unlimited-story__copy h2,
    .unlimited-unique__copy h2 {
        font-size: 32px;
        line-height: 1.2em;
    }

    .unlimited-tech-carousel__items {
        gap: 20px;
    }

    .unlimited-tech-carousel__item {
        min-width: 88px;
    }
}

@media (min-width: 980px) {
    .vps-hero__grid {
        grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
    }
}

@media (max-width: 1024px) {
    .vps-hero__grid,
    .vps-story__grid,
    .vps-includes__grid,
    .dedicated-live-hero__grid,
    .dedicated-support__grid,
    .comparison-hero__grid,
    .vps-story-row {
        grid-template-columns: 1fr;
    }

    .vps-plan-grid--four,
    .vps-plan-grid--five,
    .vps-plan-grid--three,
    .vps-reasons__grid,
    .vps-feature-grid,
    .dedicated-plan-grid,
    .dedicated-spec-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dedicated-live-location-links,
    .dedicated-live-group-links {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {

    .vps-hero,
    .comparison-hero,
    .dedicated-live-hero {
        padding: 1em 0 3em;
    }

    .vps-hero__grid,
    .comparison-hero__grid,
    .dedicated-live-hero__grid {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .vps-hero__content,
    .comparison-hero__content,
    .dedicated-live-hero__content {
        padding: 1em;
        text-align: center;
    }

    .vps-hero__content h1,
    .comparison-hero__content h1,
    .dedicated-live-hero__content h1 {
        font-size: 30px;
        line-height: 1.2em;
    }

    .vps-hero__content h2 {
        font-size: 22px;
    }

    .vps-plan-grid--four,
    .vps-plan-grid--five,
    .vps-plan-grid--three,
    .vps-reasons__grid,
    .vps-feature-grid,
    .dedicated-plan-grid,
    .dedicated-spec-grid,
    .comparison-reasons__stack {
        grid-template-columns: 1fr;
    }

    .comparison-intro__container {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .comparison-intro__container p {
        font-size: 22px;
        line-height: 1.5;
    }

    .comparison-lead {
        padding: 36px 0 18px;
    }

    .comparison-reason-row {
        grid-template-columns: 1fr;
        padding: 24px 20px;
        text-align: center;
    }

    .comparison-reason-row__number {
        font-size: 42px;
    }

    .comparison-reason-row__body h3 {
        font-size: 24px;
    }

    .comparison-reason-row__body p,
    .comparison-close__sales,
    .comparison-close__disclaimer p {
        font-size: 15px;
        line-height: 1.7;
    }

    .vps-story__copy h2,
    .dedicated-support__copy h2 {
        font-size: 28px;
        line-height: 1.2em;
    }

    .vps-hero__image-main {
        width: min(100%, 320px);
    }

    .vps-hero__image-side {
        right: 12px;
        bottom: 12px;
        width: 110px;
    }

    .vps-switcher {
        gap: 10px;
    }

    .vps-switcher__link {
        width: 100%;
        justify-content: center;
        padding: 12px 18px;
    }

    .dedicated-live-location-links,
    .dedicated-live-group-links {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dedicated-live-band {
        padding-bottom: 30px;
    }

    .dedicated-live-location-links__item,
    .dedicated-live-group-links__item {
        width: 100%;
    }

    .dedicated-cycle-tabs {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .dedicated-cycle-tabs__button {
        min-width: 0;
        flex: 1 1 140px;
    }

    .vps-live-hero {
        padding: 1em 0 3em;
    }

    .vps-live-hero__grid,
    .vps-live-story__grid,
    .vps-live-managed__row {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .vps-live-hero__content {
        padding: 1em;
        text-align: center;
    }

    .vps-live-hero__content h1 {
        font-size: 30px;
        line-height: 1.2em;
    }

    .vps-live-hero__visual img {
        width: 100%;
        max-width: 320px;
    }

    .vps-live-intro {
        padding: 50px 0 0;
    }

    .vps-live-intro__heading h2 {
        font-size: 28px;
        line-height: 1.2em;
    }

    .vps-live-switcher {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .vps-live-row__summary {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .vps-live-row__price {
        text-align: center;
    }

    .vps-live-row__features li {
        width: 100%;
        padding: 10px 14px;
        text-align: center;
    }

    .vps-live-row__details-grid,
    .vps-live-reasons__grid,
    .vps-live-scripts__grid {
        grid-template-columns: 1fr;
    }

    .vps-live-story__copy,
    .vps-live-managed__copy {
        padding: 1em;
    }

    .vps-live-story__copy h2,
    .vps-live-managed__copy h3,
    .vps-live-reasons__heading h2 {
        font-size: 28px;
        line-height: 1.2em;
    }

    .vps-live-story__visual-frame {
        padding: 2em 2em 0 0;
    }

    .vps-live-story__visual img {
        height: 200px;
    }

    .vps-live-managed__visual img {
        max-width: 88%;
    }

    .windows-vps-hero__content h2 {
        font-size: 32px;
        line-height: 1.2em;
        text-align: center;
    }

    .windows-vps-hero__main {
        width: 81% !important;
    }

    .windows-vps-hero__badge {
        width: 98% !important;
    }

    .windows-vps-intro .vps-live-intro__heading h2,
    .windows-vps-feature-intro__heading h2,
    .windows-vps-includes-heading h2 {
        font-size: 32px;
        line-height: 1.2em;
    }

    .windows-vps-story .vps-live-story__visual img {
        width: 81%;
        height: 200px;
    }

    .windows-vps-managed__heading h2:first-child,
    .windows-vps-managed__heading h2:last-child {
        font-size: 32px;
        line-height: 1.2em;
    }

    .windows-vps-managed__row {
        grid-template-columns: 1fr;
    }

    .windows-vps-managed__copy {
        padding: 1em;
        text-align: center;
    }

    .windows-vps-managed__copy h3 {
        font-size: 26px;
    }

    .windows-vps-managed__row:nth-child(1) .windows-vps-managed__visual img,
    .windows-vps-managed__row:nth-child(2) .windows-vps-managed__visual img,
    .windows-vps-managed__row:nth-child(3) .windows-vps-managed__visual img,
    .windows-vps-managed__row:nth-child(4) .windows-vps-managed__visual img {
        width: 81%;
        height: 200px;
    }

    .windows-vps-story__copy h2 {
        font-size: 33px;
        line-height: 1.2em;
    }

    .windows-vps-feature-grid__items {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .windows-vps-feature-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .windows-vps-includes {
        padding-top: 16px;
    }

    .windows-vps-includes__list li {
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .windows-vps-hero__grid {
        grid-template-columns: 50% 50%;
    }

    .windows-vps-feature-grid__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .windows-vps-story__copy {
        padding: 2em;
    }

    .windows-vps-story .vps-live-story__visual img {
        width: 88%;
        height: 260px;
    }

    .windows-vps-managed__copy {
        padding: 2em;
    }

    .windows-vps-managed__row {
        grid-template-columns: 1fr;
    }

    .windows-vps-managed__row:nth-child(1) .windows-vps-managed__visual img,
    .windows-vps-managed__row:nth-child(2) .windows-vps-managed__visual img,
    .windows-vps-managed__row:nth-child(3) .windows-vps-managed__visual img,
    .windows-vps-managed__row:nth-child(4) .windows-vps-managed__visual img {
        width: 88%;
        height: 260px;
    }

    .windows-vps-includes__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .vps-live-hero__grid {
        grid-template-columns: 50% 50%;
        padding: 2em;
    }

    .vps-live-hero__visual img {
        width: 100%;
    }

    .vps-live-row__summary {
        grid-template-columns: 1fr 1fr;
    }

    .vps-live-row__features {
        grid-column: 1 / -1;
    }

    .vps-live-row__actions {
        grid-column: 1 / -1;
        max-width: 240px;
        margin: 0 auto;
        align-items: center;
        padding-right: 0;
    }

    .vps-live-story__grid,
    .vps-live-managed__row {
        grid-template-columns: 1fr;
    }

    .vps-live-story__copy,
    .vps-live-managed__copy {
        padding: 2em;
    }

    .vps-live-story__visual img {
        width: 59%;
    }

    .vps-live-scripts__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .vps-live-managed__copy h3 {
        font-size: 28px;
    }

    .vps-live-managed__visual img {
        max-width: 74%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .vps-live-row__details-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 639px) {
    .vps-live-scripts__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .webdesign-live-hero__grid,
    .webdesign-metrics__grid,
    .webdesign-story__row,
    .webdesign-story__row--reverse,
    .domain-reseller-brand__grid,
    .domain-reseller-panel__grid,
    .seo-live-story__grid,
    .seo-live-guarantee__grid,
    .design-showcase__grid,
    .portfolio-showcase__grid,
    .va-hero__grid,
    .va-story__grid,
    .offer-hero__grid,
    .offer-callback__grid {
        grid-template-columns: 1fr;
    }

    .domain-reseller-features__grid,
    .domain-reseller-addons__grid,
    .domain-reseller-quick__grid,
    .domain-reseller-facilities__grid,
    .seo-live-pricing__grid,
    .seo-live-form__grid,
    .va-services__grid,
    .offer-gallery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seo-live-process__grid,
    .seo-live-points__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .offer-includes__grid {
        grid-template-columns: 1fr;
    }

    .design-showcase-closing-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .webdesign-live-hero {
        padding: 0 10px;
    }

    .webdesign-live-hero__copy {
        padding: 1em;
        text-align: center;
    }

    .webdesign-live-hero__copy h1 {
        font-size: 23px;
        line-height: 1.2;
    }

    .webdesign-live-hero__copy p {
        font-size: 15px;
    }

    .webdesign-live-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .webdesign-live-hero__visual img {
        width: 78%;
    }

    .webdesign-template-section {
        padding: 1em 0;
    }

    .webdesign-template-section__heading h2 {
        font-size: 26px;
    }

    .webdesign-template-section__heading p {
        padding: 0;
        font-size: 15px;
    }

    .native-page--web-design .native-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(100%, calc(100% - 32px));
        gap: 10px;
    }

    .native-page--web-design .native-template-grid {
        width: min(100%, calc(100% - 32px));
    }

    .native-page--web-design .native-tab {
        min-width: 0;
        min-height: 50px;
        font-size: 14px;
        padding: 10px 12px;
    }

    .webdesign-metrics {
        padding: 10% 5%;
    }

    .webdesign-metrics__intro {
        padding-right: 0;
        text-align: center;
    }

    .webdesign-metrics__intro h2 {
        font-size: 27px;
    }

    .webdesign-metrics__cards {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .webdesign-metric-card__line {
        width: 100%;
    }

    .webdesign-metric-card__number {
        font-size: 70px;
    }

    .webdesign-metric-card h3 {
        margin-bottom: 22px;
        font-size: 20px;
    }

    .webdesign-metric-card p {
        font-size: 16px;
    }

    .webdesign-story__copy {
        padding: 2em;
    }

    .webdesign-story__copy h2 {
        font-size: 30px;
        line-height: 37px;
    }

    .webdesign-story__copy p {
        font-size: 15px;
    }

    .webdesign-story__image {
        padding: 0;
    }

    .webdesign-story__image img {
        width: 100%;
        height: 200px;
    }

    .domain-matrix-shell {
        padding: 16px;
    }

    .domain-matrix-shell .whmp_domain_search_container,
    .domain-matrix-shell .whmp_domain_special_toggle_container,
    .domain-matrix-shell .whmp_domain_type_toggle_container {
        align-items: flex-start;
    }

    .domain-reseller-features__grid,
    .domain-reseller-addons__grid,
    .domain-reseller-quick__grid,
    .domain-reseller-facilities__grid,
    .seo-live-pricing__grid,
    .seo-live-process__grid,
    .seo-live-points__cards,
    .seo-live-form__grid,
    .design-showcase__grid,
    .portfolio-showcase__grid,
    .va-services__grid,
    .offer-gallery__grid {
        grid-template-columns: 1fr;
    }

    .seo-live-story__list li,
    .seo-live-story__note,
    .seo-live-guarantee__list li {
        text-align: left;
    }

    .seo-live-story {
        padding: 42px 0;
    }

    .domain-reseller-intro,
    .domain-reseller-panel,
    .domain-reseller-quick,
    .domain-reseller-facilities {
        padding-left: 0;
        padding-right: 0;
    }

    .domain-reseller-intro h2,
    .domain-reseller-facilities h2 {
        text-align: center;
        font-size: 30px;
    }

    .domain-reseller-panel__copy {
        text-align: center;
        padding: 0 10px;
    }

    .domain-reseller-panel__visual img {
        width: min(93%, 287px);
    }

    .domain-reseller-quick__item {
        justify-content: center;
        text-align: left;
    }

    .seo-live-story__grid {
        gap: 26px;
    }

    .seo-live-guarantee {
        padding: 42px 0 48px;
    }

    .seo-live-guarantee__grid {
        gap: 24px;
    }

    .seo-live-hero__actions {
        display: flex;
        justify-content: center;
    }

    .seo-live-hero .comparison-hero__grid {
        gap: 18px;
    }

    .seo-live-hero .comparison-hero__content {
        padding: 1em;
        text-align: center;
    }

    .seo-live-hero .comparison-hero__content h1 {
        font-size: 26px;
        line-height: 1.2em;
    }

    .seo-live-hero__summary {
        text-align: center;
    }

    .seo-live-hero .comparison-hero__visual img {
        width: 71%;
    }

    .va-hero,
    .offer-hero {
        padding: 1em 0 3em;
    }

    .va-hero__content,
    .offer-hero__content,
    .offer-callback__copy,
    .va-story__copy {
        text-align: center;
    }

    .va-hero__actions,
    .offer-callback__actions,
    .seo-live-cta__actions {
        justify-content: center;
    }

    .va-cta__box,
    .offer-about__overlay {
        padding: 24px;
    }
}



@media (min-width: 768px) and (max-width: 1024px) {
    .seo-live-hero {
        padding: 2em 2em 2em 2em;
    }

    .seo-live-hero .comparison-hero__content {
        padding: 1em;
    }

    .seo-live-hero .comparison-hero__content h1 {
        font-size: 26px;
        line-height: 1.2em;
    }

    .seo-live-hero .comparison-hero__visual img {
        width: 100%;
    }

    .seo-live-pricing .section-heading--center h2,
    .seo-live-process .section-heading--center h2,
    .seo-live-points .section-heading--center h2 {
        font-size: 32px;
    }

    .seo-live-points__cards {
        gap: 20px;
        padding: 5% 2%;
    }

    .seo-live-point strong {
        font-size: 40px;
    }

    .seo-live-point h3 {
        font-size: 24px;
    }

    .seo-live-pricing__card li,
    .seo-live-process__text,
    .seo-live-story__content p,
    .seo-live-story__list span,
    .seo-live-story__note span,
    .seo-live-guarantee__list li {
        font-size: 16px;
    }

    .seo-live-story h3,
    .seo-live-guarantee h3 {
        font-size: 34px;
    }
}
@media (max-width: 991.98px) {
    .native-domain-hero {
        padding: 2em;
    }

    .native-domain-hero__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .native-domain-hero__content {
        text-align: center;
    }

    .native-domain-hero__content p {
        margin-inline: auto;
    }

    .native-domain-hero__visual img {
        width: min(97%, 500px);
    }

    .native-domain-matrix {
        padding: 18px 0 0;
    }

    .native-domain-matrix__search-row {
        width: 100%;
    }

    .native-domain-matrix__filters .native-domain-matrix__filter-group:first-child {
        position: static;
        top: auto;
        right: auto;
    }
}

@media (max-width: 575.98px) {
    .native-domain-hero {
        padding: 3em 0;
    }

    .native-domain-hero__content h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .native-domain-matrix__search-row input[type="search"] {
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .native-domain-matrix__search-row,
    .native-domain-matrix__filter-group {
        align-items: flex-start;
    }

    .native-domain-table thead th,
    .native-domain-table tbody td {
        padding-inline: 14px;
    }
}

@media (max-width: 1024px) {
    .native-hero__grid,
    .native-split,
    .ssl-feature-tabs,
    .ssl-feature-tabs__panel {
        grid-template-columns: 1fr;
    }

    .native-grid--4,
    .native-grid--3,
    .native-template-grid,
    .native-portfolio-grid,
    .native-service-pill-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .native-hero,
    .native-section,
    .va-statement {
        padding-block: 44px;
    }

    .portfolio-live-hero__grid,
    .portfolio-service-grid,
    .portfolio-service-grid--reverse,
    .portfolio-contact-section__grid,
    .email-directory-hero__grid,
    .email-directory-split {
        grid-template-columns: 1fr;
    }

    .portfolio-service-grid--reverse .portfolio-service-copy {
        order: 0;
    }

    .portfolio-client-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portfolio-contact-section__details {
        padding-top: 0;
    }

    .portfolio-contact-form__grid {
        grid-template-columns: 1fr;
    }

    .email-directory-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .va-live-hero {
        padding: 42px 0 24px;
    }

    .va-live-hero__grid,
    .va-live-story__row,
    .va-live-story__row--reverse {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .va-live-hero__copy,
    .va-live-story__copy,
    .va-live-story__row--reverse .va-live-story__copy {
        padding: 0;
    }

    .va-live-hero__eyebrow {
        font-size: 22px;
    }

    .va-live-hero h1 {
        font-size: 29px;
        line-height: 1.25;
    }

    .va-live-hero__accent {
        font-size: 30px;
    }

    .va-live-hero__copy p,
    .va-live-services-intro p,
    .va-live-story__copy p {
        font-size: 15px;
    }

    .va-live-hero__visual {
        justify-self: center;
    }

    .va-live-hero__visual img {
        width: 72%;
    }

    .va-live-statement p {
        padding: 28px 24px;
        font-size: 24px;
    }

    .va-live-services-intro {
        padding: 40px 0 34px;
    }

    .va-live-services-intro h2 {
        font-size: 35px;
        line-height: 1.15;
    }

    .va-live-services-intro p {
        padding: 0 24px;
        line-height: 1.65;
    }

    .va-live-service-grid,
    .va-live-form__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .va-live-service-card h4 {
        font-size: 15px;
    }

    .va-live-form-shell h2 {
        font-size: 24px;
    }

    .va-live-form-shell > p {
        font-size: 17px;
    }

    .va-live-checklist {
        grid-template-columns: 1fr;
    }

    .va-live-hero__actions,
    .va-live-hero__portfolio-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .va-live-story {
        padding-top: 24px;
    }
}

@media (max-width: 767px) {
    .native-hero__grid,
    .native-split {
        gap: 26px;
    }

    .native-hero h1,
    .va-landing-hero h1 {
        font-size: 32px;
    }

    .native-hero__lead,
    .native-split p,
    .native-rich p,
    .va-landing-hero p {
        font-size: 16px;
    }

    .native-grid--4,
    .native-grid--3,
    .native-grid--2,
    .native-template-grid,
    .native-portfolio-grid,
    .native-service-pill-grid {
        grid-template-columns: 1fr;
    }

    .native-search {
        grid-template-columns: 1fr;
    }

    .native-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .native-tab {
        min-width: 0;
        min-height: 48px;
        font-size: 15px;
        padding: 10px 12px;
    }

    .native-template-card__bar,
    .native-portfolio-card__bar {
        min-height: 60px;
        padding: 12px 18px;
    }

    .native-template-card__bar h3,
    .native-portfolio-card__bar h3 {
        font-size: 20px;
    }

    .native-modal {
        padding: 8px;
    }

    .native-modal__dialog {
        width: 96vw;
        height: 86vh;
    }

    .native-modal__close {
        top: -18px;
        right: -6px;
        width: 42px;
        height: 42px;
        font-size: 34px;
    }

    .va-landing-hero__links {
        gap: 12px;
    }

    .va-statement p {
        font-size: 27px;
    }

    .va-live-hero {
        padding: 18px 0 34px;
    }

    .va-live-hero__eyebrow {
        font-size: 28px;
        line-height: 1.25;
    }

    .va-live-hero h1 {
        font-size: 27px;
        line-height: 1.2;
        text-align: center;
    }

    .va-live-hero__accent {
        font-size: 26px;
        text-align: center;
    }

    .va-live-hero__copy {
        text-align: center;
    }

    .va-live-hero__copy p {
        margin-inline: auto;
        font-size: 16px;
    }

    .va-live-hero__actions,
    .va-live-hero__portfolio-row,
    .va-live-hero__portfolio-row--single {
        justify-content: center;
        flex-wrap: wrap;
    }

    .va-live-btn--primary,
    .va-live-btn--secondary,
    .va-live-btn--whatsapp {
        width: 100%;
    }

    .va-live-hero__visual img {
        width: 75%;
    }

    .va-live-hero__portfolio-links {
        width: 100%;
    }

    .va-live-btn--small {
        width: 100%;
    }

    .va-live-statement p {
        padding: 10px;
        font-size: 20px;
    }

    .va-live-services-intro h2 {
        font-size: 31px;
        line-height: 1.1;
    }

    .va-live-services-intro p {
        padding: 0 10px;
        font-size: 16px;
        line-height: 1.5;
    }

    .va-live-service-group__heading h3 {
        font-size: 28px;
    }

    .va-live-service-grid,
    .va-live-form__grid {
        grid-template-columns: 1fr;
    }

    .va-live-service-card {
        min-height: 92px;
    }

    .va-live-service-card h4 {
        font-size: 16px;
    }

    .va-live-cta h2 {
        font-size: 28px;
    }

    .va-live-form-shell h2 {
        font-size: 22px;
    }

    .va-live-form-shell > p {
        font-size: 16px;
    }

    .va-live-form select[multiple] {
        min-height: 180px;
    }

    .va-live-story__copy h3 {
        font-size: 24px;
    }

    .va-live-story__copy p {
        font-size: 14px;
    }

    .ssl-feature-tabs__panel {
        padding: 22px;
    }

    .portfolio-live-hero {
        padding: 34px 0;
    }

    .portfolio-live-hero__grid {
        gap: 28px;
    }

    .portfolio-live-hero__copy h1,
    .portfolio-client-heading h2,
    .portfolio-service-kicker,
    .portfolio-service-copy h2,
    .portfolio-contact-section h2 {
        font-size: 30px;
    }

    .portfolio-client-heading p,
    .portfolio-contact-section__heading p {
        font-size: 17px;
    }

    .portfolio-live-hero__copy p,
    .portfolio-service-copy p {
        font-size: 16px;
    }

    .portfolio-client-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .portfolio-client-card__bar h3 {
        font-size: 19px;
    }

    .portfolio-contact-section {
        padding: 44px 0 56px;
    }

    .portfolio-contact-section__form-wrap {
        padding: 22px 18px;
    }

    .portfolio-contact-form__submit {
        width: 100%;
    }

    .email-directory-hero h1,
    .email-directory-intro h2,
    .email-directory-additions h2 {
        font-size: 30px;
    }

    .email-directory-hero p,
    .email-directory-intro p,
    .email-directory-additions p,
    .email-directory-note p {
        font-size: 16px;
    }

    .email-directory-feature-grid {
        grid-template-columns: 1fr;
    }

    .business-email-heading--primary h2,
    .business-email-heading--secondary h2,
    .business-email-heading--faq h2 {
        font-size: 27px;
        line-height: 1.2;
    }

    .business-email-heading--secondary h6 {
        font-size: 18px;
    }

    .business-email-alert {
        margin: 0;
    }

    .business-email-starter-grid,
    .business-email-plan-grid,
    .business-email-app-grid {
        grid-template-columns: 1fr;
    }

    .business-email-starter-card,
    .business-email-plan-card {
        padding: 20px;
    }

    .business-email-plan-shell {
        padding-inline: 0;
    }

    .business-email-faq-question {
        align-items: flex-start;
        line-height: 1.7;
    }

    .business-email-faq-answer {
        padding: 0 20px 20px;
    }
}

@media (max-width: 1139px) {
    .business-email-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .business-email-app-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }
}

@media (max-width: 1024px) {
    .business-email-hero__grid {
        grid-template-columns: 1fr;
    }

    .business-email-hero__copy {
        max-width: none;
        padding: 16px;
    }

    .business-email-hero__copy h1 {
        font-size: 26px;
        line-height: 1.2;
    }

    .business-email-hero__visual {
        padding: 0 16px 32px;
    }

    .business-email-hero__visual img {
        width: min(423px, 100%);
    }

    .business-email-heading--primary h2,
    .business-email-heading--secondary h2,
    .business-email-heading--faq h2 {
        font-size: 32px;
    }

    .business-email-section--starter {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .business-email__container {
        width: min(1200px, calc(100% - 20px));
    }

    .business-email-hero {
        padding: 16px 0;
    }

    .business-email-hero__copy {
        padding: 32px;
        text-align: center;
    }

    .business-email-hero__copy h1 {
        font-size: 27px;
        line-height: 1.6;
    }

    .business-email-hero__copy p {
        font-size: 16px;
    }

    .business-email-hero__visual {
        padding: 0 20px 24px;
    }

    .business-email-section--note {
        padding-top: 30px;
    }

    .business-email-heading--primary h2,
    .business-email-heading--secondary h2,
    .business-email-heading--faq h2 {
        font-size: 23px;
        line-height: 1.3;
    }

    .business-email-heading--secondary h6 {
        font-size: 17px;
    }

    .business-email-starter-card__price-row {
        margin-top: 0;
    }

    .business-email-starter-card__duration {
        margin-top: 0;
        font-size: 19px;
    }

    .business-email-starter-card__renewal {
        margin-top: 0;
    }

    .business-email-plan-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199px) {
    .ssl-live-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ssl-live-benefit-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ssl-live-tabs__nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ssl-live-tabs__button:nth-child(4) {
        border-left: 1px solid #cdcdcd;
    }
}

@media (max-width: 1199px) {
    .native-domain-matrix-section > .container {
        width: min(100%, calc(100% - 48px));
    }
}

@media (max-width: 1024px) {
    .ssl-live-hero {
        padding: 16px 0;
    }

    .ssl-live-hero__grid,
    .ssl-live-reasons__split,
    .ssl-live-tabs__panel {
        grid-template-columns: 1fr;
    }

    .ssl-live-hero__copy,
    .ssl-live-reasons__copy--left,
    .ssl-live-reasons__copy--right {
        padding: 24px 16px;
    }

    .ssl-live-hero__copy h1,
    .ssl-live-heading--pricing h2,
    .ssl-live-heading--faq h2 {
        font-size: 32px;
    }

    .ssl-live-heading--benefits h2,
    .ssl-live-heading--tabs h2 {
        font-size: 26px;
    }

    .ssl-live-hero__visual {
        padding-bottom: 16px;
    }

    .ssl-live-hero__visual img {
        width: min(212px, 100%);
        max-width: none;
    }

    .ssl-live-tabs__image img {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .ssl-live__container,
    .ssl-live__container--content,
    .ssl-live__container--wide {
        width: min(1302px, calc(100% - 20px));
    }

    .ssl-live-button--hero {
        min-width: 0;
        width: 100%;
    }

    .ssl-live-hero__copy {
        text-align: center;
    }

    .ssl-live-hero__copy h1,
    .ssl-live-heading--pricing h2,
    .ssl-live-heading--faq h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .ssl-live-heading--pricing h6,
    .ssl-live-heading--benefits h2,
    .ssl-live-heading--tabs h2 {
        font-size: 20px;
        line-height: 1.5;
    }

    .ssl-live-plan-grid,
    .ssl-live-benefit-grid,
    .ssl-live-tabs__nav {
        grid-template-columns: 1fr;
    }

    .ssl-live-tabs__button + .ssl-live-tabs__button,
    .ssl-live-tabs__button:nth-child(4) {
        border-left: 1px solid #cdcdcd;
    }

    .ssl-live-plan-card {
        padding: 24px;
    }

    .ssl-live-tabs__button {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
    }

    .ssl-live-tabs__panel {
        padding: 20px 16px;
    }

    .ssl-live-faq-question {
        align-items: flex-start;
    }

    .ssl-live-faq-answer {
        padding: 0 16px 20px 44px;
    }
}

@media (max-width: 1199px) {
    .courses-live-plan-grid--three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .courses-live-plan-card--three:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1024px) {
    .courses-live-hero__grid,
    .courses-live-value-grid,
    .courses-live-methodology-grid {
        grid-template-columns: 1fr;
    }

    .courses-live-hero__copy {
        padding: 32px 24px;
        text-align: center;
    }

    .courses-live-hero__copy h1,
    .courses-live-hero__copy p {
        max-width: none;
    }

    .courses-live-hero__visual {
        padding-bottom: 24px;
    }

    .courses-live-hero__visual img {
        width: min(403px, 100%);
        max-width: none;
    }

    .courses-live-heading--primary h2,
    .courses-live-heading--secondary h2,
    .courses-live-heading--brochure h2 {
        font-size: 32px;
    }

    .courses-live-plan-grid--three,
    .courses-live-plan-grid--two,
    .courses-live-value-grid__list,
    .courses-live-methodology-grid__copy {
        grid-template-columns: 1fr;
    }

    .courses-live-plan-card--three:last-child {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .courses-live__container {
        width: min(1200px, calc(100% - 20px));
    }

    .courses-live-hero {
        padding: 16px 0;
    }

    .courses-live-hero__copy {
        padding: 16px;
    }

    .courses-live-hero__copy h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    .courses-live-heading--primary h2 {
        font-size: 28px;
        line-height: 1.2;
    }

    .courses-live-heading--primary p {
        font-size: 16px;
    }

    .courses-live-heading--secondary h2 {
        font-size: 18px;
        line-height: 1.2;
    }

    .courses-live-heading--brochure h2 {
        margin: 16px 0;
        font-size: 26px;
    }

    .courses-live-button--hero {
        width: 100%;
    }

    .courses-live-plan-card {
        margin: 0;
        padding: 24px;
    }

    .courses-live-brochure-form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199px) {
    .workshop-live-gains-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .workshop-live-hero__grid,
    .workshop-live-overview,
    .workshop-live-future,
    .workshop-live-registration__grid,
    .workshop-live-closing {
        grid-template-columns: 1fr;
    }

    .workshop-live-hero__copy {
        padding-bottom: 12px;
    }

    .workshop-live-hero__visual img,
    .workshop-live-overview__visual img,
    .workshop-live-future__visual img,
    .workshop-live-closing__visual img {
        margin: 0 auto;
    }

    .workshop-live-overview__content,
    .workshop-live-future__content,
    .workshop-live-registration__form-wrap,
    .workshop-live-closing__content {
        padding-top: 24px;
    }

    .workshop-live-future__content,
    .workshop-live-closing__content {
        padding-left: 24px;
        padding-right: 24px;
    }

    .workshop-live-gains-grid,
    .workshop-live-form {
        grid-template-columns: 1fr;
    }

    .workshop-live-registration__copy {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .workshop-live__container {
        width: min(1280px, calc(100% - 20px));
    }

    .workshop-live-hero {
        padding: 16px 0 32px;
    }

    .workshop-live-hero__copy,
    .workshop-live-overview__content,
    .workshop-live-registration__copy,
    .workshop-live-registration__form-wrap {
        align-items: stretch;
    }

    .workshop-live-hero__eyebrow {
        min-height: auto;
        padding: 8px;
        font-size: 25px;
        line-height: 1.5;
    }

    .workshop-live-hero__copy h1,
    .workshop-live-section-heading h2 {
        font-size: 31px;
        line-height: 1.1;
        text-align: center;
    }

    .workshop-live-hero__highlight {
        font-size: 26px;
        line-height: 1.2;
        text-align: center;
    }

    .workshop-live-hero__lead {
        font-size: 14px;
        text-align: center;
    }

    .workshop-live-button--hero {
        width: 100%;
        font-size: 14px;
    }

    .workshop-live-about__inner {
        padding: 16px 12px;
        font-size: 20px;
        line-height: 1.5;
    }

    .workshop-live-section--overview-head {
        padding-top: 48px;
    }

    .workshop-live-section-heading p,
    .workshop-live-cta p {
        font-size: 16px;
        line-height: 1.6;
    }

    .workshop-live-overview__content h3,
    .workshop-live-future__content h3,
    .workshop-live-cta h2,
    .workshop-live-registration__copy h2,
    .workshop-live-registration__form-wrap h2,
    .workshop-live-closing__content h3 {
        font-size: 26px;
        line-height: 1.1;
        text-align: center;
    }

    .workshop-live-checks {
        padding: 0;
    }

    .workshop-live-gains-heading h2 {
        font-size: 26px;
    }

    .workshop-live-gain-card {
        padding: 24px 20px;
    }

    .workshop-live-future__content p,
    .workshop-live-instructor p,
    .workshop-live-instructor ul,
    .workshop-live-closing__content,
    .workshop-live-registration__copy ol,
    .workshop-live-registration__note {
        padding-left: 0;
        padding-right: 0;
    }

    .workshop-live-registration__note {
        margin-top: 28px;
    }

    .workshop-live-registration__warning {
        text-align: center;
    }

    .workshop-live-button--whatsapp {
        width: 100%;
        font-size: 16px;
    }

    .workshop-live-closing__content {
        padding: 12px 10px 0;
    }
}

@media (max-width: 1024px) {
    .payments-live__cards {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .payments-live-card {
        padding: 14px 14px 10px;
    }
}

@media (max-width: 767px) {
    .payments-live {
        padding: 20px 0 28px;
    }

    .payments-live__container {
        width: min(1200px, calc(100% - 20px));
    }

    .payments-live__intro h1 {
        font-size: 32px;
    }

    .payments-live__intro > p,
    .payments-live__note,
    .payments-live__details {
        font-size: 15px;
        line-height: 1.5;
    }

    .payments-live__note {
        margin-top: 14px;
        padding: 10px 8px;
    }

    .payments-live-card {
        align-items: flex-start;
        padding: 10px;
    }

    .payments-live-card__logo--bank,
    .payments-live-card__logo--jazzcash,
    .payments-live-card__logo--cards {
        max-width: min(280px, 100%);
        margin-left: auto;
        margin-right: auto;
    }

    .payments-live-card__heading {
        align-self: center;
        text-align: center;
    }
}

@media (max-width: 1024px) {
    .about-live-hero {
        padding: 32px 0;
    }

    .about-live-hero__grid,
    .about-live-story__grid,
    .about-live-principles__grid,
    .about-live-reviews__grid,
    .about-live-cta__inner {
        grid-template-columns: 1fr;
    }

    .about-live-principles__grid,
    .about-live-reviews__grid {
        gap: 20px;
    }

    .about-live-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-live-cta__action {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .about-live__container {
        width: min(1200px, calc(100% - 20px));
    }

    .about-live-hero {
        padding: 48px 0 32px;
    }

    .about-live-hero__copy {
        padding: 0;
        text-align: center;
    }

    .about-live-hero__copy h1 {
        font-size: 26px;
        line-height: 1.2;
    }

    .about-live-hero__copy p,
    .about-live-story__copy,
    .about-live-principles__card p,
    .about-live-review__text {
        font-size: 16px;
    }

    .about-live-hero__visual {
        margin-top: 18px;
    }

    .about-live-hero__visual img {
        width: 72%;
    }

    .about-live-story {
        padding: 16px 0;
    }

    .about-live-story__media {
        padding: 0 0 20px;
    }

    .about-live-story__media img {
        height: 209px;
    }

    .about-live-story__copy h2 {
        font-size: 22px;
    }

    .about-live-principles {
        margin: 20px 0;
    }

    .about-live-principles__card {
        padding: 20px;
    }

    .about-live-stats {
        padding: 20px 0 10px;
    }

    .about-live-stats__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .about-live-stat__icon {
        font-size: 42px;
    }

    .about-live-reviews {
        padding: 40px 0 50px;
    }

    .about-live-reviews__heading h2 {
        font-size: 32px;
    }

    .about-live-cta {
        margin: 24px 0;
    }

    .about-live-cta__inner {
        padding: 16px;
    }

    .about-live-cta__copy h2 {
        font-size: 26px;
        text-align: center;
    }

    .about-live-cta__action {
        justify-content: center;
    }

    .about-live-cta__button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .support-live {
        padding-bottom: 28px;
    }

    .support-live__container {
        width: min(1200px, calc(100% - 20px));
    }

    .support-live__header h1 {
        font-size: 32px;
    }

    .support-live__block h2 {
        font-size: 22px;
    }

    .support-live__button {
        width: 100%;
        justify-content: center;
    }

    .contact-live-hero {
        padding: 3em 0;
    }

    .contact-live-hero__grid {
        width: min(1200px, calc(100% - 20px));
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center;
    }

    .contact-live-hero__copy {
        align-items: center;
    }

    .contact-live-hero__copy h1 {
        font-size: 36px;
    }

    .contact-live-hero__button {
        align-self: center;
        font-size: 18px;
        padding: 14px 22px;
    }

    .contact-live-hero__visual img {
        width: 62%;
        max-width: 360px;
    }

    .contact-live-info {
        padding: 32px 0 24px;
    }

    .contact-live-info__container {
        width: min(1260px, calc(100% - 20px));
    }

    .contact-live-info__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-live-card,
    .contact-live-card--address {
        padding: 20px 10px;
    }

    .contact-live-map iframe {
        height: 300px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .contact-live-hero {
        padding: 2em 0;
    }

    .contact-live-hero__grid {
        width: min(1200px, calc(100% - 64px));
    }

    .contact-live-hero__visual img {
        width: 56%;
    }

    .contact-live-info__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-live-card {
        max-width: 95%;
        margin: 0 auto;
    }

    .facilities-live-hero {
        padding: 2em 0;
    }

    .facilities-live-hero__visual img {
        width: 100%;
        max-width: 420px;
    }

    .facilities-live-datacenter {
        padding: 20px 0 50px;
    }

    .facilities-live-datacenter__grid {
        width: min(1302px, calc(100% - 40px));
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .facilities-live-datacenter__gallery-block {
        padding-right: 0;
    }

    .facilities-live-datacenter__gallery-block h2,
    .facilities-live-datacenter__details h2 {
        font-size: 22px;
    }

    .facilities-live-specs li {
        font-size: 16px;
        line-height: 1.7;
    }

    .facilities-live-specs i {
        line-height: 1.7;
        padding-top: 6px;
    }

    .facilities-live-features__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .facilities-live-hero {
        padding: 3em 0;
    }

    .facilities-live-hero__grid {
        width: min(1200px, calc(100% - 20px));
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .facilities-live-hero__copy {
        text-align: center;
    }

    .facilities-live-hero__copy h1 {
        font-size: 36px;
    }

    .facilities-live-hero__copy p {
        font-size: 14px;
    }

    .facilities-live-hero__visual img {
        width: 100%;
        max-width: 360px;
    }

    .facilities-live-datacenter {
        padding: 0 0 20px;
    }

    .facilities-live-datacenter__grid {
        width: min(1302px, calc(100% - 20px));
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .facilities-live-datacenter__gallery-block {
        padding-right: 0;
    }

    .facilities-live-datacenter__gallery-block h2 {
        padding: 0 0 20px;
        text-align: center;
    }

    .facilities-live-datacenter__details h2 {
        padding: 20px 0 25px;
        font-size: 22px;
        text-align: left;
    }

    .facilities-live-datacenter__details p {
        font-size: 14px;
    }

    .facilities-live-gallery {
        grid-template-columns: 1fr;
    }

    .facilities-live-gallery__item {
        margin: 0 10px;
    }

    .facilities-live-specs li {
        font-size: 16px;
        line-height: 1.7;
    }

    .facilities-live-specs i {
        line-height: 1.7;
        padding-top: 6px;
    }

    .facilities-live-features > .container {
        width: min(1302px, calc(100% - 20px));
    }

    .facilities-live-features__heading {
        font-size: 32px;
    }

    .facilities-live-features__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .facilities-live-feature-card {
        padding: 0;
    }

    .facilities-live-feature-card__icon {
        margin-left: auto;
        margin-right: auto;
    }

    .facilities-live-feature-card h3,
    .facilities-live-feature-card p {
        padding: 0 16px;
    }
}