@media screen and (min-width: 861px) {
    .fond_friends_in{
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 1.25rem;
    }
}
@media screen and (max-width: 1300px) {
    .help_item{
        padding: 2rem 1.25rem;
    }
    .main_banner_side{
        padding: 1.25rem;
    }
}
@media screen and (max-width: 1190px) {
    .help_item{
        padding: 2rem 1.25rem;
    }
    .idea_fund_content {
        padding: 1.25rem;
    }
    .slide_works_img_wrap{
        height: 20rem;
    }
    .animal_card_preview_wrap{
        padding: 1.25rem;
    }
    .help_item_title{
        font-size: 1.5rem;
        line-height: 1  ;
    }
    .main_banner_title{
        font-size: 3.75rem;
        margin-bottom: 1.5rem;
        line-height: 1;
    }
    .category_title{
        font-size: 3.75rem;
    }
    .category_subtitle{
        font-size: 1rem;
    }
    .category_banner_l {
        padding: 2rem 0 2rem 2rem;
    }
    .why_us_in .help_item{
        padding: 1.25rem;
    }
    .react_category{

    }
    .main_menu a{
        font-size: 0.875rem;
    }
    .main_menu{
        gap: 1rem;
    }
    .react_category{
        padding: 0.75rem;
    }
    .help_item_text{
        margin-bottom: 1rem;
    }
    .news_card_img{
        height: 11rem;
    }

}
@media screen and (min-width: 1100px) {
    .main_menu li:hover > .sub-menu{
        display: block;
    }
    .main_menu li:hover .jr_chevron{
        transform: scaleY(-1);
        top: 0;
    }
}
@media screen and (max-width: 1100px) {
    .help_item{
        padding: 0.75rem;
    }
    .main_menu a{
        font-size: 0.75rem;
    }
    .d_m{
        display: block;
    }
    .mobile_search{
        display: none;
    }
    .top-navigation-wrapper{
        display: none;
    }
    .header_r .header_buttons{
        display: none;
    }
    .top-navigation-wrapper.open{
        display: block;
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 99;
        top: 0;
        left: 0;
        height: 100vh;
    }
    .top-navigation-wrapper:before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(50, 60, 253, 0.15);
        filter: blur(200px);
    }
    .top-navigation-wrapper:after{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 30%;
        background: rgba(50, 138, 253, 0.25);
        filter: blur(200px);
    }
    .burger {
        width: 35px;
        height: 9px;
        position: relative;
        cursor: pointer;
        z-index: 999;
    }
    .line {
        position: absolute;
        left: 0;
        height: 2px;
        background-color: #346FDD;
        transition: all 0.3s ease;
    }
    .line.top {
        width: 35px;
        top: 0;
    }
    .line.bottom {
        width: 20px;
        top: 7px;
        left: 0;
    }
    .burger.open .line.top {
        transform: rotate(45deg);
        top: 3.5px;
        width: 26px;
        left: 4.5px;
    }
    .burger.open .line.bottom {
        transform: rotate(-45deg);
        top: 3.5px;
        width: 26px;
        left: 4.5px;
    }
    .top-navigation{
        margin-top: 100px;
    }
    .main_menu{
        flex-direction: column;
        gap: 1.25rem;
        align-items: start;
        padding: 0 1.25rem;
    }
    .header_buttons{
        padding: 0 1.25rem;
        width: max-content;
    }
    .header_buttons a{
        max-width: 11rem;
    }
    .top-navigation-wrapper .footer_col_tel_wraps{
        padding: 0 1.25rem;
        margin-bottom: 1.5rem;
        z-index: 99;
        position: relative;
    }
    body.overflow{
        overflow: hidden;
    }
    .main_menu > li{
        padding: 0;
    }
    .main_menu a{
        font-size: 1rem;
        font-weight: 700;
    }
    .menu_text{
        position: absolute;
        left: 1.25rem;
        top: 30px;
        color: #346FDD;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.25rem; /* 125% */
    }
}

@media screen and (max-width: 860px) {
    .animal_card_top{
        display: block;
    }
    .main_banner_title{
        font-size: 2rem;
    }
    .header_contacts a{
        font-size: 0.875rem;
    }
    .main_banner_content{
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .main_banner_image{
        border-radius: 1.25rem 1.25rem 0 0;
    }
    .main_banner_side{
        border-radius: 0 0 1.25rem 1.25rem;
    }
    .main_banner_side_title{
        margin-bottom: 0.63rem;
        font-size: 1.375rem;
    }
    .main_banner_side_text{
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
    }
    .help_list_in{
        grid-template-columns: repeat(1, 1fr);
        gap: 0.63rem;
    }
    .help_item{
        border-radius: 1.25rem;
        padding: 1.25rem;
    }
    .cats_help_image:after{
        width: 15rem;
        height: 15rem;
    }
    .idea_fund_in{
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .idea_fund_content{
        order: 0;
    }
    .idea_fund_image{
        order: 1;
    }
    .idea_fund_stats,
    .animals_grid_in{
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .footer_top{
        grid-template-columns: repeat(1,1fr);
        gap: 0.63rem;
        text-align: center;
    }
    .form_block_r:after{
        width: 15rem;
        height: 15rem;
    }
    .swiper-pagination.mobile-swiper-pagination{
        position: relative;
        top: unset!important;
        margin-top: 1.25rem;
        text-align: left;
    }
    .swiper-pagination.mobile-swiper-pagination .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
    }
    .swiper-pagination.mobile-swiper-pagination .swiper-pagination-bullet-active{
        width: 8px;
        height: 8px;
        background: #346FDD;
    }
    .help_item_title span{
        display: unset;
    }
    .form_block_in,
    .cats_help_in{
        padding: 2rem 1.25rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .footer_bot{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }
    .s_title{
        font-size: 1.625rem;
        margin-bottom: 0.62rem;
    }
    .s_text{
        font-size: 1rem;
    }
    .cats_help .cats_help_l{
        order: 1;
    }
    .cats_help .cats_help_r{
        order: 0;
    }
    .cats_help .cats_help_in{
        padding-bottom: 0;
    }
    .cats_help_r{
        padding: 0;
    }
    .subscribe_in{
        padding: 2rem 1.25rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .category_title,
    .idea_fund_title{
        font-size: 1.625rem;
        line-height: 1;
        margin-bottom: 0.62rem;
    }
    .idea_fund_text{
        font-size: 1rem;
    }
    .category_banner_in{
        grid-template-columns: repeat(1, 1fr);
    }
    .category_banner_l{
        padding: 2rem 1.25rem;
    }
    .category_banner_r:after{
        width: 15rem;
        height: 15rem;
    }
    .doc_list{
        grid-template-columns: repeat(1, 1fr);
    }
    .docs .idea_fund_image:after{
        width: 15rem;
        height: 15rem;
    }
    .contacts_info_in,
    .team_list_in,
    .docs_list_docs .doc_list,
    .single_news .category_banner_in{
        grid-template-columns: repeat(1, 1fr);
    }
    .member_img{
        height: 12.5rem;
    }
    .projects_list_in .project_card:nth-child(even) .cats_help_r {
        padding: 0;
    }
    .projects_list_in .project_card .project_card_l {
        order: 1;
    }
    .news_title{
        font-size: 1.625rem;
        line-height: 1.625rem; /* 100% */
    }
    .news_content_in{
        font-size: 1rem;
        line-height: 1.375rem;
    }
    .donation_form_amounts {
        grid-template-columns: repeat(4, 1fr);
    }
    .donation_form_amounts .donation_amount.custom {
        grid-column: 1 / -1; /* занимает всю ширину (все 4 колонки) */
    }
    .donation_form_amounts{
        background: none;
    }
    .page-404 .header_buttons{
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }
    .page-404 .header_buttons a{
        max-width: 100%;
    }
    .search_wrap{
        display: none;
    }
    .menu_text{
        top: 40px;
    }
    .mobile_search{
        border-radius: 9.375rem;
        position: relative;
        top: 80px;
        padding: 0 1.25rem;
    }
    #ajaxsearchpro1_1 .proinput form input[type="search"]::placeholder{
        color:#959AA7;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1;
    }
    #ajaxsearchpro1_1 .proinput form input[type="search"]{
        color:#959AA7!important;
        font-size: 0.875rem!important;
        font-style: normal!important;
        font-weight: 500!important;
        line-height: 1!important;
    }
    .mobile_search{
        display: block;
    }
    #ajaxsearchpro1_1 .probox .proinput, #ajaxsearchpro1_2 .probox .proinput, div.asp_m.asp_m_1 .probox .proinput{
        font-size: inherit!important;
    }
    #ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.asp_m.asp_m_1 .probox{
        height: 50px!important;
    }
    .top-navigation {
        margin-bottom: 3.25rem;
        margin-top: 130px;
    }
    .d_m .header_buttons{
        width: 100%;
    }
    .top-navigation-wrapper .footer_col_tel_wraps {
        margin-bottom: 1.56rem;
    }
    .asp_w_container.asp_w_container_1.asp_w_container_1_1{
        border-radius: 9.375rem;
        overflow: hidden;
    }
    #ajaxsearchpro1_1 .probox .promagnifier .innericon svg{
        width: 24px;
        height: 24px;
    }
    #ajaxsearchpro1_1 .probox .promagnifier .innericon, #ajaxsearchpro1_2 .probox .promagnifier .innericon, div.asp_m.asp_m_1 .probox .promagnifier .innericon{
        width: 24px!important;
        height: 24px!important;
    }
    #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
    }
    .main_menu > li{
        width: 100%;
    }
    .jr_chevron_link_wrap {
        width: 100%;
        justify-content: space-between;
    }
    .sub-menu{
        position: relative;
        background: none;
        top: unset;
        left: unset;
        box-shadow: none;
        padding: 0.5rem;
    }
    .jr_chevron.active{
        transform: scale(-1);
    }
    .donation_amount {
        font-size: 0.875rem;
    }
    .swiper_thumbs{
        display: none!important;
    }
    .animal_card_info{
        padding: 1.25rem;
        margin-top: 1rem;
    }
    .animal_card_name{
        font-size: 1.625rem;
    }
    .animal_card_buttons{
        grid-template-columns: repeat(1, 1fr);
    }
    .animal_card_preview_gift{
        justify-content: center;
    }
    .swiper_gallery .slide_animal_img_wrap{
        height: 15rem;
    }
    footer .header_contacts {
        justify-content: center;
    }
    .footer_logo_org img{
        margin: 0 auto;
    }
}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 568px) {

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 414px) {
	
}

@media screen and (max-width: 384px) {

}

@media screen and (max-width: 320px) {

}