@media (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: clip;
    }

    @supports not (overflow: clip) {
        html,
        body {
            overflow-x: hidden;
        }
    }

    body:has(.git-hosting-colocation),
    body:has(.git-hosting-colocation) .site,
    body:has(.git-hosting-colocation) .site-wrapper,
    body:has(.git-hosting-colocation) .site-main {
        max-width: 100%;
        overflow-x: clip;
    }

    @supports not selector(:has(*)) {
        .git-hosting-colocation,
        .git-hosting-colocation ~ * {
            max-width: 100%;
            overflow-x: clip;
        }
    }

    .git-hosting-colocation,
    .git-hosting-colocation * {
        box-sizing: border-box;
    }

    .git-hosting-colocation {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
        contain: layout paint;
    }

    .git-hosting-colocation__container,
    .git-hosting-colocation .co-section,
    .git-hosting-colocation .vh-hero,
    .git-hosting-colocation .co-hero,
    .git-hosting-colocation .co-about,
    .git-hosting-colocation .co-clients,
    .git-hosting-colocation .co-pricing,
    .git-hosting-colocation .co-cases,
    .git-hosting-colocation .vh-reviews,
    .git-hosting-colocation .vh-faq,
    .git-hosting-colocation .co-cta {
        min-width: 0;
        max-width: 100%;
    }

    .git-hosting-colocation__container {
        width: 100%;
        margin-inline: auto;
        padding-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));
        overflow-x: clip;
    }

    .git-hosting-colocation img,
    .git-hosting-colocation video,
    .git-hosting-colocation svg,
    .git-hosting-colocation canvas {
        max-width: 100%;
    }

    .git-hosting-colocation .co-hero,
    .git-hosting-colocation .co-about,
    .git-hosting-colocation .co-clients,
    .git-hosting-colocation .co-highlightGrid,
    .git-hosting-colocation .co-advGrid,
    .git-hosting-colocation .co-pricePanel__grid,
    .git-hosting-colocation .co-pricePanels,
    .git-hosting-colocation .co-caseGrid,
    .git-hosting-colocation .co-cta,
    .git-hosting-colocation .co-requestForm__grid,
    .git-hosting-colocation .co-requestPhone {
        grid-template-columns: minmax(0, 1fr);
        max-width: 100%;
        min-width: 0;
    }

    .git-hosting-colocation .co-hero__video,
    .git-hosting-colocation .co-hero__copy,
    .git-hosting-colocation .co-about__media,
    .git-hosting-colocation .co-about__card,
    .git-hosting-colocation .co-clients__copy,
    .git-hosting-colocation .co-clients__media,
    .git-hosting-colocation .co-pricePanel,
    .git-hosting-colocation .co-pricePanel__box,
    .git-hosting-colocation .co-pricePanel__side,
    .git-hosting-colocation .co-case,
    .git-hosting-colocation .review-card,
    .git-hosting-colocation .faq-item,
    .git-hosting-colocation .co-requestModal__dialog {
        min-width: 0;
        max-width: 100%;
    }

    .git-hosting-colocation .vh-video,
    .git-hosting-colocation .co-heroVideo,
    .git-hosting-colocation .co-aboutVideo,
    .git-hosting-colocation .co-clientsVideo {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .git-hosting-colocation .co-citySelect,
    .git-hosting-colocation .co-citySelect__button,
    .git-hosting-colocation .co-citySelect__list,
    .git-hosting-colocation .co-btn,
    .git-hosting-colocation .co-requestField input,
    .git-hosting-colocation .co-requestField textarea,
    .git-hosting-colocation .co-requestField select {
        max-width: 100%;
        min-width: 0;
    }

    .git-hosting-colocation .co-caseSlider,
    .git-hosting-colocation .co-caseSlider__viewport,
    .git-hosting-colocation .reviews-slider,
    .git-hosting-colocation .reviews-slider__viewport {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .git-hosting-colocation .co-caseSlider__track,
    .git-hosting-colocation .reviews-slider__track {
        max-width: 100%;
        min-width: 0;
    }

    .git-hosting-colocation .co-caseSlider__nav,
    .git-hosting-colocation .reviews-slider__nav,
    .git-hosting-colocation .co-logos {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .git-hosting-colocation .co-priceRow,
    .git-hosting-colocation .co-priceRow__name,
    .git-hosting-colocation .co-priceRow__value,
    .git-hosting-colocation .co-sectionLead,
    .git-hosting-colocation .co-copyText,
    .git-hosting-colocation .co-highlight__text,
    .git-hosting-colocation .co-advCard__text,
    .git-hosting-colocation .review-card__text,
    .git-hosting-colocation .faq-q,
    .git-hosting-colocation .faq-a,
    .git-hosting-colocation .co-requestModal__title,
    .git-hosting-colocation .co-requestModal__subtitle {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .git-hosting-colocation .co-priceRow {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .git-hosting-colocation .co-requestModal__dialog {
        width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        margin-inline: auto;
    }
}

@media (max-width: 420px) {
    .git-hosting-colocation__container {
        padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right));
    }

    .git-hosting-colocation .co-priceRow {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .git-hosting-colocation .co-requestModal__dialog {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
    }
}