@media screen and (max-width: 1350px) {
    .org-list .filter-block {
        flex-direction: column;
        padding: 24px;
        gap: 24px;
    }

    .org-list .filter-list__title .icon-container, .org-list .search-title .icon-container {
        width: 32px;
        height: 32px;
    }

    .org-list .filter-list__title p, .org-list .search-title p {
        font-size: 20px;
        letter-spacing: -0.02em;
    }

    .org-list .filter-list__item .dropdown-toggle {
        font-size: 16px;
        letter-spacing: -0.01em;
        padding: 8px 42px 8px 16px;
    }

    .org-list .filter-list, .org-list .search-wrapper {
        gap: 8px;
    }

    .org-list .filter-list__item .dropdown-toggle::after {
        right: 19px;
    }

    .org-list .organisation-item {
        flex-direction: column;
        align-items: start;
        gap: 24px;
        padding: 24px 0;
    }

    .org-list .organisation-title {
        width: 100%;
        font-size: 32px;
        letter-spacing: -0.01em;
        margin-right: 0;
    }

    .org-list .organisation-count {
        margin-right: 16px;
    }

    .org-list .organisation-info {
        margin-left: 48px;
    }

    .org-list .organisation-info .info-wrapper .info-title,
    .org-list .organisation-info .info-wrapper .info-value {
        font-size: 16px;
        letter-spacing: 0;
    }

    .org-list .organisation-list {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .experience-page .hero-2__left h1 {
        font-size: 70px;
    }

    .experience-page .hero-2 nav {
        margin-bottom: 48px;
    }

    .experience-page .hero-2__left a {
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0;
    }

    .experience-page .hero-2 .breadcrumb-item.active {
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0;
    }

    .experience-page .hero-2 h2 {
        font-weight: 400;
        font-size: 70px;
        line-height: 100%;
        letter-spacing: -0.01em;
    }

    .experience-page .hero-2 nav {
        margin-bottom: 48px;
    }

    .experience-page .hero-2__left p {
        margin-top: 24px;
    }

    .experience-page .hero-2 {
        display: flex;
        flex-direction: column;
        margin-bottom: 40px;
    }

    .experience-page .hero-2__right {
        display: flex;
        flex-direction: column;
    }

    .experience-page .hero-2__right .img-container {
        flex: 1 0 0;
    }

    .experience-page .hero-2__left {
        padding: 148px 24px 37px;
    }

    .org-list .filter-block {
        margin-left: -24px;
        margin-right: -24px;
    }
}

@media screen and (max-width: 768px) {
    .experience-page .hero-2 h1 {
        font-size: clamp(2.5rem, 0.711rem + 7.63vw, 4.375rem);
    }

    .org-list .organisation-title {
        font-size: clamp(1.375rem, 0.779rem + 2.54vw, 2rem);
    }

    .org-list .buttons .btn, .org-list .buttons .btn-subscribe {
        font-size: clamp(1rem, 0.881rem + 0.51vw, 1.125rem);
        padding: clamp(0.813rem, -0.313rem + 3.13vw, 1.188rem) clamp(1.5rem, -1.5rem + 8.33vw, 2.5rem);
    }
}

@media screen and (max-width: 576px) {
    .experience-page .hero-2__left {
        padding: 102px 16px 40px;
    }

    .experience-page .hero-2__left a {
        font-size: 14px;
        letter-spacing: 0;
    }

    .experience-page .hero-2 .breadcrumb-item.active {
        font-size: 14px;
        letter-spacing: 0;
    }

    .experience-page .hero-2 h2 {
        letter-spacing: 0;
    }

    .experience-page .hero-2__left p {
        margin-top: 16px;
    }

    .experience-page {
        padding-bottom: 80px;
    }

    .org-list .filter-block {
        margin-left: -16px;
        margin-right: -16px;
        padding: 16px;
        gap: 16px;
    }

    .experience-page .grid-container-1024 {
        margin: 0 16px;
    }

    .org-list .filter-list__title .icon-container, .org-list .search-title .icon-container {
        width: 24px;
        height: 24px;
    }

    .org-list .filter-list__title p, .org-list .search-title p {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
    }

    .org-list .filter-list__item .dropdown-toggle {
        padding: 6px 28px 6px 8px;
        letter-spacing: 0;
        font-size: 14px;
        border-radius: 6px;
    }

    .org-list .items-count {
        min-width: 16px;
        margin-left: 0;
    }

    .org-list .filter-list, .org-list .search-wrapper {
        gap: 4px;
    }

    .org-list .filter-list__item .dropdown-toggle::after {
        right: 8px;
    }

    .org-list .input-container .btn {
        padding: 13px 24px;
        font-size: 16px;
    }

    .org-list .organisation-count {
        min-width: 24px;
        font-size: 12px;
        margin-right: 8px;
    }

    .org-list .organisation-title {
        letter-spacing: 0;
    }

    .org-list .organisation-info {
        margin-left: 32px;
    }

    .org-list .organisation-item {
        gap: 18px;
    }

    .org-list .organisation-info .info-wrapper .info-title {
        width: 64px;
    }

    .org-list .buttons {
        flex-direction: column;
        align-items: center;
    }

    .org-list .buttons .btn, .org-list .buttons .btn-subscribe {
        max-width: fit-content;
    }

    .org-list .input-container input {
        padding: 10px 14px 6px 18px;
    }

    .org-list .select-custom .dropdown-item {
        padding: 12px 55px 16px 13px;
        font-size: 14px;
    }

    .select-custom .dropdown-item.active::after {
        right: 10px;
    }
}