@media only screen and (max-width: 1645px) {
    .hero-banner__content {
        width: 30%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1519px) {
    .barrier-section .titles {
        padding-inline: 5rem;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1408px) {
    .hero-banner__content {
        width: 25%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1308px) {
    .barrier-section .titles {
        padding-inline: 5rem;
    }
}

@media only screen and (max-width: 1199px) {
    header[class="header"] ~ .footer {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 1024px) {
    .barrier-section__barriers .barrier-section__barriers_card,
    .sponsorship-section__work .sponsorship-section__work_item-single {
        min-width: calc((100% / 2) - 25px);
    }

    .donation-map__world-map_wrapper image.donation-map__world-map_custom__country_icon {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1094px) {
    .barrier-section .titles {
        padding-inline: 5rem;
    }
}

@media only screen and (max-width: 991px) {
    .header__logo {
        max-width: 180px;
        padding: 0;
    }

    .header__navbar--container ul#header__navbar--menu {
        height: 0;
        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: 50px;
        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 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 {
        width: 100%;
        margin-left: auto;
        margin-right: 10px;
    }

    .nav-btn iframe {
        margin: 0;
    }

    .hero-banner__content-wrapper {
        margin-top: 10vh;
    }

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

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

    .footer__social-grid {
        width: 160px;
        gap: 10px;
    }

    .footer__social-grid > * {
        width: 35px;
    }

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

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

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

    .benifits-section__benifits-list_single-items_wrapper img {
        width: 50px;
    }

    .benifits-section__section-image {
        height: 350px;
    }

    .donation-map__statistics_single-item {
      text-align: center;
    }

    .hero-banner__content {
        width: 40%;
    }

    .donation-map__world-map::after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(var(--clr--rich--black), .7) url("https://when-i-grow-up.worldvision.ca/wp-content/uploads/2025/09/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.hide-overlay::after {
        opacity: 0;
    }

    .benifits-section__row {
        align-items: end;
    }
}

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

    /* .titles>h1,
    .titles>h2,
    h2.titles__sub-heading,
    .titles__sub-heading {
        text-align: left;
    } */

    .footer__logo {
        text-align: center;
        display: block;
        width: 200px;
        margin: 0 auto 30px;
    }

    .footer__content {
        align-items: center;
    }

    .footer__social-grid {
        margin-inline: auto;
        justify-content: center !important;
    }

    .footer__social-grid > * {
        width: 35px;
    }

    .footer__content p {
        text-align: center;
    }

    .contact-section__row {
        gap: 35px;
    }

    .contact-section__footnote {
        text-align: center;
    }

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

    .benifits-section {
        background: rgb(var(--clr--white)) var(--benefits--mobile--bg--image) no-repeat 50% 65% / cover;
        padding-bottom: 350px;
    }

    .benifits-section:before {
        width: 100%;
        height: 70%;
        background: linear-gradient(180deg, rgba(var(--clr--rich--black), 1) 0%, rgba(var(--clr--rich--black), 0) 100%);
    }

    .hero-banner__content {
        width: 45%;
    }

    .donation-map__world-map_custom__country_popup[style*="display: block;"] ~ #country-popup-overlay {
        position: fixed;
        background: rgba(var(--clr--rich--black), .9);
    }

    /* .benifits-section__benifits-list_single-items_wrapper p {
        font-size: 15px;
    } */
}

@media only screen and (max-width: 575px) {
    .section-row {
        padding-inline: 0;
    }

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

    .hero-banner__content-wrapper {
        height: 528px;
        margin-top: 0;
    }

    .hero-banner__content {
        width: 100%;
        height: 100%;
        padding-top: 15px;
        justify-content: flex-start;
        gap: 10px;
    }

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

    .barrier-section__barriers .barrier-section__barriers_card,
    .sponsorship-section__work .sponsorship-section__work_item-single {
        min-width: 100%;
    }
}

@media only screen and (max-width: 499px) {
    .hero-banner__content {
        width: 65%;
    }
}

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

    .hero-banner__video_mobile {
        display: block !important;
        aspect-ratio: 9 / 16 !important;
    }
}

@media only screen and (max-width: 399px) {
    .hero-banner__content {
        width: 84%;
    }

    .benifits-section {
        padding-bottom: 390px;
    }
}