@media (min-width: 500px) {

    /*  Base  */
    :root {
        --container--width: 460px;
    }



    /*  Mixed  */
    .site-button.round-3,
    .site-cause .box,
    .home-parthners .box,
    .site-footer .info-box,
    .download-button,
    .about-mixed-4 .item-title,
    .about-mixed-4 .item-info,
    .about-mixed-4 .item-panel p,
    .redirect-section-1 h2,
    .redirect-section-2 .inner,
    .story-page h1,
    .story-page .info-box {
        padding-left: 30px;
        padding-right: 30px;
    }



    /*  Elements  */
    .site-support .action {
        grid-column-gap: 20px;
        padding-left: 30px;
        padding-right: 46px;
    }


    .site-form.style {
        padding: 41px 30px 33px;
    }


    .download-button,
    .redirect-section-3.type-20 li {
        grid-column-gap: 20px;
    }



    /*  Footer  */
    .site-footer .help::before {
        height: calc(100% - 96px);
    }

    .site-footer .supporters li:not(:last-child) {
        margin-right: 15px;
    }

    .site-footer .supporters li {
        width: calc((var(--container--width) - 75px) / 5);
    }

}



@media (min-width: 560px) {

    /*  Base  */
    :root {
        --container--width: calc(var(--viewport--width) - 100px);
    }

}



@media (min-width: 800px) {

    /*  Base  */
    :root {
        --container--width: 660px;
    }



    /*  Elements  */
    .site-container.active.has-padding {
        width: calc(var(--container--width) - 60px);
    }

    .site-container.inactive {
        margin: 0 auto;
        width: var(--container--width);
    }


    .title-x-line.is-container {
        width: auto;
    }


    .region-header.has-padding {
        border-radius: 3px;
        padding: 0 30px;
    }

    .region-header.margin-0 {
        margin-bottom: 20px;
    }


    .media.no-radius {
        border-radius: 3px;
    }


    .success-stories .stories-inner {
        overflow-y: visible;
    }

    .success-stories .stories-content {
        display: grid;
        grid-gap: 30px 20px;
        grid-template-columns: repeat(2, calc((100% - 20px) / 2));
    }

    .success-stories.carousel .story {
        width: auto;
    }

    .success-stories.carousel .story:first-child {
        padding-left: 0;
    }

    .success-stories.carousel .story:not(:last-child) {
        margin-right: 0;
    }

    .success-stories.carousel .story:last-child {
        padding-right: 0;
    }

    .success-stories.carousel .story:not(:nth-child(-n+4)) {
        display: none;
    }



    /*  Home  */
    .home-diagnoses h3 {
        width: auto;
    }

    .home-diagnoses .diagnoses-inner {
        overflow-y: visible;
    }

    .home-diagnoses .diagnoses-content {
        display: grid;
        grid-gap: 19px 20px;
        grid-template-columns: repeat(3, calc((100% - 40px) / 3));
    }

    .home-diagnoses .diagnostic {
        width: auto;
    }

    .home-diagnoses .diagnostic:first-child {
        padding-left: 0;
    }

    .home-diagnoses .diagnostic:not(:last-child) {
        margin-right: 0;
    }

    .home-diagnoses .diagnostic:last-child {
        padding-right: 0;
    }



    /*  Case Page  */
    .case-page .gallery {
        overflow-y: visible;
    }

    .case-page .gallery ul {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(3, calc((100% - 30px) / 3));
    }

    .case-page .gallery li {
        width: auto;
    }

    .case-page .gallery li:first-child {
        padding-left: 0;
    }

    .case-page .gallery li:not(:last-child) {
        margin-right: 0;
    }

    .case-page .gallery li:last-child {
        padding-right: 0;
    }



    /*  Tax Redirection Page  */
    .redirect-section-1 .inner {
        border-radius: 3px;
    }



    /*  About Us Page  */
    .about-mixed-3 {
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 30px;
    }

    .about-mixed-2 .gallery,
    .about-mixed-3 .gallery,
    .about-gallery .images-list {
        grid-template-columns: repeat(3, calc((100% - 30px) / 3));
    }

    .about-gallery .inner {
        overflow-y: visible;
    }

    .about-gallery .videos-list {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(2, calc((100% - 15px) / 2));
    }

    .about-gallery .videos-list li {
        width: auto;
    }

    .about-gallery .videos-list li:first-child {
        padding-left: 0;
    }

    .about-gallery .videos-list li:not(:last-child) {
        margin-right: 0;
    }

    .about-gallery .videos-list li:last-child {
        padding-right: 0;
    }



    /*  Story Page  */
    .single-success_story .site-header {
        margin-bottom: 20px;
    }

    .story-page .single-media {
        margin-bottom: 20px;
    }

    .story-page h1 {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0;
    }

    .story-page .gallery .inner {
        overflow-y: visible;
    }

    .story-page .gallery ul {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(3, calc((100% - 30px) / 3));
    }

    .story-page .gallery li {
        width: auto;
    }

    .story-page .gallery li:first-child {
        padding-left: 0;
    }

    .story-page .gallery li:not(:last-child) {
        margin-right: 0;
    }

    .story-page .gallery li:last-child {
        padding-right: 0;
    }



    /*  Footer  */
    .site-footer .supporters .inner {
        overflow-x: visible;
    }

    .site-footer .supporters ul {
        /* old display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(7, calc((100% - 90px) / 7)); */
        flex-wrap: wrap;
        justify-content: center;
    }

    .site-footer .supporters li {
        width: calc((100% - 90px) / 7);
    }

    .site-footer .supporters li:first-child {
        padding-left: 0;
    }

    .site-footer .supporters li:nth-child(6n) {
        margin-bottom: 15px;
    }

    .site-footer .supporters li:not(:first-child):not(:nth-child(8n)) {
        margin-left: 15px;
    }

    .site-footer .supporters li:not(:last-child) {
        margin-right: 0;
    }

    .site-footer .supporters li:last-child {
        padding-right: 0;
    }



    /*  Case Details Modal  */
    .case-details-modal .gallery {
        overflow-y: visible;
    }

    .case-details-modal .gallery ul {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(3, calc((100% - 30px) / 3));
    }

    .case-details-modal .gallery li {
        width: auto;
    }

    .case-details-modal .gallery li:not(:last-child) {
        margin-right: 0;
    }

}



@media (min-width: 1132px) {

    /*  Base  */
    :root {
        --container--width: 1032px;
    }


    body {
        padding-bottom: 0;
    }



    /*  Elements  */
    .aspect-ratio-2 {
        height: calc(100vh - 538px);
        min-height: 408px;
        padding-top: 0;
    }


    .page-full-height.has-header .inner {
        height: calc(100vh - 192px);
    }

    .page-full-height.no-header .inner {
        height: calc(100vh - 156px);
    }


    .site-modal .inner {
        height: calc(100% - 122px);
        overflow-y: scroll;
    }

    .site-modal .inner.has-padding-bottom {
        padding-bottom: 33px;
    }



    /*  Header  */
    .site-header .site-container {
        position: relative;
    }

    .site-header .inner {
        grid-template-columns: 91px auto;
        height: 72px;
        padding-right: 254px;
    }

    .site-header .logo {
        height: 46px;
        width: auto;
    }

    .site-header .actions {
        grid-column-gap: 15px;
        grid-template-columns: repeat(2, auto);
        position: absolute;
        right: 0;
    }

    .site-header .action.phone.square,
    .site-header .action.menu.square {
        display: none;
    }

    .site-header .navigation {
        bottom: auto;
        box-shadow: none;
        display: flex;
        grid-template-columns: none;
        left: auto;
        position: static;
        width: auto;
    }

    .site-header .navigation a,
    .site-header .navigation button {
        align-items: center;
        border-radius: 16px;
        color: inherit;
        display: flex;
        justify-content: center;
        padding: 8px 16px 6px;
    }

    .site-header .navigation button {
        background-color: var(--color--blue-normal-transparent-13);
        color: var(--color--blue-normal);
        margin-right: 10px;
        width: auto;
    }

    .site-header .navigation a {
        background-color: var(--color--red-normal-transparent-11);
        color: var(--color--red-normal);
    }

    .site-header .navigation svg {
        margin-right: 8px;
        position: static;
        top: auto;
    }



    /*  Home  */
    .home-video .site-container {
        align-items: center;
        display: grid;
        grid-column-gap: 60px;
        grid-template-columns: 330px auto;
    }

    .home-video .text {
        padding-bottom: 0;
    }

    .home-video .title {
        margin-bottom: 0;
    }

    .home-video .text button {
        display: none;
    }

    .home-video .content .media {
        display: block;
    }



    .home-parthners .box {
        margin: 0 auto;
        width: 600px;
    }


    .site-support ul {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, calc((100% - 20px) / 2));
    }

    .site-support li:first-child {
        grid-column-start: span 2;
    }

    .site-support li:not(:last-child) {
        margin-bottom: 0;
    }



    /*  Cases Page  */
    .cases-page .cases-list {
        display: grid;
        grid-gap: 30px 20px;
        grid-template-columns: repeat(2, calc((100% - 20px) / 2));
    }

    .cases-page .case:not(:last-child) {
        margin-bottom: 0;
    }

    .cases-page .case .actions {
        grid-column-gap: 15px;
        margin-top: auto;
    }

    .cases-page .case {
        display: flex;
        flex-direction: column;
    }



    /*  Story Page  */
    .story-page .boxes {
        display: grid;
        grid-column-gap: 20px;
        grid-template-columns: repeat(2, calc((100% - 20px) / 2));
        margin-bottom: 38px;
    }

    .story-page .boxes .media {
        margin-bottom: 0;
        padding-top: 100%;
    }

    .story-page .boxes .site-container {
        margin: 0;
        width: auto;
    }

    .story-page .boxes .text {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .story-page .info-box {
        display: inherit;
        flex-direction: inherit;
        height: 100%;
        margin-bottom: 0;
    }



    /*  Stories Page  */
    .stories-page .stories-list {
        display: grid;
        grid-gap: 30px 20px;
        grid-template-columns: repeat(3, calc((100% - 40px) / 3));
    }

    .stories-page .story:not(:last-child) {
        margin-bottom: 0;
    }



    .about-reports ul {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(2, calc((100% - 15px) / 2));
    }

    .about-reports li:not(:last-child) {
        margin-bottom: 0;
    }

    .about-sponsors ul {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(7, calc((100% - 90px) / 7));
    }



    /*  Contact Page  */
    .contact-page.main {
        margin-bottom: 39px;
    }

    .contact-page ul {
        margin-bottom: 18px;
    }

    .contact-page .site-form.style {
        padding: 0;
    }

    .contact-page .site-form.blue-normal {
        background-color: transparent;
    }

    .contact-page .input-wrapper .title.white,
    .contact-page .checkbox-wrapper.white {
        color: inherit;
    }

    .contact-page .checkbox-wrapper.white input:checked + .input {
        background-color: var(--color--black);
    }

    .contact-page .checkbox-wrapper.white .icon {
        color: var(--color--white);
    }

    .contact-page .site-button.white {
        background-color: var(--color--blue-normal);
        box-shadow: 0 0 10px var(--color--blue-normal-transparent-35);
        color: var(--color--white);
    }

    .recaptcha-note.blue-normal {
        color: var(--color--black-transparent-50);
    }

    .recaptcha-note.blue-normal a {
        color: var(--color--blue-normal);
    }



    /*  Footer  */
    .site-footer .site-form {
        display: grid;
        grid-column-gap: 15px;
        grid-template-columns: repeat(2, calc((100% - 15px) / 2));
    }

    .site-footer .site-form > :nth-last-child(-n+6) {
        grid-column: span 2;
    }



    /*  Navigation  */
    .site-navigation {
        display: none;
    }



    /*  Case Details Modal  */
    .case-details-modal .content::after {
        background-color: var(--color--blue-glass);
        bottom: 0;
        content: "";
        display: block;
        height: 46px;
        position: sticky;
        width: 100%;
    }

    .case-details-modal .support,
    .case-details-modal .site-button {
        border-radius: 3px;
        bottom: 46px;
        margin: 0 auto;
        width: var(--container--width);
        z-index: 1;
    }

    .case-details-modal form {
        bottom: auto;
        position: static;
    }

    .case-details-modal form .site-button.round-3 {
        border-radius: 3px;
    }



    /*  Menu Modal  */
    .menu-modal {
        background-color: var(--color--red-normal-transparent-05);
        box-sizing: border-box;
        grid-column-start: span 2;
        height: auto;
        left: auto;
        margin-left: calc(-1 * ((var(--viewport--width) - var(--container--width)) / 2));
        padding: 0 calc((var(--viewport--width) - var(--container--width)) / 2);
        position: static;
        top: auto;
        transform: none;
        width: var(--viewport--width);
        z-index: auto;
    }

    .menu-modal::before {
        display: none;
    }

    .menu-modal .close-space {
        display: none;
    }

    .menu-modal nav {
        background-color: transparent;
        bottom: auto;
        box-sizing: content-box;
        color: var(--color--black-transparent-70);
        font-weight: 500;
        height: auto;
        left: auto;
        opacity: 1;
        overflow-y: visible;
        padding: 0;
        position: static;
        width: auto;
    }

    .menu-modal .list {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 10px 0 9px;
        width: auto;
    }

    .menu-modal .list li:not(:last-child) {
        margin: 0 30px 0 0;
    }

    .menu-modal .list > li:nth-child(1) {
        margin-right: 0;
        position: absolute;
        top: 21px;
    }

    .menu-modal .list[__active-ro-ro] > li:nth-child(1) {
        right: 547px;
    }

    .menu-modal .list[__active-en-gb] > li:nth-child(1) {
        right: 666px;
    }

    .menu-modal .list > li:nth-child(2) > button {
        display: none;
    }

    .menu-modal .list > li:nth-child(3) {
        margin-right: 0;
        position: absolute;
        top: 21px;
    }

    .menu-modal .list[__active-ro-ro] > li:nth-child(3) {
        right: 395px;
    }

    .menu-modal .list[__active-en-gb] > li:nth-child(3) {
        right: 529px;
    }

    .menu-modal .list li svg {
        display: none;
    }

    .menu-modal .sub-menu {
        box-sizing: content-box;
        transform: none;
        width: auto;
    }

    .menu-modal .sub-menu-inner {
        padding-top: 0;
        position: static;
    }

    .menu-modal .sub-menu-inner::before {
        display: none;
    }


    .menu-modal .sub-list {
        background-color: transparent;
        display: flex;
        padding: 0;
    }



    /*  Cookies Modal  */
    .cookies-modal {
        bottom: 0;
    }

}


/*
@media (min-width: 1100px) {

    /*  Base  *
    :root {
        --container--width: 1000px;
    }

}
*/