html,
body {
    overflow-x: clip;
}

.rodmay-site,
.agents-page,
.about-page,
.contact-page,
.properties-page,
.property-detail-page,
.privacy-page,
.terms-page {
    max-width: 100%;
    overflow-x: clip;
}

.rodmay-logo-link {
    box-sizing: border-box;
}

.rodmay-full-logo,
.rodmay-full-logo--blended {
    box-sizing: border-box;
}

.round-action,
.round-action svg {
    flex: 0 0 auto;
}

@media (max-width: 760px) {
    .main-nav,
    .about-header,
    .agents-header,
    .contact-header {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        align-items: center !important;
        row-gap: 12px !important;
        min-height: auto !important;
        width: 100% !important;
        padding: 14px 18px 16px !important;
        overflow: hidden !important;
    }

    .rodmay-logo-link {
        width: min(220px, 72vw) !important;
        min-width: 0 !important;
        max-width: 220px !important;
        height: auto !important;
        justify-self: center !important;
    }

    .rodmay-full-logo,
    .rodmay-full-logo--blended {
        width: 100% !important;
        height: auto !important;
        max-width: 220px !important;
        max-height: 72px !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .nav-links,
    .about-nav,
    .agents-nav,
    .contact-nav {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px 13px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .nav-links a,
    .about-nav a,
    .agents-nav a,
    .contact-nav a {
        flex: 0 0 auto !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    .nav-cta,
    .header-cta,
    .contact-cta,
    .agenda-cta {
        justify-self: center !important;
    }

    .agents-hero,
    .about-hero,
    .contact-hero {
        padding: 54px 20px 38px !important;
        overflow: hidden !important;
    }

    .hero-copy h1,
    .agents-hero h1,
    .about-hero h1,
    .contact-hero h1 {
        max-width: 100% !important;
        font-size: clamp(30px, 7.4vw, 36px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em !important;
        overflow-wrap: normal !important;
        text-wrap: balance;
    }

    .agents-hero p,
    .about-hero p,
    .contact-hero p,
    .hero-copy p {
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .agents-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 36px 20px 62px !important;
    }

    .agent-card {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 28px 20px 24px !important;
    }

    .round-action {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    .round-action svg {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 430px) {
    .nav-links,
    .about-nav,
    .agents-nav,
    .contact-nav {
        gap: 9px 11px !important;
    }

    .nav-links a,
    .about-nav a,
    .agents-nav a,
    .contact-nav a {
        font-size: 12.5px !important;
    }
}

@media (max-width: 760px) {
    .rodmay-public-shell .main-nav,
    .rodmay-public-shell .about-header,
    .rodmay-public-shell .agents-header,
    .rodmay-public-shell .contact-header {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        align-items: center !important;
        row-gap: 12px !important;
        min-height: auto !important;
        width: 100% !important;
        padding: 14px 18px 16px !important;
        overflow: hidden !important;
    }

    .rodmay-public-shell .rodmay-logo-link {
        width: min(220px, 72vw) !important;
        min-width: 0 !important;
        max-width: 220px !important;
        height: auto !important;
        justify-self: center !important;
    }

    .rodmay-public-shell .rodmay-full-logo,
    .rodmay-public-shell .rodmay-full-logo--blended {
        width: 100% !important;
        height: auto !important;
        max-width: 220px !important;
        max-height: 72px !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .rodmay-public-shell .nav-links,
    .rodmay-public-shell .about-nav,
    .rodmay-public-shell .agents-nav,
    .rodmay-public-shell .contact-nav {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px 13px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .rodmay-public-shell .nav-links a,
    .rodmay-public-shell .about-nav a,
    .rodmay-public-shell .agents-nav a,
    .rodmay-public-shell .contact-nav a {
        flex: 0 0 auto !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    .rodmay-public-shell .agents-hero,
    .rodmay-public-shell .about-hero,
    .rodmay-public-shell .contact-hero {
        padding: 54px 20px 38px !important;
        overflow: hidden !important;
    }

    .rodmay-public-shell .hero-copy h1,
    .rodmay-public-shell .agents-hero h1,
    .rodmay-public-shell .about-hero h1,
    .rodmay-public-shell .contact-hero h1 {
        max-width: 100% !important;
        font-size: clamp(30px, 7.4vw, 36px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em !important;
        overflow-wrap: normal !important;
        text-wrap: balance;
    }

    .rodmay-public-shell .agents-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 36px 20px 62px !important;
    }

    .rodmay-public-shell .agent-card {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 28px 20px 24px !important;
    }
}

@media (max-width: 430px) {
    .rodmay-public-shell .nav-links,
    .rodmay-public-shell .about-nav,
    .rodmay-public-shell .agents-nav,
    .rodmay-public-shell .contact-nav {
        gap: 9px 11px !important;
    }

    .rodmay-public-shell .nav-links a,
    .rodmay-public-shell .about-nav a,
    .rodmay-public-shell .agents-nav a,
    .rodmay-public-shell .contact-nav a {
        font-size: 12.5px !important;
    }
}