/* Match the live cookie panel's existing mobile breakpoint. */
@media (max-width: 520px) {
    /* COOKIE CSS START */
    .nx-panel-actions > div:first-child { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; }
    #nx_panel_save { width: 100%; order: 1; }
    #nx_panel_accept, #nx_panel_reject { width: calc(50% - 5px); order: 2; }
    .nx-panel-actions > div:last-child { width: 100%; order: 3; }
    /* COOKIE CSS END */
}

@media (max-width: 575px) {
    /* BANNER CSS START */
    #site-content > .usn_cmp_banner.mobile-banner .item.c12-bg > .inner::before {
        background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%);
    }
    /* BANNER CSS END */
}

@media (max-width: 991px) {
    /* BANNER CSS START */
    #site-content > .usn_cmp_banner.d-xs-none_only .item.item_takeover-banner .info { padding-block: 70px; }
    /* BANNER CSS END */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* BANNER CSS START */
    #site-content > .usn_cmp_banner.d-xs-none_only .container { max-width: 960px; }
    /* BANNER CSS END */

    /* CONTACT FORM CSS START */
    #site-content > .component > .container:has(.contact-form) { max-width: 960px; }
    /* CONTACT FORM CSS END */
}

@media (min-width: 1200px) and (max-width: 1399px) {
    /* BANNER CSS START */
    #site-content > .usn_cmp_banner.d-xs-none_only .container { max-width: 1140px; }
    /* BANNER CSS END */

    /* CONTACT FORM CSS START */
    #site-content > .component > .container:has(.contact-form) { max-width: 1140px; }
    /* CONTACT FORM CSS END */
}