@media (max-width: 1200px){
   
    .benefitblock {
        flex-direction: column !important;
    }

    .benefitblock-text, .benefitblock-media {
        width: 100%;
    }

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

    .aboutblock-media, .aboutblock-text {
        width: 100%;
    }
}




@media (max-width: 992px){
   
    .site-map-navlink, .dropdown .dropbtn {
        font-size: 14px;
        padding: 0px 10px;
    }

    .site-map-navlink::before, .dropbtn::before {
        height: 25px;
    }

    .marketplace-block-wrap {
        flex-direction: column !important;
    }

    .marketplace-block {
        flex-direction: column;
    }

    .marketplace-block-wrap {
        width: 100% !important;
    }

    .rund-qa-form-part {
        flex-direction: column !important;
    }

    .rund-qa, .rund-form-part {
        width: 100%;
    }

    .order-stages-item {
        flex-direction: column !important;
    }

    .order-stages-item p {
        font-size: 16px;
    }

    .animbanner {
        height: 900px;
        flex-direction: column;
    }

    .animbanner-left, .animbanner-right, .animbanner-center {
        width: 100%;
        height: 300px;
    }

    @keyframes move {
        0% {
          top: 0px; 
        }
        25% {
          top: -300px;
        }
        50% {
          top: -600px;
        }
        75% {
          top: -890px;
        }
        100% {
          top: -870px;
        }
}

    @keyframes move-revers {
        0% {
          top: -870px ; 
        }
        25% {
          top: -890px;
        }
        50% {
          top: -600px;
        }
        75% {
          top: -300px;
        }
        100% {
          top: 0px;
        }
}

    .footer-col {
        flex-direction: column;
    }

    .footer-column {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .rund-footer, .footer-column div, .footer-col-img {
        width: 50%;
    }

    .similar-article-list {
        flex-wrap: wrap;
        gap: 20px;
    }

    .similar-article-card {
        width: 48%;
        flex-direction: column !important;
    }

    .bloki-dlya-mp, .dlya-pokypki-boxa{
        flex-direction: column !important;
    }

    .bloki-dlya-mp-wrap, .dlya-pokypki-single{
        width: 100% !important;
    }

}


@media(max-width: 768px){
    .header-centr-nav {
        gap: 0;
    }

    .site-map-navlink, .dropdown .dropbtn {
        font-size: 12px;
    }

    .animbanner-greetings p {
        font-size: 16px;
        margin: 0;
    }

    .order-stages-list {
        flex-direction: column;
    }

    .order-stages-item {
        width: 100% !important;
    }

    .mpm-info-item p {
        font-size: 12px;
    }

    .mpm-title {
        margin-bottom: 25px;
    }

    .m-p-mediacontent {
        flex-direction: column-reverse;
    }

    .m-p-mediacontent-info {
        width: 100%;
    } 

    .cont-blanck-list {
        flex-direction: column;
    }

    .cont-blanck-item {
        width: 100%;
    }

}


@media(max-width: 576px){

    .header-centr-nav {
        gap: 10px;
        flex-wrap: wrap;
    } 
    
    .animbanner-center-overlay {
        padding-bottom: 10px;
    }

    .animbanner-greetings {
        padding: 10px 15px;
    }

    .animbanner-greetings p {
        font-size: 12px;
        font-weight: 400;
    }


    .aboutblock-title, .benefitblock-title, .marketplace-title, .rund-qa-title, .order-stages-title {
        font-size: 28px;
    }

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

    .marketplace-card {
        flex-direction: column;
    }

    .mp-card-img {
        width: 100% !important;
    }

    .mp-card-text {
        padding-top: 0;
        width: 100% !important;
    }

    .mp-card-infoblock {
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }

    .r-f-body {
        padding: 15px;
    }

    .rund-qa-form-part {
        padding: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    label, label a {
        font-size: 12px;
    }

    .footer-column {
        flex-direction: column !important;
    }

    .rund-footer, .footer-column div, .footer-col-img {
        width: 100%;
    }

    .button-2 {
        padding: 17px 20px !important;
    }

    .navbar-prod-title, .navbar-cont-title {
        font-size: 22px;
    }

    .similar-article-card {
        width: 90%;
    }

    .dropdown-content {
        right: 0;
        width: 240px;
    }

    .dropdown-content a {
        width: 240px;
    }
}