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

    .more-news-item {
        width:360px;
    }

    .more-news-item .img img {
        display: block;
        width: auto;
        height: 100%;
    }

    .slick-slider.more-news-slider {
        width: 1153px;
        max-width: 100%;
        margin-left: 25px;
    }

    .more-news-slider .slick-next {
        right: -68px;
    }

    .more-news-slider .slick-prev {
        left: -80px;
    }

}

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

    .slick-slider.more-news-slider {
        width: 763px;
        max-width: 100%;
        margin-left: 80px;
    }

}

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

    .more-news-slider .slick-dots li button {
        width: 12px;
        height: 12px;
        padding: 5px;
        border: 0;
        outline: none;
        background: #393939;
        border-radius: 50%;
    }

    .more-news-slider .slick-dots .slick-active button {
        background: #D1000F;
    }

    .slick-slider.more-news-slider {
        margin-bottom: 90px;
        margin-left: auto;
        margin-right: auto;
    }

    .more-news-slider .slick-dots {
        display: block !important;
        bottom: -55px;
    }

    .main-page-container .donate-section-qr-block {
        display: none;
    }

    #areas__canvas {

        position: absolute;
        left: -5000px;
        top: 0;
        z-index: -1;
        max-width: 1600px;

    }

    .inner-section {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-logo {
        margin: 0 auto;
        font-size: 0;
        transform: translateX(-8px);
    }

    .header .header-motto {
        width: 87px;
        margin-right: 18px;
        height: 45px;
    }

    .mobile-header-phone {
        display: inline-block;
    }

    .mobile-menu-toggler {
        display: block;
        right: 20px;
    }

    .header-content {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-start;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        transform: translatey(-100%);
        width: 100%;
        height: 100vh;
        background: #768F43;
        padding: 80px 15px 20px 15px;
        color: #fff;
        transition: all 0s;
    }

    .inner-header {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .header.active .inner-header {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .header-content.active {
        transform: translateY(0);
    }

    .mobile_menu_is_open {
        overflow: hidden;
    }

    .mobile_menu_is_open .top-banner-section {
        z-index: 1;
    }

    .mobile_menu_is_open .header-logo {
        position: relative;
        z-index: 100;
    }

    .mobile_menu_is_open .header-logo svg path {
        fill: #fff;
    }

    .mobile_menu_is_open .mobile-header-phone {
        position: relative;
        z-index: 100;
    }

    .mobile_menu_is_open .mobile-header-phone path {
        fill: #fff;
    }

    .mobile_menu_is_open .mobile-header-phone:hover path {
        fill: #D1000F;
    }

    .header-title {
        width: auto;
        height: auto;
    }

    .header-menu ul li {
        display: block;
        margin: 0 auto 24px auto;
        text-align: left;
    }

    .header-menu ul li:last-child {
        margin-bottom: 0;
    }

    .header-menu ul li a {
        color: #fff;
        font-size: 16px;
    }

    .header-menu ul li a:hover {
        color: #D1000F;
    }

    .header .contacts {
        justify-content: flex-start;
        width: 248px;
        align-items: center;
        margin: auto auto -16px auto;
        position: relative;
        left: 18px;
    }

    .header-contacts-item {
        margin: 0 0 16px 0;
        order: 2;
    }

    .header-contacts-item:last-child {

        order: 1;
    }

    .header .contacts .phone-icon {
        display: none;
    }

    .header .contacts .title {
        margin: 0 auto 8px 0;
        text-align: left;
        display: block;
        color: #fff;
        font-weight: 300;
        font-size: 14px;
        line-height: 1.3em;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .header .contacts .phone {
        margin: 0 auto 4px auto;
        text-align: left;
        display: block;
        color: #fff;
    }

    .header-menu {
        margin: auto auto 20px auto;
        width: 212px;
    }

    .main {
        font-size: 18px;
    }

    .section-title {
        font-size: 34px;
        line-height: 1.2em;
    }

    section {
        padding: 50px 0 50px 0;
    }

    .regions-map-section {
        padding-bottom:50px;
    }

    .about-section {
        padding: 50px 0 50px 0;
    }

    .qa-section {
        padding: 46px 0 46px 0;
    }

    .header-placeholder {
        height: 60px;
    }

    .top-banner-section {
        background-position-x: center;
    }

    .top-banner-block {
        margin: 0 auto;
        padding: 55px 15px 60px 15px;
        width: 540px;
        max-width: 100%;
        position: relative;
    }

    .top-banner-images {
        width: 270px;
        position: absolute;
        top: 40px;
        right: 8px;
    }

    .top-banner-images .top-banner-logo {
        width: 115px;
        right: 15px;
        bottom: -10px;
        z-index: 2;
    }

    .top-banner-images .top-banner-flag {
        width: 32px;
        right: 35px;
        top: 20px;
        z-index: 3;
    }

    .top-banner-images .top-banner-moto {
        max-width: 100%;
        height: auto;
        width: 207px;
        position: relative;
        z-index: 4;
        margin: 0px 0 0 60px;
    }

    .top-banner-text {
        padding-top: 258px;
    }

    .top-banner-text .title {
        font-size: 22px;
    }

    .top-banner-text .subtitle {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .requirements-tabs .the-tabs-head button {
        font-size: 18px;
    }


    .requirements-item, .requirements-item:nth-child(3n+3) {
        width: 48%;
        margin: 0 4% 4% 0;
    }

    .requirements-item:nth-child(even) {
        margin-right: 0;
    }


    .donate-section {
        background: #768F43;
    }

    .donate-section .section-title .small-text {
        font-size: 18px;
    }

    .donate-section .support-button {
        width: 345px;
        max-width: 100%;
    }

    .donate-section2 .donate-section-checkboxes label {
        font-size: 12px;
    }

    .donate-icons {
        width: 345px;
        max-width: 100%;
        justify-content: center;
        padding: 0;
    }

    .donate-section-checkboxes span {
        vertical-align: top;
    }

    .hidden-reminder {
        padding: 10px 0;
        line-height: 18px;
        font-size: 12px;
    }

    .donate-mobile-link {
        width: 345px;
        max-width: 100%;
        display: block;
        text-align: center;
        color: #fff;
        font-size: 14px;
        padding: 10px 0 0 0;
    }

    .areas-block-wrap {
        justify-content: center;
        padding: 0 15px;
    }

    .areas-search-block {
        max-width: 100%;
    }

    .with-us-slider {
        width: 600px;
        margin: 0 auto 40px;
    }

    .with-us-slider .slider-item .img {
        margin-bottom: 14px;
    }

    .qa-section-logo {
        display: none;
    }

    .qa-block {
        padding-top: 15px;
    }

    .qa-item .expandable-item-title {
        font-size: 12px;
        line-height: 1.3em;
        padding-right: 30px;
    }

    .qa-item {
        padding: 0 34px 0 34px;
    }

    .qa-item .expandable-item-content {
        font-size: 12px;
        line-height: 1.3em;
    }

    .latests-events-list-item {
        width: 605px;
        max-width: 100%;
    }


    .footer-logo .logo-img {
        width: 87px;
    }

    .footer-logo .motto-image {
        width: 107px;
    }

    .footer-logo {
        width: 100%;
        margin-bottom: 37px;
        text-align: center;
    }

    .footer-top-right {
        display: none;
    }

    .footer-contacts {
        margin: 0 auto 34px;
        text-align: center;
        font-size: 12px;
        display: block;
    }

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

    .footer-links {
        display: block;
        margin: 0 auto 24px;
        text-align: center;
    }

    .footer-links p {
        margin-bottom: 14px;
    }

    .footer-links p:last-child {
        margin-bottom: 0px;
    }

    .footer .copyright {
        padding: 0;
    }

    .donate-section .inner-section { /*width:400px;max-width: 100%;margin:0 auto;*/
    }

    .breadcrumbs {
        font-size: 12px;
        margin-bottom: 24px;
    }

    .breadcrumbs ul li {
        display: inline;
    }

    .content-section {
        padding: 40px 0 20px 0;
    }

    .card-section-title, .card-section-title .subtitle {
        font-size: 20px;
        line-height: 1.3em;
    }

    .card-section-title {
        margin-bottom: 30px;
    }

    .card-main-block-text .head {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .card-main-block-text .details .title {
        font-size: 18px;
    }

    .card-main-block-right {
        margin-top: 45px;
        width: 100%;
    }

    .card-main-block-right .donate-section {
        position: relative;
    }

    .card-main-block-right .donate-section:before {
        content: "";
        height: 100%;
        width: 17px;
        position: absolute;
        left: -17px;
        top: 0;
        z-index: 2;
        background: #768F43;
    }

    .card-main-block-right .donate-section:after {
        content: "";
        height: 100%;
        width: 17px;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 2;
        background: #768F43;
    }

    .card-page.done .card-main-block-right .donate-section:after, .card-page.delivered .card-main-block-right .donate-section:after {
        background: transparent;
    }

    .card-main-block-right .donate-section .donate-icons {
        margin: 0 auto;
    }

    .card-main-block-right .donate-mobile-link {
        margin: 0 auto;
    }

    h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .mobile-qr-container {
        display: block;
        padding: 40px 0 0 0;
    }

    .card-page .mobile-qr-container {
        display: none;
    }

    .mobile-qr-container img {
        display: block;
        margin: 0 auto;
        width: 580px;
        max-width: 100%;
    }


    .inner-footer {
        display: block;
    }

    .footer-column, .footer-logo-column {
        display: none;
        width: 280px;
        margin: 0 auto;
    }

    .footer-logo-column {
        display: block;
    }

    .footer-bottom {
        width: 280px;
        margin: 0 auto;
    }

    .footer-bottom .copyright {
        order: 3;
        font-size: 12px;
    }

    .footer-logo-column .footer-contacts {
        display: flex;
        justify-content: flex-start;
        text-align: left;
        padding-bottom: 7px;
    }

    .footer-logo {
        margin: 0 0 20px 0;
        text-align: left;
    }

    .footer-contacts {
        margin: 0;
    }

    .footer-contacts p, .footer-contacts a {
        margin-bottom: 16px;
    }

    .footer-contacts a {
        margin-bottom: 0;
    }

    .footer-contacts p:nth-child(1) {
        order: 4;
    }

    .footer-contacts p:nth-child(4) {
        order: 1;
        width: 100%;
    }

    .footer-contacts p:nth-child(2) {
        order: 2;
        margin-right: 22px;
    }

    .footer-contacts p:nth-child(3) {
        order: 3;
    }

    .footer-contacts p, .footer-contacts a, .footer-links {
        font-size: 12px;
    }


    .footer-links {
        text-align: left;
        padding: 0;
        margin: 0;
        padding-bottom: 11px;
    }

    .footer-links a {
        margin-bottom: 12px;
        display: inline-block;
        color: #fff;
    }

    .footer-links a:last-child {
        display: block;
    }

    .footer .copyright span {
    }

    .footer .footer-phone1 {
        display: inline-block;
        margin-right: 20px;
    }

    .footer .footer-phone2 {
        display: inline-block;
        width: auto !important;
    }

    .donate-blocks {
        justify-content: flex-start;
    }

    .donate-blocks-column:nth-child(1) {
        width: 100%;
        max-width: 100%;
    }

    .donate-item-sms {
        margin-left: 20px;
    }
    
    .donate-item-sms p {
        font-size: 12px;
    }

    .choose-support-block {
        margin-left: -15px;
        margin-right: -15px;
        width: 100vw;
    }

    .choose-support-block .title {
        font-size: 32px;
    }

    .reports-item, .reports-item:nth-child(3n+3) {
        width: 44%;
        margin: 0 1.5% 24px 1.5%;
    }

}


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

    .more-news-container h2 {
        font-size:40px;
    }

    .slick-slider.more-news-slider {
        width: 360px;
        max-width: 100%;
    }

    .more-news-slider .slick-next, .more-news-slider .slick-prev {
        display:none !important;
    }

    .latests-events-list-item, .latests-events-list-item:nth-child(4n+3), .latests-events-list-item:nth-child(4), .latests-events-list-item:nth-child(3) {
        margin-right: 0;
    }

     
    .cookies-modal .modal-text {
        flex:auto;
        width:100%;
        margin-bottom:24px;
    }

}

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

    .with-us-slider {
        width: 300px;
    }

}


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

    iframe {
        max-width: 100%;
        width: auto;
        height: 280px;
    }

    .slick-slider.more-news-slider .more-news-item {
        width:350px;
        max-width:100%;
    }

    .card-main-block-text iframe {
        height: 300px !important;
    }
    
    .card-main-block-text-columns {
        flex-direction: column;
        align-items: center;
    }
    
    .card-main-block-text-columns .column {
        width: 90%;
        margin-bottom: 30px;
    }

    .card-page .card-main-block-right {
        margin-top: 0;
        width: 100%;
    }

    .card-main-block-right .donate-section {
        display:none;
    }

    .support-mobile-block {
        display: block;
        position: static;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 95;
        transform: translateY(-30px);
    }

    .support-mobile-block.scrolling {
        position: fixed;
        transform:translateY(0%);
    }

    .cookies-modal .modal-title {
        font-size: 20px;
        line-height: 1.3em;
    }

    .news-page-image {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 0;
        height: auto;
    }

    .plain-text .note {
        font-size: 12px;
    }

    .news-page-image img {
        margin-bottom: 0;
        height: auto;
        object-fit: initial;
    }

    .top-banner-section {
        background-position-x: 32%;
        box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 50%);
    }

    .requirements-item, .requirements-item:nth-child(3n+3), .requirements-item:nth-child(even) {
        width: 94%;
        margin: 0 auto 30px;
    }

    .with-us-slider .slick-prev, .with-us-slider .slick-next {
        width: 36px;
        height: 36px;
        background-size: 11px;
        top: 100%;
        margin: 20px 0 0 -40px;
        transform: none;
        right: auto;
        left: 50%;
        z-index: 2;
    }

    .with-us-slider .slick-next {
        margin-left: 4px;
    }

    .news-card-image, .latests-events-list-item:first-child .news-card-image {
        display: none;
    }

    .news-card-description {
        max-width: 400px;
        padding: 24px;
    }

    .section-title-right-social a {
        width: 49px;
        height: 49px;
    }

    .latest-section-head .section-title-right {
        font-size: 12px;
    }

    .latest-section-head .section-title-right span {
        flex: 1;
    }

    .requirements-item-title strong {
        font-size: 18px;
    }

    .requirements-item-title p {
        font-size: 13px;
    }

    .news-card-title {
        height: auto;
    }

    .news-card-date {
        margin-bottom: 0;
    }

    .top-banner-block {
        min-height: 100vh;
        min-height: calc(100vh - 65px);
    }

    h1 {
        font-size: 20px;
    }

    .card-main-block-text-column {
        width: 100%;
    }


    .donate-section2 {
        padding: 40px 0 10px 0;
        background: transparent;
    }

    .donate-blocks-item {
        width: 100%;
        max-width: 610px;
        background-position: 0 0;
        padding: 24px 24px;
        height: auto;
        margin: 0 0 10px 0;
    }

    .donate-blocks-column {
        width: 100%;
    }

    .donate-item-rek {
        background: transparent;
    }

    .donate-item-qr {
        display: none;
    }

    .donate-item-sms {
        background: #768F43;
        padding: 16px 24px 4px 24px;
        text-align: left;
        position: relative;
    }

    .donate-item-sms .title, .donate-item-sms .subtitle {
        font-size: 16px;
        font-weight: 500;
    }

    .donate-item-sms .subtitle {
        margin-bottom: 4px;
    }

    .donate-item-sms .title {
        margin-bottom: 20px;
    }

    .donate-item-sms img {
        display: none;
    }

    .donate-section2 .hidden-reminder {
        display: none;
    }

    .donate-section2 .donate-section-checkboxes label {
        letter-spacing: 0;
    }

    .donate-section2 .donate-section-checkboxes span {
        max-width: 90%;
        vertical-align: middle;
    }

    .info-note-close {
        display: block;
    }

    .donate-item-sms .info-note-block {
        margin-top: 0px;
        margin-right: 0px;
        position: absolute;
        right: 18px;
        top: 18px;
    }

    .info-note-title-fancy {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 23;
    }

    .info-note-block:hover .info-note-dropdown, .info-note-dropdown.active, .info-note-dropdown {
        display: none;
    }

    .donate-item-sms p a {
        display: block;
        padding: 0;
    }

    .oferta-p {
        padding-bottom: 0 !important;
    }

    .main-text-p {
        padding-bottom: 16px;
    }

    .attention {
        font-size: 14px;
    }

    .attention svg {
        top: 0;
        transform: translateY(2px);
    }

    .list-of-checkboxes .black-checkbox {
        width: 100%;
    }

    .list-of-checkboxes .red-link {
        font-size: 14px;
    }

    .list-of-checkboxes .black-checkbox {
        align-items: center;
    }

    .list-of-checkboxes .black-checkbox .ez-radio {
        margin-right: 30px;
    }

    .people-support-block {
        padding: 34px 0 25px 0;
    }

    .region-search-container {
        display: block;
    }

    .region-search-wrap {
        position: relative;
        width: 100%;
        margin-bottom: 8px;
    }

    .region-search-button {
        width: 100%;
    }

    .region-search-container {
        padding-bottom: 20px;
    }

    .requirements-content-section .card-section-title + p {
        margin-bottom: 16px;
        font-weight: 500;

    }


    .region-requirements-page .card-main-block-image {
        margin-bottom: 16px;
    }

    .reports-list {
        display: block;
    }

    .reports-item {
        width: 100% !important;
        max-width: 420px;
        margin: 0 auto 24px auto !important;
    }

    .plain-text {
        font-size: 16px;
    }

    .reports-buttons-wrap {

    }

    .reports-buttons-wrap .button {
        display: block;
        margin: 0 auto 15px;
    }

    .page404 h2 {
        font-size: 20px;
        margin: 0 auto 30px;
    }

    .wow-title {font-size:100px;}

    .red-404-title {font-size:100px;}

}


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

    .top-banner-text .title {
        font-size: 19px;
    }

    .top-banner-text .subtitle {
        font-size: 16px;
    }

    .top-banner-text {
        padding-top: 220px;
    }

}

@media only screen and (max-width: 360px) {
    .donate-section2 .donate-section-checkboxes span {
        max-width: 80%;
    }
}


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


    .header-logo {
        transform: translateX(-8px);
    }

    .header-logo .header-title {
        width: 80px;
    }

    .header .header-motto {
        width: 77px;
        margin-right: 12px;
        height: 40px;
    }

    .requirements-tabs .the-tabs-head button {
        font-size: 15px;
    }

    .button {
        font-size: 18px;
    }

    .show-all-button {
        min-width: 0;
        font-size: 15px;
    }

}


/*max height*/
@media only screen and (max-height: 500px) {
    .mobile_menu_is_open .header-content {
        display: block;

        overflow: auto;
    }

    .mobile_menu_is_open .header-logo {
        background: #768F43;
        position: relative;
    }

    .mobile_menu_is_open .header-logo:before {
        content: "";
        display: block;
        width: 100%;
        height: 20px;
        position: absolute;
        top: -20px;
        left: 0;
        z-index: 3;
        background: #768F43;
    }

    .mobile_menu_is_open .header-logo:after {
        content: "";
        display: block;
        width: 100%;
        height: 20px;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 3;
        background: #768F43;
    }
}
