@media (max-width: 1298px) {
    /* HEADER CSS START */
    .site-navigation .main-navigation { width: 100%; justify-self: stretch; }
    .site-navigation .main-navigation > li > a { text-align: left; }
    .menu-toggle { left: 0; top: 0; width: 60px; height: 90px; padding: 1px 0; gap: 0; }
    .menu-toggle span { position: absolute; left: 15px; top: 50%; width: 30px; height: 2.5px; flex: none; background: #fff; opacity: 1; transform: translateY(-50%); transition: transform .4s ease-in-out, left .4s ease-in-out, top .4s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; }
    .menu-toggle span:first-child { top: calc(50% - 8px); width: 20px; }
    .menu-toggle span:nth-child(2) { width: 30px; }
    .menu-toggle span:last-child { top: calc(50% + 8px); width: 25px; }
    .menu-open .menu-toggle span:first-child { top: 50%; width: 30px; transform: translateY(-50%) rotate(-45deg); }
    .menu-open .menu-toggle span:nth-child(2) { opacity: 1; background-color: transparent; }
    .menu-open .menu-toggle span:last-child { top: 50%; width: 30px; transform: translateY(-50%) rotate(45deg); }
    /* HEADER CSS END */
    /* FOOTER CSS START */
    .footer-social img { width: 40px; height: 40px; }
    /* FOOTER CSS END */
}

@media (min-width: 768px) and (max-width: 1199px) {
    /* TYPOGRAPHY CSS START */
    .nxb-contact-form__submit { font-size: 13px; line-height: 1.5; }
    /* TYPOGRAPHY CSS END */

    /* HEADER CSS START */
    .site-navigation a { font-size: 13px; }
    /* HEADER CSS END */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* TYPOGRAPHY CSS START */
    body.page-type-home { --home-banner-font-size: 40px; --home-section-font-size: 30px; --home-card-font-size: 22px; --home-news-font-size: 26px; --home-button-font-size: 13px; }
    /* TYPOGRAPHY CSS END */

    /* FOOTER CSS START */
    .site-main::after { height: 80px; }
    /* FOOTER CSS END */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* TYPOGRAPHY CSS START */
    body.page-type-home { --home-banner-font-size: 52px; --home-news-font-size: 28px; --home-button-font-size: 13px; }
    .nxb-listing--compact-headings .nxb-listing__body h2 { font-size: 24px; }
    .nxb-listing--articles:not(.nxb-listing--carousel):not(.nxb-listing--category) .nxb-listing__body h2 { font-size: 32px; }
    .nxb-listing--articles:is(.nxb-listing--carousel, .nxb-listing--category) .nxb-listing__body h2 { font-size: 28px; }
    /* TYPOGRAPHY CSS END */

    /* FOOTER CSS START */
    .site-main::after { height: 100px; }
    /* FOOTER CSS END */
}

@media (max-width: 767px) {
    /* FOOTER CSS START */
    .site-main::after { height: 60px; }
    /* FOOTER CSS END */
    /* COOKIES CSS START */
    .cookie-consent__dialog-policy { flex-basis: 100%; margin: 10px 0 0; }
    /* COOKIES CSS END */
}

@media (max-width: 560px) {
    /* COOKIES CSS START */
    .cookie-consent__banner-actions .cookie-consent__button { flex: 0 1 auto; }
    .cookie-consent__dialog-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .cookie-consent__dialog-policy { margin-top: 12px; }
    /* COOKIES CSS END */
}

@media (min-width: 576px) and (max-width: 767px) {
    /* TYPOGRAPHY CSS START */
    body.page-type-home { --home-banner-font-size: 35px; --home-section-font-size: 28px; --home-card-font-size: 22px; --home-news-font-size: 24px; }
    .nxb-listing--compact-headings .nxb-listing__body h2 { font-size: 22px; }
    .nxb-listing--articles:not(.nxb-listing--carousel):not(.nxb-listing--category) .nxb-listing__body h2 { font-size: 28px; }
    .nxb-listing--articles:is(.nxb-listing--carousel, .nxb-listing--category) .nxb-listing__body h2,
    .nxb-listing > .component-heading h2 { font-size: 24px; }
    /* TYPOGRAPHY CSS END */
}

@media (max-width: 575px) {
    /* TYPOGRAPHY CSS START */
    body.page-type-home { --home-banner-font-size: 30px; --home-section-font-size: 26px; --home-card-font-size: 20px; --home-news-font-size: 22px; }
    /* TYPOGRAPHY CSS END */
}
