@media screen and (max-width: 1765px) {
	.container {
		max-width: 100%;
	}
}

@media screen and (max-width: 1529px) {
	.two-column.stats-wrapper .container,
    .single-post-header .container,
    .blog .container,
    .stories .container,
    .vacancies-block .container,
    .testimonials-block .container,
    .cta-block .container,
    .program-filter .container,
    .resources, .post-content,
    .related-posts .container {
		max-width: 100%;
	}

    .resources,
    .cta-block .container {
        padding: 90px 36px;
        gap: 70px;
    }

    .two-column .container {
		max-width: 100%;
        gap: 80px;
        padding: 90px 36px;
	}

    .two-column.banner-block .container {
        padding-top: 36px;
        padding-bottom: 0px;
    }

    .two-column .image-section {
        width: 580px;
    }

    .events {
        padding: 90px 36px;
    }


    .program-filter .container {
        margin: 0 36px;
        gap: 50px;
        padding: 50px;
    }
}

@media screen and (max-width: 1471px) {
    .two-column.banner-block .container {
        max-width: 100%;
    }

    .program-filter .filter-form,
    .cta-block-form,
    .shortcode-section {
        width: 55%;
    }

    .blog-posts .wp-post-image, .vacancy img {
        width: 100%;
    }

    .cards-wrapper,
    .events .cards-wrapper,
    .two-column .container {
        gap: 50px;
    }

    .cta-block .container {
        margin: 50px auto;
        padding: 50px;
    }

    .resources {
        margin: 0px auto;
        padding: 50px;
    }

    .vacancies-block,
    .stories, .related-posts {
        padding: 50px 0;
    }

    .two-column .container {
        padding: 50px 36px;
    }

    .two-column .container.programs {
        padding: 25px 36px;
    }

    .post-content {
        margin: 50px auto;
        gap: 50px;
    }

    .event-filter {
        gap: 50px;
        margin-bottom: 50px;
    }

    .testimonials-block,
    .values-block,
    .single-post-header h1 {
        margin-bottom: 50px;
    }

    .single-post-header {
        padding: 50px 0;
    }
}

@media screen and (max-width: 1449px) {
    .values-block .container,
	.newsletter .container,
	footer.container {
		max-width: 100%;
	}

    .footer .container {
        gap: 45px;
        padding: 90px 36px;
    }

    .form-container {
        gap: 25px;
    }

    .header {
        padding: 25px 0;
        gap: 25px;
    }

    .header-nav ul {
        gap: 15px;
    }

    .header-nav a {
        font-size: 16px;
    }
}

@media screen and (max-width: 1409px) {
	.two-column.content-shortcode .container,
    .people .container {
		max-width: 100%;
	}

    .people,
    .event-details {
        padding: 50px 0;
    }

    .people-in-group {
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        gap: 40px;
    }

    .two-column .container.programs:first-child {
        padding-top: 50px;
    }

    .two-column .container.programs:last-child {
        padding-top: 50px;
    }

    .two-column.content-shortcode .container {
        max-width: 100%;
        padding: 50px 36px;
        gap: 50px;
    }

    .shortcode-section .form-group {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1381px) {
	.events {
        padding: 50px 36px;
    }

    #person-modal {
        padding: 50px;
    }
}

@media screen and (max-width: 1325px) {
    .logos .container,
	.focus-areas .container {
		max-width: 100%;
	}

    .focus-areas .container {
        padding: 50px 36px;
    }
}

@media screen and (max-width: 1301px) {
    .events.container {
		max-width: 100%;
	}
}

@media screen and (max-width: 1299px) {
    .event-details .container,
    .two-column img {
        max-width: 100%;
    }

    .two-column .container,
    .resources {
        gap: 50px;
        padding: 70px 36px;
    }

    /* .two-column img {
        max-width: 500px;
    } */

    .two-column .stats {
        padding: 45px;
        max-width: 100%;
    }

    .people {
        padding: 70px 0;
    }

    .cards-wrapper {
        gap: 50px;
    }

    .form-container {
        gap: 15px;
    }

    footer.container {
        padding: 70px 36px;
    }

    .event-filter {
        gap: 30px;
        margin-bottom: 50px;
    }

    .two-column .container.programs:first-child {
        padding-top: 70px;
    }

    .two-column .container.programs:last-child {
        padding-top: 70px;
    }
}

@media screen and (max-width: 1250px) {
    .sub-title, .pre-header {
        padding-bottom: 12px;
        margin-bottom: 25px;
    }

    .newsletter .container {
        flex-direction: column;
        align-items: flex-start;
    }

    .focus-areas-row {
        gap: 64px;
    }
}

@media (max-width: 1219px) {
    body .uwy.userway_p1 .userway_buttons_wrapper {
        top: 111px !important;
    }

    .header {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }

    .navbar {
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 0;
        left: -36px;
        width: 100%;
        background: #fff;
        padding: 10px 0;
        display: none;
    }

    .navbar {
        &.mobile {
            display: flex; /* Show on mobile */
        }
    }

    .header-links {
        display: none;
    }

    .hamburger-icon {
        display: flex; /* Show hamburger icon on mobile */
        flex-direction: column;
        cursor: pointer;
        position: absolute;
        top: 75px;
        right: 10px;
        z-index: 2;
    }

    .header input[type="checkbox"] {
        display: none; /* Hide the checkbox */
    }

    .navbar {
        flex-direction: column;
        width: 100%;
        padding: 30px 50px;
        box-sizing: border-box;
    }

    #menu-toggle:checked + .hamburger-icon + .navbar {
        display: flex; /* Show menu when hamburger is clicked */
        height: 100vh;
        width: 100vw;
        z-index: 1;
    }

    /* Animation for Hamburger Icon */
    #menu-toggle:checked + .hamburger-icon {
        top: 60px; /* Adjust position when menu is open */
    }
    #menu-toggle:checked + .hamburger-icon .bar:nth-child(1) {
        transform: rotate(45deg) translate(7px, 7px);
    }

    #menu-toggle:checked + .hamburger-icon .bar:nth-child(2) {
        opacity: 0; /* Hide the middle bar */
    }

    #menu-toggle:checked + .hamburger-icon .bar:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    .header-nav ul {
        flex-direction: column;
        width: 100%;
        padding: 25px 30px;
        align-items: flex-start;
    }

    .header-nav li {
        padding: 0;
    }

    .header-nav li a {
        padding: 15px 0 8px;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .header-nav li.menu-item-has-children > a {
        padding-right: 0;
        background: transparent;
    }

    .header-nav li .sub-menu {
        display: block;
        position: relative;
        top: 10px;
        left: auto;
        min-width: 100%;
        box-shadow: none;
        background: transparent;
        padding: 0 0 0 15px;
    }

    .header-nav li .sub-menu::after {
        display: none; /* Hide the arrow */
    }

    .header-nav .sub-menu li a {
        background: url(../images/icon-arrow-right.svg) no-repeat 0 13px;
        background-size: 8px 14px;
        padding: 8px 0 8px 24px;
        margin-bottom: 0;
    }

    .header-nav .sub-menu li.current-menu-item > a::after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 4px;
        background: #A4DBDE;
    }

    .mobile-link {
        display: block;
    }

    .header-nav li.mobile-link.current-menu-item > a::after, .header-nav li.mobile-link.current_page_parent a::after {
        display: none;
    }

    .single-post-header {
        padding: 70px 0 0;
    }

    .single-post-header h1 {
        font-size: 35px;
        margin-bottom: 70px;
    }

    .footer {
        gap: 40px;
    }

    .footer-cols {
        flex: auto;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .post-content {
        gap: 60px;
        margin: 60px auto;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 35px;
        margin-bottom: 40px;
    }

    h3 {
        font-size: 30px;
    }

    .two-column .stats {
        padding: 40px;
    }

    .stats .stat {
        display: flex;
        gap: 30px;
        margin-bottom: 35px;
    }

    .stat .number {
        width: 110px;
        height: 92px;
        font-size: 30px;
    }

    .stat p.description {
        font-size: 20px;
    }

    .program-filter .filter-form,
    .cta-block-form,
    .shortcode-section {
        width: 50%;
    }

    .values-row {
        column-gap: 50px;
        row-gap: 50px;
    }

    .value {
        gap: 35px;
    }
}

@media screen and (max-width: 980px) {
    .owl-nav {
        top: calc(50% - 125px);
    }

    .two-column .container.programs {
        flex-wrap: wrap;
    }

    .two-column .owl-carousel .owl-item img {
        max-width: 100%;
        height: auto;
    }

    .owl-item .text-section {
        padding-right: 0px;
        box-sizing: border-box;
    }

    .two-column .container,
    .cta-block .container,
    .values-row,
    .event-details .container,
    .program-filter .container {
        flex-direction: column;
        gap: 35px;
        align-items: flex-start;
    }

    .program-filter .container {
        padding: 30px;
        border-radius: 20px;
    }

    .two-column.dir-right .container {
        flex-direction: column-reverse;
        gap: 35px;
        align-items: flex-start;
    }

    .days-wrapper .form-row label:before {
        border-radius: 5px;
    }

    .post-content {
        gap: 35px;
        margin: 35px auto;
        flex-direction: column-reverse;
    }

    .program-filter .filter-form, .cta-block-form, .shortcode-section,
    .two-column.stats-wrapper .text-section,
    .two-column.stats-wrapper .image-section {
        width: 100%;
    }

    .two-column .image-section {
        width: 100%;
    }

    .two-column img {
        max-width: 100%;
        width: 100%;
        height: 500px;
    }

    .form-container {
        justify-content: flex-start;
    }

    #person-modal .modal-content {
        gap: 50px;
        flex-wrap: wrap;
    }

    .people-in-group .person img {
        margin-bottom: 20px;
    }

    .person h4 {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 768px) {
    .banner {
        height: auto;
    }

    .banner-content {
        width: 100%;
        padding: 35px;
    }

    .banner-content p {
        font-size: 20px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .two-column .owl-nav button {
        width: 71px;
        height: 59px;
        background-size: 70px 59px !important;

    }

    .single-post-header {
        background: linear-gradient(to bottom, #A4DBDE 0%, #A4DBDE 80%, #ffffff 80%, #ffffff 100%);
        padding: 35px 0 0;
    }

    .single-post-header .post-thumbnail img {
        height: auto;
    }

    .two-column img {
        height: auto;
    }

    .post-content {
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer-column {
        flex: auto;
        width: 40%;
    }

    .footer-cols {
        flex-wrap: wrap;
    }

    .two-column .container, .resources {
        padding: 50px 36px;
    }

    .stories, .related-posts {
        padding: 35px 0px;
    }

    #person-modal .modal-content {
        gap: 30px;
    }

    .people-in-group .person img {
        width: 100%;
        object-position: top center;
    }

    #person-modal .modal-content .left-column,
    .form-container input {
        width: 100%;
    }

    #modal-image {
        width: 100%;
        max-width: 100%;
        object-position: top center;
    }

    .shortcode-section .form-group {
        margin-bottom: 0;
    }

    .form-row {
        flex-direction: column;
        gap: 0;
    }

    .form-row .form-group {
        margin-bottom: 15px;
    }

    .footer-social {
        justify-content: center;
        margin-top: 25px;
    }

    .two-column .stats,
    #person-modal,
    .card {
        padding: 20px;
    }

    .card-header {
        margin-bottom: 15px;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        width: 49px !important;
        height: 41px !important;
        right: -16px !important;
    }
}

@media screen and (max-width: 650px) {
    .owl-nav {
        top: 210px;
        padding: 0 30px 0 0;
    }

    .two-column .container.programs {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .blog-posts, .vacancies-row {
        grid-template-columns: 1fr;
    }

    .blog-posts .wp-post-image, .vacancy img {
        height: auto;
    }

    .filter-sec .filter-input,
    .filter-sec .filter-search,
    .filter-sec .filter-type,
    .filter-sec .filter-age {
        width: 100%;
    }

    .stat .number {
        width: 80px;
        height: 62px;
        font-size: 20px;
    }

    .focus-areas-row,
    .people-in-group {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }

    /* .owl-nav {
        top: calc(50% - 105px);
    } */
}