@media (max-width: 767px) {
            :root {
                /*
                 * Change this only:
                 * 14px = safe
                 * 10px = wider
                 * 8px  = very wide
                 * 6px  = almost edge-to-edge
                 */
                --pha-mobile-edge-space: 12px;
            }

            html,
            body {
                max-width: 100% !important;
                overflow-x: hidden !important;
            }

            body .l-main {
                max-width: 100% !important;
                overflow-x: hidden !important;
            }

            /*
             * Impreza outer page sections.
             * This is the actual left/right screen spacing.
             */
            body .l-main .l-section:not(.width_full) {
                box-sizing: border-box !important;
                padding-left: var(--pha-mobile-edge-space) !important;
                padding-right: var(--pha-mobile-edge-space) !important;
                overflow-x: hidden !important;
            }

            /*
             * Keep the content centered and inside screen.
             * Do not use 100vw here, because 100vw causes overflow.
             */
            body .l-main .l-section:not(.width_full) > .l-section-h {
                box-sizing: border-box !important;
                width: 100% !important;
                max-width: 100% !important;
                margin-left: auto !important;
                margin-right: auto !important;
                overflow-x: visible !important;
            }

            /*
             * Full-width sections should stay full-width.
             */
            body .l-main .l-section.width_full {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            body .l-main .l-section.width_full > .l-section-h {
                width: 100% !important;
                max-width: 100% !important;
            }

            /*
             * Prevent Woo/WPBakery grids from forcing screen overflow.
             * This does not change their spacing, only prevents overflow.
             */
            body .l-main .woocommerce,
            body .l-main ul.products,
            body .l-main .w-grid-list,
            body .l-main .vc_row,
            body .l-main .wpb_row,
            body .l-main .g-cols {
                max-width: 100% !important;
            }
        }