@media (max-width: 767px) {
    body {
        font-size: 16px;
        padding: 64px 0 0;
    }

    .page {
        min-height: auto;
    }

    header {
   		padding: 0 16px;
        height: 64px;
    }
    .nav__wrapper {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        align-items: flex-start;
        padding-top: 80px;
        background: #f5f5f5;
        transition: all .3s cubic-bezier(.17,.67,1,1);
        transform: translateX(-100%);
    }
    .nav__wrapper.active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
    .logo img, .logo svg {
        width: auto;
        height: 32px;
    }
    header.active .logo .st1 {
        fill: var(--textColor) !important;
    }
    .menu__btn {
        display: block;
        right: 24px;
    }
    .main__nav {
        width: 100%;
        padding: 0 24px;
        flex-direction: column;
    }
    .main__nav ul {
        flex-direction: column;
        align-items: flex-start;
        font-size: 24px;
        gap: 24px;
    }
    .menu > li {
        padding: 0;
    }
    .menu > li:hover {
        background: none;
    }
    .menu > li:hover a {
        color: var(--brandOrange);
    }
    .home .main__nav li a {
        color: var(--textColor);
    }
    .main__nav .sub-menu {
        display: none;
        position: relative;
        background: none;
        box-shadow: none;
        padding-left: 16px;
        top: auto !important;
        left: auto !important;
        padding: 0;
        width: 100%;
        max-height: 0;
    }
    .main__nav li:hover .sub-menu {
        max-height: 400px;
        padding: 16px 0 0 16px;
        opacity: 1;
        visibility: visible;
    }
    .main__nav .sub-menu li .sub-menu {
        padding: 0 0 8px 0;
    }
    .nav__right {
    	position: absolute;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
    }
    .lang {
        position: relative;
        width: auto;
        display: flex;
        justify-content: flex-start;
    }
    .lang > span {
        display: none;
    }
    .current-lang {
        display: block;
    }
    .lang ul {
        flex-direction: row;
        opacity: 0;
        visibility: hidden;
        width: auto;
        position: unset;
        background: unset;
        padding: 0;
        transform: translateY(0px);
        transition: all 0s ease-in-out;
    }
    header.active .lang ul {
        opacity: 1;
        visibility: visible;
    }
    .search__form {
        position: unset;
        opacity: 0;
        visibility: hidden;
    }
    header.active .search__form {
        opacity: 1;
        visibility: visible;
    }
    .search__btn,
    .search__btn-close {
        display: none;
    }
    .search__form input {
        background: #fff;
    }

    .page__subnav {
        padding: 16px;
    }
    .page__subnav ul {
        justify-content: flex-start;
        gap: 16px;
        flex-wrap: wrap;
    }
    .page__subnav ul li {
        font-size: 14px;
    }
    .page__subnav li.current_page_item:after {
        width: 40px;
    }

    .page__intro {
        padding: 40px;
    }
    .page__title {
        font-size: 40px;
    }

    .big__slider-img {
        width: 100%;
        height: 100%;
    }
    .big__slider-info {
    	width: 90%;
    }
    .big__slider-info h1 {
        font-size: 40px;
        margin: 16px;
    }
    .big__slider-info h2 {
	    font-size: 40px;
	}
    .big__slider-info p {
	    font-size: 18px;
	}
    .big__slider .prev__btn,
    .big__slider .next__btn {
        bottom: 0;
        width: 40px;
        height: 40px;
    }

    .subscribe {
        padding: 40px;
    }
    .subscribe .container {
        flex-wrap: wrap;
    }
    .subscribe__img {
        width: 160px;
    }   
    .subscribe__info h2 {
        font-size: 32px;
    }

    .home__news {
        padding: 40px;
    }
    .home__news-item {
        width: 100% !important;
    }

    .home__about .container {
        flex-wrap: wrap;
    }
    .home__about-item {
        width: 100%;
    }
    .home__about-item span {
        font-size: 32px;
    }

    .support {
        padding: 40px;
    }
    .support .container {
        flex-wrap: wrap;
    }
    .support__info {
        width: 100%;
    }
    .support__img {
        width: 100%;
    }
    .support__img-main {
        width: 100%;
        height: 400px;
    }
    .support__info h3 {
        font-size: 32px;
    }
    .support__img-shape {
        width: 90%;
    }

    .about__page .container {
        padding: 0 40px 40px;
    }
    .about__page-info {
        flex-wrap: wrap;
        margin: 0;
        gap: 40px;
    }
    .about__page-desc {
        width: 100%;
        order: 2;
    }
    .about__page-img {
        width: 100%;
        order: 1;
    }
    .about__page-items {
        margin: 40px 0;
    }
    .about__item {
        width: 100% !important;
        flex-direction: column;
        text-align: center;
    }

    .donors {
        margin: 80px 0 0;
    } 
    .donors__wrapper {
        gap: 16px;
    }
    .donors__item {
        width: calc(50% - 8px);
        height: 160px;
    }

    .staff__wrapper {
        gap: 16px;
    }
    .staff__item {
        width: calc(50% - 8px);
    }
    .staff__item > img {
        height: 240px;
    }
    .staff__item-info {
        padding: 16px;
    }
    .staff__item-info h3 {
        font-size: 16px;
    }
    .staff__item-info span {
        font-size: 14px;
    }
    .staff__item-social {
        margin-top: 16px;
    }

    .single__team {
        padding: 0 40px;
        margin: 40px 0 0;
    }
    .team__info {
        gap: 40px;
        flex-wrap: wrap;
    }
    .team__img {
        width: 100%;
    }
    .team__img img {
        max-height: 400px;
    }
    .team__name h1 {
        font-size: 32px;
    }

    .next__posts {
        margin-top: 80px;
        lex-wrap: wrap;
    }
    .next__posts a {
        width: 100%;
        margin-bottom: 16px;
    }

    .contact__page {
        margin: 0;
    }
    .contact__regions {
        margin: 0;
        padding: 0 40px 40px;
    }
    .contact__region-item {
        width: 100%;
    }
    .contact__form {
        padding: 0 40px 40px;
    }
    .contact__form .form__item {
        width: 100%;
    }
    .contact__form .form__item p {
        margin: 0;
    }

    .media__page {
        margin: 0;
        padding: 0 40px 40px;
    }
    .news__wrapper {
        margin: 0;
    }
    .news__item {
        width: 100%;
    }
    .news__item-img {
        height: 240px !important;
    }
    .news__item-info {
        padding: 16px;
    }
    .news__item h2 {
        font-size: 20px;
    }

    .single__page {
        padding: 0 24px;
    }
    .single__page-img {
        height: 400px;
    }
    .single__page-info {
        padding: 16px;
    }
    .single__page-info h1 {
        font-size: 32px;
    }
    .single__page-desc a {
        word-break: break-word;
    }

    .transparency__item {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }
    .transparency__item .readmore__btn-link {
        margin-left: 0;
    }

    .platforms__page {
        margin: 0;
    }
    .platforms__item {
        flex-direction: column;
        gap: 16px;
    }
    .platforms__item .readmore__btn-link {
        margin-left: unset;
    }

    .donation__form {
        padding: 0;
    }

    .search__page {
        padding: 40px;
    }

    footer {
        padding: 40px;
    }
    .footer__content .container{
        flex-wrap: wrap;
        padding: 80px 0 0;
    }
    .footer__item {
        width: 100%;
        margin-bottom: 40px;
    }
    .footer__info {
        width: 100%;
        margin-bottom: 40px;
    }
    .footer__links {
        width: 100%;
    }
    .footer__links ul {
        justify-content: flex-start;
    }
    .footer__links li {
        width: auto;
        text-align: left;
        white-space: normal;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    body {
        font-size: 16px;
    }

    .page {
        min-height: auto;
    }

    header {
        padding: 0 40px;
    }
    .nav__wrapper {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        align-items: flex-start;
        padding-top: 80px;
        background: #f5f5f5;
        transition: all .3s cubic-bezier(.17,.67,1,1);
        transform: translateX(-100%);
    }
    .nav__wrapper.active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
    header.active .logo .st1 {
        fill: var(--textColor) !important;
    }
    .menu__btn {
        display: block;
    }
    .main__nav {
        width: 100%;
        padding: 40px;
        flex-direction: column;
    }
    .main__nav ul {
        flex-direction: column;
        align-items: flex-start;
        font-size: 32px;
        gap: 24px;
    }
    .home .main__nav li a {
        color: var(--textColor);
    }
    .main__nav .sub-menu {
        position: relative;
        display: none;
        background: none;
        box-shadow: none;
        padding-left: 16px;
        top: auto !important;
        left: auto !important;
        padding: 0;
        width: 100%;
        max-height: 0;
    }
    .main__nav li:hover .sub-menu {
        max-height: 400px;
        padding: 16px 0 0 16px;
        opacity: 1;
        visibility: visible;
    }
    .main__nav .sub-menu li .sub-menu {
        padding: 0 0 8px 0;
    }
    .nav__right {
        position: absolute;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
    }
    .lang {
        width: auto;
        justify-content: flex-start;
        margin-left: 16px;
    }
    .lang > span {
        display: none;
    }
    .lang ul {
        flex-direction: row;
        opacity: 1;
        visibility: visible;
        width: auto;
        position: unset;
        margin-top: 40px;
        background: none;
    }
    .current-lang {
        display: block;
    }
    .search__form {
        position: unset;
        opacity: 1;
        visibility: visible;
    }
    .search__btn,
    .search__btn-close {
        display: none;
    }
    .search__form input {
        background: #fff;
    }

    .page__subnav {
        padding: 24px;
    }
    .page__subnav ul {
        justify-content: flex-start;
        gap: 24px;
        flex-wrap: wrap;
    }
    .page__subnav ul li {
        
    }
    .page__subnav li.current_page_item:after {
        width: 40px;
    }

    .page__intro {
        padding: 40px;
    }
    .page__title {
        font-size: 40px;
    }

    .big__slider-img {
        width: 100%;
        height: 100%;
    }
    .big__slider-info {
        width: 90%;
    }
    .big__slider-info h1 {
        font-size: 40px;
        margin: 16px;
    }
    .big__slider-info h2 {
        font-size: 40px;
    }
    .big__slider-info p {
        font-size: 18px;
    }
    .big__slider .prev__btn,
    .big__slider .next__btn {
        bottom: 0;
        width: 40px;
        height: 40px;
    }

    .subscribe__img {
        width: 240px;
    }
    .subscribe__info h2 {
        font-size: 32px;
    }

    .home__news-item {
        width: calc(50% - 12px);
    }
    .home__news-info h3 {
        font-size: 20px;
    }

    .home__about-item span {
        font-size: 24px;
    }

   .support {
        padding: 40px;
    }
    .support .container {
        flex-wrap: wrap;
    }
    .support__info {
        width: 100%;
    }
    .support__img {
        width: 100%;
    }
    .support__img-main {
        width: 100%;
        height: 400px;
    }
    .support__info h3 {
        font-size: 32px;
    }
    .support__img-shape {
        width: 90%;
    }

    .about__page-items {
        margin-bottom: 80px;
    }
    .about__item:first-child, .about__item:nth-child(2) {
        width: calc(50% - 12px);
        flex-direction: column;
        text-align: center;
    }

    .donors {
        margin: 0px;
    }
    .donors__item {
        width: calc(33.333% - 16px);
    }

    .staff__item {
        width: calc(33.333% - 30px);
    }
    .staff__item > img {
        height: 240px;
    }
    .staff__item-info h3 {
        font-size: 20px;
    }
    .staff__item-info span {
        font-size: 14px;
    }

    .single__team {
        margin: 80px 0 0;
    }
    .team__info {
        flex-wrap: wrap;
    }

    .news__item {
        width: calc(50% - 16px) !important;
    }
    .single__page {
        padding: 0 40px;
    }
    .single__page-info h1 {
        font-size: 40px;
    }

    .about__page-info {
        align-items: flex-start;
    }

    .next__posts {
        margin-top: 80px;
    }

    footer {
        padding-top: 80px;
    }
    .footer__content .container {
        flex-wrap: wrap;
    }
    .footer__item {
        width: 50%;
        margin-bottom: 40px;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
   
}

@media (min-width: 1441px) and (max-width: 1920px) {
    
}