@media (min-width: 0) and (max-width: 991px){

    main{
        margin-top: 52px;
    }
    
    .mission-block {
        padding-bottom: 24px !important;
    }

    .container{
        width: 100%;
        max-width: calc(100% - 40px);
        padding: 0;
    }

    .header-mobile{
        display: block;
        position: fixed;
        width: 100%;
        z-index: 999;
        background-color: #fff;
        left: 0;
        top: 0;
    }

    .header-mobile .logo-link > img{
        max-width: 158px;
        position: relative;
        z-index: 9999999999999999999999;
    }

    .header-mobile-bottom{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 50px;
        z-index: 999;
        background: rgb(26, 26, 30);
        color: #fff;
        opacity: 0;
        left: -100vw;
        transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
    }

    .header-mobile-bottom.active{
        left: 0;
        opacity: 1;
    }

    .header-mobile-bottom .header-top-left{
        gap: 0;
        flex-wrap: wrap;
        margin-top: 40px;
    }

    .header-mobile-bottom .header-top-left > *{
        width: 100%;
    }

    .header-mobile-bottom .header-top-left .c-white{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        padding: 10px 20px;
        background: #E16E4633;
        text-transform: uppercase;
    }

    .header-mobile-bottom-center{
        margin-top: 40px;
    }

    .header-mobile-bottom .menu{
        gap: 0;
    }

    .header-mobile-bottom-footer{
        margin-top: 40px;
    }

    .header-mobile-bottom-footer .button{
        background: #E16E46;
        padding: 20px 40px 20px 40px;
        gap: 8px;
        font-size: 20px;
        font-weight: 600;
        line-height: 27.24px;
        text-align: left;
        border: none;
        border-radius: 8px;
    }

    .header-mobile-bottom-footer .current-lang{
        font-size: 24px;
        font-weight: 600;
        line-height: 32.68px;
        text-align: left;
        color: #E16E46 !important;
    }

    .header-desktop{
        display: none;
    }

    .home-banner {
        position: relative;
        background-position: -89px;
        padding: 16px 0 !important;
        background-size: cover;
        background-repeat: no-repeat;
        max-height: none!important;
    }

    .home-banner::after{
        background-color: #000;
        opacity: 0.25;
    }

    .home-banner .button-orange {
        margin: 0;
        padding: 12px 24px;
        font-size: 18px;
    }

    .home-banner *:not(.button) {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
    }

    .home-banner-content{
        /*padding-left: 0;
        padding-top: 100px;
        padding-bottom: 50px;*/
        padding: 250px 0 25px;
    }

    .home-banner-title{
        font-size: 100px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .home-banner-text {
        position: absolute;
        margin: 0;
        text-align: right;
        font-size: 18px;
        width: 50%;
        right: 0;
        bottom: 25px;
    }

    .home-category-item{
        width: calc(25% - 15px);
        margin-bottom: 19px;
        flex-direction: column;
        align-items: center !important;
        padding: 0px !important;
        justify-content: center;
    }

    .home-category-icon{
        width: 45px;
        height: 45px;
        margin-bottom: 16px;
    }

    .home-category-content{
        width: 100%;
    }

    .home-category-title{
        font-size: 18px;
        line-height: 27px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .home-category-text{
        font-size: 14px;
        line-height: 21px;
    }

    .section-title-wrap{
        flex-wrap: wrap-reverse;
    }

    .section-title-wrap > *{
        width: 100%;
    }

    .section-blockquote{
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 16px;
    }

    .section-title{
        font-size: 28px;
        font-weight: 600;
        line-height: 38.13px;
        text-transform: uppercase;
    }

    .info-block-wrap > *{
        width: 100%;
    }

    .info-block-image{
        height: 375px;
        margin-bottom: 32px;
        border-radius: 0;
    }

    .info-block-description{
        gap: 16px;
    }

    .info-block-item-title{
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        text-align: right;
        text-transform: uppercase;
    }

    .info-block-item-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: right;
    }

    .info-block-item{
        min-height: unset;
    }

    .numbers-wrap > *{
        width: 100%;
    }

    .number-item{
        padding: 12px;
    }

    .number-item-value{
        font-size: 32px;
        font-weight: 700;
        line-height: 48px;
        text-align: center;
    }

    .number-item-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
    }

    .numbers-image{
        margin-top: 20px;
    }

    .home-img-desk{
        display: none;
    }

    .home-img-mobile{
        display: block;
    }


    .mission-block, .numbers-block, .landing-section {
        padding: 24px 0;
    }
    .numbers-image img {
        width: 100%;
        height: auto;
        max-width: 524px;
        max-height: unset;
    }
    .mission-wrap > *{
        width: 100%;
    }

    .footer-top-wrap, .footer-bottom-wrap, .footer-top-wrap > *, .footer-bottom-wrap > *{
        width: 100%;
    }

    #article-wrapper .section-title{
        width: 100%;
    }

    .article-wrap > *{
        width: 100%;
    }

    .breadcrumbs-section, .article-wrapper{
        padding: 0;
    }

    .breadcrumbs-wrap{
        padding: 12px 0;
        margin: 16px 0;
    }

    .breadcrumbs-wrap > *{
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        text-align: left;
    }

    .projectSec{
        flex-direction: column-reverse;
    }

    .projectSec-image, .projectSec-text {
        width: 100%;
    }

    .projectSec-image img{
        width: 100%;
        height: auto !important;
        border-radius: 32px;
    }

    .home-text-content, .projectSec-text > *, .mission-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
    }

    .projectSec-image{
        margin-bottom: 16px;
    }

    .our-projects{
        padding: 16px 0;
    }

    .info-block > .container {
        max-width: unset;
    }
    .info-block-item{
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        padding: 16px 24px;
        border-radius: 0;
    }

    .info-block-item > *{
        width: 100%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }

    .mission-content {
        padding: 16px;
    }
    .mission-title{
        font-size: 28px;
        font-weight: 600;
        line-height: 38.13px;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        min-height: 48px;
        padding-left: 48px;
        background-size: 48px;
        margin-bottom: 8px;
    }

    .mission-call{
        text-align: left;
        flex-direction: column;
        align-items: start;
        font-size: 26px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .mission-call span{
        text-align: left;
    }

    .mission-call-second{
        text-align: right;
        align-items: flex-end;
    }

    .mission-call-second span{
        text-align: right;
    }

    .mission-logo{
        width: 100%;
        transform: unset;
        text-align: center;
        position: static;
    }

    .mission-logo-text{
        font-size: 500%;
    }

    .mission-call.mission-call-second, .mission-call.mission-call-second > *{
        display: flex;
        justify-content: flex-end;

    }

    .project-slide-title{
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
    }

    .project-slide-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .footer-privacy {
        font-size: 14px;
        line-height: 1.5;
        justify-content: flex-start;
    }

    .footer-top-socials{
        margin-top: 40px;
        margin-bottom: 40px;
        gap: unset;
        justify-content: space-between;
    }

    .footer-top-socials .social-item{
        width: 48px;
        height: 48px;
    }

    .footer-top-socials .social-item i{
        font-size: 20px;
    }

    .footer-menu{
        margin-bottom: 32px;
    }

    .footer-menu li{
        padding: 12px 0;
        margin: 0;
    }

    .footer-menu li a{
        font-size: 18px;
        font-weight: 600;
        line-height: 24.51px;
        padding: 0;
        margin: 0;
    }

    .footer-addres{
        border-top: 1px solid #F4F7FB;
        padding-bottom: 16px;
    }

    .footer-addres-item, .footer-bottom-wrap .footer-col *, .footer-col.c-white{
        margin-top: 16px;
        font-size: 14px;
        line-height: 17.07px;
    }

    .footer-addres-item a, .footer-bottom-wrap .footer-col a{
        text-decoration: underline;
    }

    .footer-top-wrap{
        padding-bottom: 0;
    }

    .footer-bottom-wrap .footer-col:not(.c-white){
        width: 33%;
        display: flex;
        justify-content: flex-start;
    }

    .footer-addres-item-copy{
        width: 100%;
        text-align: left;
        justify-content: flex-start;
    }

    .article-content.text-default > p,
    .article-content.text-default > ul{
        font-size: 14px;
        line-height: 21px;
    }

    .article-sidebar{
        margin-top: 32px;
    }

    .section-title-wrap{
        flex-direction: column;
    }

    .section-title-wrap > *{
        width: 100% !important;
    }

    .section-title-wrap .section-title{
        margin-bottom: 16px;
    }

    .section-blockquote{
        text-align: left !important;
    }

    .about-images-wrap{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        overflow-x: scroll;
    }

    .about-images-wrap > *{
        min-width: 80vw;
    }

    .about-image-wrap > a{
        width: 100%;
    }

    .about-text-wrap{
        flex-direction: column;
    }

    .about-text-wrap > *,
    .our-story-wrap > *{
        width: 100%;
    }

    .about-text-col{
        padding: 0;
    }

    .about-text-title{
        font-size: 28px;
        font-weight: 600;
        line-height: 38.13px;
        text-transform: uppercase;
    }

    .about-text-content, .text-default, .key-goal-item-title{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .about-text-col:nth-of-type(even){
        padding-top: 40px;
    }

    .our-story-wrap{
        flex-direction: column-reverse;
    }

    .our-story-wrap > a{
        aspect-ratio: 1 / 1;
        margin-bottom: 24px;
    }

    .key-goal-item{
        width: 100%;
    }

    .key-goal-item-title{
        text-transform: uppercase;
    }

    .section-title center{
        text-align: left;
    }

    .our-reports-wrap{
        flex-wrap: nowrap;
        overflow-x: scroll;
        align-items: stretch;
    }

    .our-reports-wrap > *{
        min-width: 80%;
    }

    .our-report-item{
        height: unset;
    }

    .our-report-item-title{
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 24px;
    }

    .our-report-item-date, .our-report-item-title{
        justify-content: flex-start;
    }

    .articles-title .section-blockquote{
        text-align: right !important;
        order: 3;
        margin-top: 16px;
    }

    .mobile-hide{
        display: none !important;
    }

    .desktop-hide{
        display: flex !important;
    }

    .articles-categories .section-title-wrap{
        margin-bottom: 0;
    }

    #articles-title{
        padding-bottom: 0;
    }

    .articles-categories-wrap{
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding: 16px;
        justify-content: start;
    }

    .articles-categories-wrap > .home-category-item{
        min-width: 85%;
        padding: 16px !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        flex-direction: row !important;
    }

    .articles-categories-wrap > .home-category-item > .home-category-icon{
        width: 60px;
        height: 60px;
    }

    .articles-categories-wrap > .home-category-item > .home-category-content{
        width: calc(100% - 60px);
        padding-left: 12px;
    }

    .articles-categories > .container > .section-blockquote{
        width: 100%;
    }

    .articles-wrapper .articles-wrap{
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .articles-wrapper .articles-wrap > *{
        min-width: 75%;
        width: 75%;
    }

    .contact-wrap{
        flex-wrap: wrap;
        padding: 0;
    }

    .contact-wrap > *{
        width: 100%;
        padding: 0;
        border-left: unset;
        border-right: unset;
    }

    .contact-wrap > .contact-title{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        padding-bottom: 8px;
        padding-top: 8px;
        border-bottom: 1px solid #F5A028;
    }

    .contact-wrap > .contact-value{
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .contact-wrap .social-item-text{
        display: none;
    }

    .socials-wrap.contact-socials .social-item{
        width: 50px;
        height: 50px;
        border: 1px solid #32281E;
        border-radius: 50%;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .contacts-slide-image{
        height: 370px;
    }

    .reporting-text .our-team-text-wrapper{
        padding: 8px 16px;
    }

    .reporting-text .our-team-text-wrap > *{
        width: 100%;
    }

    .reporting-text .our-team-text-content{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
    }

    .reporting-numbers-wrap{
        gap: 0;
        justify-content: flex-start;
    }

    .reporting-number-item{
        width: 50%;
        padding: 0;
        margin: 0;
    }

    .reporting-number-value{
        line-height: 42px;
        font-size: 42px;
    }

    .reporting-number-item:nth-child(4){
        order: 5;
    }

    .reporting-number-comment, .reporting-number-value{
        padding-left: 20px;
        padding-top: 8px;
    }

    .reporting-wrap > *{
        width: 100%;
    }

    .report-item:first-child{
        background: #298DE833;
    }

    .about-image-link img{
        height: auto;
    }

    .about-image-wrap:nth-of-type(even){
        padding-top: 70px;
    }

    .donate-summ-wrap{
        gap: 0;
        justify-content: space-between;
    }

    .donate-summ-radio-wrap{
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .donate-summ-label{
        font-size: 28px;
        font-weight: 600;
        line-height: 38.13px;
        text-align: center;
    }

    .donate-form-control{
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        text-align: center;
        color: #32281E;
    }

    .donate-step-second > .section-title{
        width: 100%;
        font-size: 28px;
        font-weight: 600;
        line-height: 38.13px;
        text-align: left;
    }

    .donate-step-second-wrap{
        padding-left: 28px;
    }

    .donate-step-third > .donate-button{
        width: 100% !important;
    }

    .document-item{
        flex-direction: column;
    }

    .document-item > *{
        width: 100%;
    }

    .document-item-content{
        display: flex;
        justify-content: space-between;
        border-right: unset;
        align-items: center;
        flex-direction: row;
    }

    .document-item-title{
        width: 80% !important;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        text-align: left;
    }

    .document-item-date{
        width: 20%;
    }

    .document-item-date, .document-item-meta, .document-item-meta *{
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        text-align: left;
    }

    .person-wrap-1, .person-wrap-2{
        flex-direction: column;
    }

    .person-wrap-1 .section-title,
    .person-wrap-1-text,
    .person-wrap-2-col
    {
        width: 100%;
    }

    .our-team-text-wrap{
        flex-direction: column;
    }

    .our-team-text-wrap > *{
        width: 100%;
    }

    .our-team-text .section-title{
        width: 100%;
    }

    .our-team-text-content{
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
    }

    .our-team-wrap{
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .our-team-item{
        min-width: 85%;
    }

    .our-team-item-image{
        aspect-ratio: 1 / 1!important;
    }

    .home-text-wrapper > .mission-logo,
    .home-text-wrapper > .mission-call{
        position: relative;
        transform: unset;
    }

    .home-text-wrapper > .home-text-content{
        margin: 32px auto;
        max-width: 100%;
        width: 100%;
    }

    .article-sidebar {
        margin-top: 32px;
        border-top: 1px solid #00000078;
        padding-top: 32px;
    }

    .bank-details-wrapper .key-goal-item{
        margin-bottom: 16px;
    }

    .bank-details-wrapper .key-goal-item .contact-value{
        font-size: 17px;
    }

    .bank-details-wrapper .key-goal-item-title{
        font-weight: 700;
    }

}