@media screen and (max-width: 1024px) {
    .prime-back, .prime-back-image {
        background-size: cover;
    }
}


@media screen and (max-width: 670px) {

    /*html, body {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    overflow-x: hidden;*/
    /*}*/

    .prime-arrow_left, .prime-arrow_right {
        top: 48vh;
    }

    .prime-arrow_left {
        left: 5px;
    }

    .prime-arrow_right {
        right: 5px;
    }

    .footer.prime-footer {
        position: relative;
        top: auto;
        margin-top: -12px;
    }

    .prime-back {
        flex-direction: column;
        justify-content: normal;
        width: 100%;
        background-image: none;
        height: 120vh;
    }

    .prime-backleft, .prime-backright {
        width: 100%;
        height: 100%;
    }

    .prime-section .prime-back-image {
        display: none;
    }

    .prime-section .container {
        flex-direction: column-reverse;
        justify-content: normal;
        align-content: flex-start;
        overflow-y: auto;
        width: 100%;
        margin: 0 auto;
    }

    .prime-section .work_block_text {
        width: 100%;
        margin: 0 auto;
    }

    .prime-section .work_block_text h1 {
        font-size: 20px;
        line-height: 100%;
        text-align: center;
        margin: 0 10px;
    }

    .prime-section .work_block_text p {
        font-size: 16px;
        text-align: center;
        margin: 13px 10px 0 10px;
    }

    .prime-wrapperImage {
        display: block;
        width: 100%;
        height: 70vh;
        margin-top: -40px;
    }

    .prime-wrapperImage .prime-image {
        background-size: cover;
        background-position: top center;
        margin: 0 auto;
    }

    .prime-wrapperImage .prime-image:hover {
        scale: 105%;
    }

    /********** prime-section-1 *****************/
    .prime-section-1 .container {
        flex-direction: column;
    }

    .prime-section-1 .prime-back {
        flex-direction: column-reverse;
    }

    .prime-section-1 .prime-backleft {
        display: none;
    }

    .prime-section-1 .work_block_text {
        padding-left: 0;
    }

    .work__blockmedal {
        margin: 27px auto;
    }

    .work__medal {
        font-size: 7px;
        line-height: 7px;
        border-radius: 10px;
        width: 59px;
        height: 50px;
        padding: 4px;
    }

    .work__medal:first-child {
        font-size: 6px;
        line-height: 7px;
        letter-spacing: -7%;
        padding: 4px 0;
    }

    .work__medal img, .work__medal:first-child img {
        height: 24px;
        margin-bottom: 2px;
    }

    .prime-section-1 .prime-image {
        background-position: top left;
    }

    /********** prime-section-2 *****************/
    .prime-section-2 .prime-backright {
        display: none;
    }

    .prime-section-2 .prime-image {
        background-position: top 10px left -20px;
    }

    /********** prime-section-3 *****************/
    .prime-section-3 .prime-backleft {
        display: none;
    }

    .prime-section-3 .work_block_text p {
        margin: 13px 20px 0 20px;
    }

    /********** prime-section-4 *****************/
    .prime-section-4 .prime-backleft {
        display: none;
    }

    .prime-section-4 .prime-image {
        background-position: top -10px left;
    }

    /********** prime-section5 *****************/
    .prime-section-5 .prime-backright {
        display: none;
    }

    /********** prime-section6 *****************/
    .prime-section-6 .prime-backright {
        display: none;
    }

    .prime-section-6 .prime-image {
        background-position: top right -30px;
    }

}
