@media(max-width: 767px) {
    h1 {
        margin: 0 0 30px 0;
        font-weight: 700;
        font-size: 1.75rem;
        line-height: normal;
    }

    h2 {
        margin: 0 0 20px 0;
        font-size: 1.25rem;
    }

    iframe {
        border-radius: 20px;
        max-width: 100%;
        height: auto;
    }

    .header {
        font-size: 1.5rem;
        line-height: 1;
    }

    .btn {
        padding: 8px 20px;
    }

    .page__aside {
        order: 1;
        width: 100%;
        margin-bottom: 40px;
    }

    .page__inner {
        order: 2;
        width: 100%;
    }

    /*---- Шапка сайта ----*/
    .main-header {
        height: 50px;
    }

    .main-header-nav {
        display: none;
    }

    .main-header__logo {
        width: auto;
        margin-right: 0;
    }

    .main-header__logo-img {
        width: auto;
        height: 40px;
    }

    .main-header__right-top {
        display: none;
    }

    .main-header__right-bottom {
        display: flex;
        align-items: center;
        height: 50px;
        margin-bottom: 0;
    }

    .main-header__hamburg-link {
        display: none;
    }

    .main-header__hamburg-link-mobile {
        display: inline-flex;
    }

    .first-block {
        height: 250px;
    }

    .first-block__img {
        max-height: 200px;
        right: 20px !important;
    }

    .first-block__header {
        margin-bottom: 20px;
        font-size: 1.125rem;
    }

    .breadcrumbs {
        padding: 30px 0;
    }

    .documents-list__text-block {
        padding-right: 10px;
    }

    .documents-list__text {
        max-width: 100%;
        word-break: break-all;
        font-size: 0.75rem;
    }

    .documents-list__size {
        font-size: 0.6rem;
    }
    /*---- Конец шапки сайта ----*/

    /*---- Главная страница ----*/
    .main-slider__carousel {
        height: 370px;
    }

    .main-slider__item {
        height: 370px;
    }

    .main-slider__container {
        height: 100%;
        padding: 20px;
    }

    .main-slider__header {
        margin-bottom: 20px;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .main-slider__desc {
        margin-bottom: 20px;
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .main-slider__btn {
        padding: 12px 20px;
    }

    .main-slider__dots {
        padding: 10px 0 30px 0;
    }

    .main-about__top {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .main-about__header {
        margin-bottom: 20px;
    }

    .main-about__top-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .main-about__top-desc {
        display: flex;
        margin: 0 0 20px 0;
        font-size: 0.9375rem;
        line-height: 1.5rem;
    }

    .main-about__bottom {
        margin-bottom: 20px;
    }

    .main-about__btn {
        display: none;
    }

    .main-about__btn_mobile {
        display: inline-flex;
    }

    .main-grants__tabs-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-grants__tabs-item {
        margin: 0 0 20px 0;
    }

    .main-grants__tabs-item:last-child {
        margin-bottom: 0;
    }

    .main-news__item {
        width: 100%;
    }

    .main-news__item-img-link {
        height: auto;
    }

    .main-slider__arrow-left {
        display: none;
    }

    .main-slider__arrow-right {
        display: none;
    }
    /*---- Конец главной страницы ----*/

    /*---- Подвал сайта ----*/
    .footer {
        padding: 30px 0 30px 0;
    }
    .footer-calendar__row {
        flex-direction: column;
    }

    .footer-calendar__left {
        order: 2;
        width: 100%;
    }

    .footer-calendar__right {
        order: 1;
        width: 100%;
        padding-left: 0;
        margin-bottom: 30px;
    }

    .footer-calendar-item {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer-calendar-item__left {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-calendar-item__img-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-right: 0;
    }

    .footer-calendar-item__img-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin: 0 0 5px 0;
    }

    .footer-calendar-item__img {
        max-width: 100%;
        width: 100%;
        height: auto;
        max-height: unset;
        border-radius: 7px;
    }

    .footer-calendar-item__name-wrapper {
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-calendar-item__date {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 5px;
    }

    .footer-calendar-item__date-day {
        margin-right: 5px;
    }

    .footer-bottom {
        padding: 60px 0 0 0;
    }

    .footer-bottom__row {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        padding: 30px 0 30px 0;
    }

    .footer-bottom__left {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-bottom__right {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-bottom__form {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 6px;
    }

    .footer-bottom__form-input {
        width: 100%;
        border-radius: 6px 6px 0 0;
    }

    .footer-bottom__form-submit {
        width: 100%;
        border-radius: 0 0 6px 6px;
    }

    .footer-bottom__socials {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-bottom__socials-header {
        margin: 0 0 10px 0;
    }
    /*---- Конец подвала сайта ----*/
    
    /*---- Раздел о фонде ----*/
    .trustee-council__item {
        width: 100%;
        height: 400px;
    }

    .fond-activity__top-links {
        gap: 20px;
    }

    .fond-activity__top-link {
        width: 100%;
    }

    .fond-activity-map__map svg {
        width: 100%;
        height: auto;
    }

    .fond-activity-promote__items {
        gap: 20px;
        margin-bottom: 20px;
    }

    .fond-activity-promote__item {
        width: 100%;
    }

    .fond-activity-promote__header {
        font-size: 1.5rem;
    }

    .fancybox-content {
        padding: 30px 15px 15px 15px;
    }
    /*---- Конец раздела о фонде ----*/

    /*---- Раздел гранты фонда ----*/
    .grants-comps-sections {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .grants-comps-sections__item {
        width: 100%;
        border-right: 1px solid var(--light-gray-color);
        border-bottom: none;
    }

    .grants-comps-sections__item:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: unset;
    }

    .grants-comps-sections__item:last-child {
        border-top-right-radius: unset;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom: 1px solid var(--light-gray-color);
    }

    .grants-comps-list {
        gap: 20px;
    }

    .grants-comps-list__item {
        width: 100%;
    }

    .grants-comps-detail__top-row {
        flex-wrap: wrap;
    }

    .grants-comps-detail__top-left {
        width: 100%;
        margin-bottom: 20px;
    }

    #grants-comps-tabs .ui-tabs-nav {
        flex-wrap: wrap;
    }

    #grants-comps-tabs .ui-tabs-tab {
        width: 100%;
        max-width: 100%;
        padding: 5px 10px;
        border-right: 1px solid var(--border-main-color);
        border-bottom: none;
    }

    #grants-comps-tabs .ui-tabs-tab:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }

    #grants-comps-tabs .ui-tabs-tab:last-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom: 1px solid var(--border-main-color);
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        display: block;
        width: 100%;
        float: left;
        word-wrap: break-word;
        white-space: normal;
        padding: .5em 1em;
        text-decoration: none;
    }

    .pilot__item {
        width: 100%;
    }

    .grants-info-sections {
        flex-wrap: wrap;
    }

    .grants-info-sections__item {
        width: 100%;
        border: 1px solid var(--light-gray-color);
        border-right: 1px solid var(--light-gray-color);
        border-bottom: none;
    }

    .grants-info-sections__item:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: unset;
    }

    .grants-info-sections__item:last-child {
        border-top-right-radius: unset;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom: 1px solid var(--light-gray-color);
    }

    .interns__filter-block {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .interns__filter-header {
        margin-bottom: 20px;
    }

    .interns__filter-right {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }

    #interns-sections-button {
        width: auto;
        max-width: 320px;
        margin: 0 0 20px 0;
    }

    #interns-subject-menu {
        max-width: calc(100% - 40px);
    }

    .interns-list__item {
        width: 100%;
        height: auto;
    }

    .ui-selectmenu-text {
        font-size: 0.875rem;
    }

    .interns-detail__direction {
        margin-bottom: 30px;
        font-size: 1rem;
    }

    .interns-detail__row {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 40px;
    }

    .interns-detail__left {
        width: 100%;
    }

    .interns-detail__header {
        font-size: 1.125rem;
    }

    .interns-detail__desc {
        margin-bottom: 30px;
    }

    .interns-detail__return-link {
        display: none;
    }

    .interns-detail__center {
        width: 100%;
    }

    .interns-detail__image {
        margin-bottom: 30px;
    }

    .interns-detail__right {
        width: 100%;
    }

    .grants-register-sections {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .grants-register-sections__item {
        width: 100%;
        border: 1px solid var(--light-gray-color);
        border-right: 1px solid var(--light-gray-color);
        border-bottom: none;
    }

    .grants-register-sections__item:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: unset;
    }

    .grants-register-sections__item:last-child {
        border-top-right-radius: unset;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom: 1px solid var(--light-gray-color);
    }
    /*---- Конец раздела гранты фонда ----*/

    /*---- Раздел всероссийские проекты ----*/
    .russian-projects__list {
        gap: 30px;
    }

    .russian-projects__item {
        width: 100%;
    }

    .russian-projects-detail__top-row {
        flex-wrap: wrap;
    }

    .russian-projects-detail__top-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .russian-projects-detail__center-row {
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 30px;
    }

    .russian-projects-detail__top-right {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }

    .russian-projects-detail__center-left {
        order: 2;
        width: 100%;
    }

    .russian-projects-detail__center-right {
        order: 1;
        align-items: flex-start;
        width: 100%;
    }

    .russian-projects-detail__elements-carousel-wrapper {
        margin-bottom: 30px;
    }

    .russian-projects-detail__right-inner {
        width: 100%;
        padding-left: 0;
        border-left: none;
    }

    .russian-projects-detail__right-header {
        margin-bottom: 0;
    }
    /*---- Конец раздела всероссийские проекты ----*/

    /*---- Раздел лучшие практики ----*/
    .best-practices-top__top-row {
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 30px;
    }

    .best-practices-top__top-left {
        flex-shrink: 0;
        width: 100%;
    }

    .best-practices-top__top-right {
        flex-shrink: 0;
        width: 100%;
    }

    .best-practices-top__bottom-row {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 30px;
    }

    .best-practices-top__bottom-left {
        flex-shrink: 0;
        width: 100%;
    }

    .best-practices-top__bottom-right {
        width: 100%;
    }

    .best-practices-top__goals-row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 30px;
    }

    .best-practices-top__goals-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
        border-right: unset;
        border-bottom: 2px solid var(--main-color);
        text-align: left;
        font-size: 1.5rem;
        line-height: 1;
    }

    .best-practices-top__goals-right {
        padding-left: 0;
    }

    .best-practices-top__tasks-row {
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 20px;
    }

    .best-practices-top__tasks-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
        border-right: none;
        border-bottom: 2px solid var(--main-color);
        text-align: left;
        font-size: 1.5rem;
        line-height: 1;
    }

    .best-practices-top__tasks-right {
        padding-left: 0;
    }

    .best-practices__filter-block {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .best-practices__filter-header {
        margin-bottom: 20px;
    }

    .best-practices__filter-right {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }

    .best-practices-list {
        flex-wrap: wrap;
        gap: 30px;
    }

    .best-practices__item {
        width: 100%;
    }

    .best-practices-detail__top-row {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 30px;
    }

    .best-practices-detail__top-left {
        width: 100%;
    }

    .best-practices-detail__top-right {
        width: 100%;
    }

    .best-practices-detail__text-block {
        margin-bottom: 30px;
    }

    .best-practices-detail__detail-image {
        margin-bottom: 30px;
    }

    .best-practices-detail__result-row {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 30px;
    }

    .best-practices-detail__result-left {
        width: 100%;
        text-align: left;
    }

    .best-practices-detail__result-right {
        width: 100%;
        padding-left: 0;
        border-left: unset;
    }

    .best-practices-detail__bottom-row {
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 0;
    }

    .best-practices-detail__bottom-left {
        display: flex;
        justify-self: flex-start;
        width: 100%;
        order: 2;
    }

    .best-practices-detail__bottom-right {
        width: 100%;
    }
    /*---- Конец раздела лучшие практики ----*/

    /*---- Раздел детский телефон доверия ----*/
    .dtd-list {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 30px;
    }

    .dtd-list__item {
        width: 100%;
    }

    .dtd-list__item-link {
        padding: 24px;
    }

    .child-manuals {
        flex-wrap: wrap;
        gap: 30px;
    }

    .child-manuals__item {
        flex-direction: column;
        width: 100%;
    }

    .child-projects-list {
        gap: 30px;
    }

    .child-projects-list__item {
        width: 100%;
        padding: 16px;
    }

    .child-projects-slider__arrow-left {
        left: 10px;
    }

    .child-projects-slider__arrow-right {
        right: 10px;
    }

    .child-projects-detail {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 30px;
        padding-bottom: 30px;
    }

    .child-projects-detail__left {
        order: 2;
        width: 100%;
    }

    .child-projects-detail__right {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-shrink: 0;
        order: 1;
        width: 100%;
    }

    .child-projects-detail__elements {
        display: flex;
        align-items: center;
    }

    .child-projects-detail__elements-item {
        position: relative;
        display: flex;
        align-items: center;
    }

    .child-projects-detail__elements-link {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 15px;
        margin-bottom: 0;
        width: auto;
        height: auto;
        background-color: var(--main-color);
        border-radius: 40px;
        font-size: 0.75rem;
        line-height: 1;
        color: var(--light-color);
    }

    .child-projects-detail__elements-item:not(:last-child)::after {
        content: '';
        position: relative;
        bottom: unset;
        left: unset;
        display: inline-flex;
        width: 15px;
        height: 2px;
        background-color: var(--main-color);
    }

    .child-projects-detail__all-docs {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        padding-top: 30px;
        margin-bottom: 30px;
        border-top: 1px solid var(--main-color);
    }

    .child-projects-detail__all-docs-item {
        width: 100%;
    }
    /*---- Конец раздела детский телефон доверия ----*/

    /*---- Раздел библиотека ----*/
    .library-methods-sections {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .library-methods-sections__item {
        width: 100%;
        border: 1px solid var(--light-gray-color);
        border-bottom: none;
    }

    .library-methods-sections__item:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: unset;
    }

    .library-methods-sections__item:last-child {
        border-top-right-radius: unset;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-right: 1px solid var(--light-gray-color);
        border-bottom: 1px solid var(--light-gray-color);
    }

    .library-methods-list {
        gap: 30px;
    }

    .library-methods-list__item {
        width: 100%;
    }

    .library-methods-detail__img {
        max-width: 100%;
    }

    .library-materials-list {
        gap: 30px;
    }

    .library-materials-list__item {
        width: 100%;
    }

    .library-materials-detail__img {
        max-width: 100%;
        margin-bottom: 30px;
    }
    /*---- Конец раздела библиотека ----*/

    /*---- Раздел поможем вместе ----*/
    .help-together-top__row {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .help-together-top__left {
        width: 100%;
    }

    .help-together-top__right {
        width: 100%;
        padding: 20px;
        font-size: 1rem;
    }

    .help-together-top__img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .help-together-props__table-row {
        flex-direction: column;
        border-bottom: none;
    }
    
    .help-together-props {
        padding: 0 0 30px 0;
    }

    .help-together-props__header {
        margin-bottom: 20px;
        font-size: 1.5rem;
        line-height: 1;
    }

    .help-together-props__table-left {
        width: 100%;
        padding: 10px;
        font-size: 0.75rem;
    }

    .help-together-props__table-right {
        width: 100%;
        padding: 10px;
        font-size: 0.75rem;
        border-bottom: 1px solid var(--light-gray-color);
    }

    .help-together-props__row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .help-together-props__left {
        width: 100%;
        margin-bottom: 30px;
    }

    .help-together-props__right {
        width: 100%;
    }

    .help-together-partners {
        padding: 30px 0;
    }

    .help-together-partners__row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 80px;
    }

    .help-together-partners__left {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .help-together-partners__carousel-item {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0;
    }

    .help-together-partners__carousel-item-img-link {
        width: 100%;
        margin-bottom: 10px;
    }

    .help-together-partners__carousel-item-right {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        padding-left: 0;
    }

    .help-together-partners__carousel-arrow-left {
        top: -40px;
    }

    .help-together-partners__carousel-arrow-right {
        top: -40px;
    }

    .help-together-work {
        padding: 30px 0 30px 0;
    }

    .help-together-work__bottom-row {
        flex-direction: column;
        justify-content: flex-start;
    }

    .help-together-work__bottom-left {
        width: 100%;
        padding: 20px;
        margin-bottom: 30px;
    }

    .help-together-work__bottom-right {
        width: 100%;
        padding: 20px;
    }

    .help-together-success {
        padding: 0 0 30px 0;
    }

    .help-together-success__become-link {
        display: none;
    }

    .help-together-success__list {
        gap: 30px;
    }

    .help-together-success__item {
        width: 100%;
    }

    .help-together-contacts__row {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .help-together-contacts__left {
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
        border: 2px solid var(--main-color);
        border-radius: 12px;
    }
    /*---- Конец раздела поможем вместе ----*/

    /*---- Новости ----*/
    .news__list {
        gap: 40px;
        margin-bottom: 30px;
    }

    .news__item {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    /*---- Конец новостей ----*/

    .photo-gallery__container {
        flex-wrap: wrap;
    }

    .photo-gallery__left {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .photo-gallery__right {
        width: 100%;
    }

    .first-block__header_font_small {
        font-size: 1rem !important;
    }
}