@media only screen and (max-width: 1670px) {
    .giving-hero-banner__content {
        width: 390px;
    }
}

@media only screen and (max-width: 1440px) {
    .giving-hero-banner__content {
        width: 400px;
    }
}

@media only screen and (max-width: 1399px) {
    .donation-map__world-map_custom_country_popup-copy {
        max-height: 430px;
    }
}

@media only screen and (max-width: 1335px) {
    .giving-hero-banner__content {
        width: 350px;
    }
}

@media only screen and (max-width: 1199px) {
    .donation-map__tabs {
        width: 280px;
    }

    .donation-map__world-map {
        gap: 25px;
    }

    .donation-map__world-map_wrapper {
        width: calc(100% - 305px);
    }

    .donation-map__tabs_item p {
        font-size: 14px;
    }

    .donation-map__world-map_custom_country_popup {
        width: 280px;
    }

    .donation-map__world-map_custom_country_popup-copy p {
        font-size: 14px;
    }

    .donation-map__world-map_custom_country_popup-copy {
        max-height: 420px;
    }

    .donation-map__world-map_custom_country_popup-wrapper > img {
        height: 110px;
    }

    .giving-hero-banner__content {
        width: 300px;
    }

    .stories__wrapper_card-body {
        padding: 20px 10px 20px 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .giving-hero-banner__content {
        width: 220px;
    }
}

@media only screen and (max-width: 991px) {
    .header__navbar {
        gap: 3px;
    }

    .header__logo {
        max-width: 180px;
        padding: 0;
        order: 1;
    }

    .header__navbar_toggler {
        padding: 4px;
        order: 3;
    }

    .header__navbar_button {
        width: calc(100% - 260px);
        order: 2;
        justify-content: flex-end !important;
    }

    .header__navbar_collapse {
      order: 4;
    }

    .header__navbar--container ul#header__navbar_menu {
        height: 0;
        width: 100%;
        flex-direction: column;
        transition: height 300ms ease-out;
        -webkit-transition: height 300ms ease-out;
        -moz-transition: height 300ms ease-out;
        -ms-transition: height 300ms ease-out;
        -o-transition: height 300ms ease-out;
    }

    .header__navbar--container.menu-toggled ul#header__navbar_menu {
        height: 90px;
        transition: height 300ms ease-out;
        -webkit-transition: height 300ms ease-out;
        -moz-transition: height 300ms ease-out;
        -ms-transition: height 300ms ease-out;
        -o-transition: height 300ms ease-out;
    }

    .header__navbar--container.menu-toggled ul#header__navbar_menu li.menu-item {
        width: 100%;
    }

    .navbar-light .navbar-nav .nav-link, .menu-item a {
        text-align: center;
    }

    .nav-btn {
        text-align: center;
    }

    .nav-btn a {
        margin-inline: 0;
    }

    .nav-btn iframe {
        margin: 0;
    }

    .giving-hero-banner__container {
        height: 60vh;
    }

    .grid-three > *,
    .grid-four > *,
    .grid-five > * {
        width: calc((100% / 2) - 13px);
    }

    .footer__partner-logos > * {
        width: calc((100% / 3) - 14px);
    }

    .donation-map__tabs_item {
        width: calc((100% / 4) - 19px);
    }

    .grid-two,
    .grid-three,
    .grid-four,
    .grid-five {
        gap: 20px;
        justify-content: center;
    }

    .video-section__player {
        margin-bottom: 15px;
    }

    .video-section__player .video-section__play-icon {
        width: 75px;
    }

    .gutter-top {
        margin-top: 60px;
    }

    .donation-map__world-map_wrapper::after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(var(--clr--rich--black), .7) url("https://d1h8xmz1y5a4ga.cloudfront.net/animated-horizontal-move-linear-icon.gif") no-repeat center center / 60px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        pointer-events: none;
        transition: opacity 0.5s ease;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
    }

    .donation-map__world-map_wrapper.hide-overlay::after {
        opacity: 0;
    }

    .community__wrapper_quote {
      width: auto;
    }

    .stories__wrapper .stories__wrapper_card {
        /* min-width: calc((100% / 2) - 25px); */
        flex-direction: column;
        gap: 0;
    }

    .stories__wrapper_card-image,
    .stories__wrapper_card-body {
        width: 100%;
    }

    .stories__wrapper_card-body {
        padding: 20px;
    }

    .donation-map__world-map_custom_country_popup {
        width: 100%;
        /* top: inherit !important;
        bottom: 0; */
    }

    .donation-map__world-map_custom_country_popup-copy {
        background: rgb(var(--clr--white));
        width: calc(100vw - 30px);
        max-width: 350px;
        height: auto;
        max-height: calc(100vh - 150px);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .donation-map__tabs:has(~ .donation-map__world-map_custom_country_popup[style*="display: block;"]) {
        opacity: 1;
    }

    .donation-map__world-map_custom_country_popup-wrapper > img {
        height: 197px;
    }

    .donation-map__world-map_custom_country_popup-wrapper {
        gap: 0;
    }

    .donation-map__world-map_custom_country_popup-wrapper:before {
        content: "";
        background-color: rgba(var(--clr--rich--black), .9);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }

    .donation-map__world-map {
        flex-direction: column;
    }

    .donation-map__tabs {
        width: 100%;
    }

    .donation-map__world-map_wrapper {
        width: 100%;
    }

    .donation-map__world-map_custom_country_popup {
        width: 100%;
    }

    .donation-map__world-map_custom {
        min-height: 400px;
    }

    .map-controller {
        display: flex;
    }

    .community__wrapper {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
}

@media only screen and (max-width: 767px) {
    .grid-two > *,
    .grid-three > *,
    .grid-four > *,
    .grid-five > * {
        width: 100%;
    }

    .footer__partner-logos > * {
        width: calc((100% / 3) - 14px);
    }

    .donation-map__tabs_item {
        width: calc((100% / 2) - 13px);
    }

    .titles > h1,
    .titles > h2,
    h2.titles__sub-heading {
        text-align: center !important;
    }

    .giving-hero-banner__content {
        width: 85%;
        height: 100%;
        justify-content: flex-end;
        gap: 10px;
    }

    .community__wrapper {
        flex-direction: column;
        padding: 20px 35px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    .community__wrapper_quote {
        text-align: center;
    }

    .community__wrapper_profile-img {
        max-width: 120px;
    }

    .footer__copyright {
        font-size: 16px;
    }

    a.contact-section__contact-cta_button {
        padding: 12px 15px;
    }

    .video-controls {
        right: 4vw;
        bottom: 4vw;
    }

    .video-controls__toggle-btn {
        font-size: 18px;
        width: 36px;
        height: 36px;
    }

    .video-section__player video {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

    section.community {
        /*background-color: rgb(var(--clr--light--orange));*/
        padding-block: clamp(40px, 4.5vw, 92px) !important;
    }
    
    .titles {
        margin-bottom: .75rem;
    }

    .footer__logo {
        display: block;
        max-width: 175px;
        margin: 0 auto 25px;
    }

    .footer__content {
        padding-block: 40px;
        margin-block: 40px;
    }

    /* .donation-map__world-map_custom_country_popup-copy {
        height: 340px;
    } */

    .donation-map__world-map_custom_country_popup-wrapper > img {
        height: 310px;
    }

    .donation-map__tabs_item p {
        font-size: 13px;
    }

    .donation-map__tabs > * {
        width: calc((100% / 2) - 13px);
    }

    .giving-hero-banner__container:after {
        top: inherit;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgb(var(--clr--rich--black));
        background: -webkit-linear-gradient(0deg, rgba(var(--clr--rich--black), 0.8) 0%, rgba(var(--clr--blue), 0) 100%);
        background: -moz-linear-gradient(0deg, rgba(var(--clr--rich--black), 0.8) 0%, rgba(var(--clr--blue), 0) 100%);
        background: linear-gradient(0deg, rgba(var(--clr--rich--black), 0.8) 0%, rgba(var(--clr--blue), 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    }

    .giving-hero-banner__content-area .row {
        height: 100%;
    }

    .giving-hero-banner__content-wrapper {
        height: 100%;
        padding-bottom: 4vw;
        margin-top: 0;
    }

    .stories__wrapper_card-body_copy p {
        font-size: 15px;
    }

    .stories__wrapper_read-more-button {
        padding-block: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .header__logo {
        max-width: 140px;
    }

    .header__navbar_button {
        width: calc(100% - 180px);
    }

    .nav-btn a i {
        margin-right: 2px;
    }

    .header__navbar_icon {
        width: 23px;
        margin: 3px 0;
    }

    .giving-hero-banner__content-area {
        padding-inline: 20px;
    }

    .gutter-top {
        margin-top: 50px;
    }

    .nav-btn a {
        font-size: 13px;
        padding-inline: 5px !important;
        margin-inline: 0;
    }

    .header__navbar .header__navbar_toggler[aria-expanded="true"] .header__navbar_icon:nth-of-type(1),
    button.header__navbar_toggler.button-toggled .header__navbar_icon:nth-of-type(1) {
        transform: rotate(45deg) translate(4px, 4px);
        -webkit-transform: rotate(45deg) translate(4px, 4px);
        -moz-transform: rotate(45deg) translate(4px, 4px);
        -ms-transform: rotate(45deg) translate(4px, 4px);
        -o-transform: rotate(45deg) translate(4px, 4px);
    }

    .header__navbar .header__navbar_toggler[aria-expanded="true"] .header__navbar_icon:nth-of-type(3),
    button.header__navbar_toggler.button-toggled .header__navbar_icon:nth-of-type(3) {
        transform: rotate(-45deg) translate(5px, -4px);
        -webkit-transform: rotate(-45deg) translate(5px, -4px);
        -moz-transform: rotate(-45deg) translate(5px, -4px);
        -ms-transform: rotate(-45deg) translate(5px, -4px);
        -o-transform: rotate(-45deg) translate(5px, -4px);
    }

    .stories__wrapper .stories__wrapper_card {
        min-width: 100%;
    }

    .footer__copyright {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .giving-hero-banner__video_desktop {
        display: none !important;
    }

    .giving-hero-banner__video_mobile {
        display: block !important;
    }

    .footer__content_contact-details {
        flex-direction: column;
    }

    .footer__content_contact-heading {
        margin-bottom: 10px !important;
    }

    a.contact-section__contact-cta_button {
        margin-inline: auto;
    }

    .footer__content .footer__social-grid {
      margin-inline: auto;
    }

    .footer__content .footer__social-grid {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 400px) {
    /* .donation-map__world-map_custom_country_popup-copy {
        width: 100%;
        height: 340px;
    } */

    .donation-map__world-map_custom_country_popup-wrapper > img {
        width: calc(100% - 30px);
        height: 150px;
    }

    .donation-map__world-map_custom_country_popup-wrapper {
        flex-direction: column;
    }
}

/* @media only screen and (max-width: 345px) {
    .donation-map__world-map_custom_country_popup-copy {
        height: 380px;
    }
} */