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

    main,
    .site-header,
    .site-footer {
        max-width: 100%;
        overflow-x: clip;
    }

    .mobile-contact-bar {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none;
        margin: 0;
        transform: none !important;
        bottom: max(9px, env(safe-area-inset-bottom));
        box-sizing: border-box;
    }

    .mobile-contact-bar a {
        min-width: 0;
    }
}

@media (max-width: 420px) {
    .workflow {
        width: 100% !important;
        transform: none !important;
    }
}

@supports not (overflow: clip) {
    @media (max-width: 767.98px) {
        html,
        body,
        main,
        .site-header,
        .site-footer {
            overflow-x: hidden;
        }
    }
}