/* ==========================================================================
   Исследования НСКУ — адаптивная версия
   ========================================================================== */

@media (max-width: 1199px) {

    body.research-page .research-grid {
        column-gap: 22px;
        row-gap: 32px;
    }

    body.research-page .research-item__media {
        height: 310px;
        padding: 22px 66px 16px 20px;
    }

    body.research-page .research-item__image {
        height: 266px;
    }

    body.research-page .research-file-buttons {
        right: 12px;
        bottom: 23px;
        width: 108px;
    }

    body.research-page .research-item__body {
        min-height: 195px;
        padding: 25px 25px 28px;
    }

    body.research-page .research-item__title {
        font-size: 19px;
    }
}

@media (max-width: 991px) {

    body.research-page .research-section {
        padding: 48px 0 66px;
    }

    body.research-page .research-featured-item {
        grid-template-columns: 300px minmax(0, 1fr);
    }

    body.research-page .research-featured-item__media {
        min-height: 330px;
        padding: 24px 64px 24px 22px;
    }

    body.research-page .research-featured-item__image {
        height: 282px;
    }

    body.research-page .research-featured-item__body {
        padding: 34px 32px;
    }

    body.research-page .research-featured-item__title {
        font-size: 24px;
    }

    body.research-page .research-file-buttons--featured {
        right: 12px;
        width: 112px;
    }

    body.research-page .research-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {

    body.research-page .research-section {
        padding: 34px 0 52px;
    }

    body.research-page .research-featured-list {
        margin-bottom: 24px;
    }

    body.research-page .research-featured-item {
        display: block;
        min-height: 0;
        border-radius: 20px;
    }

    body.research-page .research-featured-item__media {
        min-height: 320px;
        padding: 20px 66px 16px 18px;
    }

    body.research-page .research-featured-item__image {
        height: 278px;
    }

    body.research-page .research-featured-item__body {
        padding: 26px 23px 29px;
    }

    body.research-page .research-featured-item__title {
        font-size: 22px;
    }

    body.research-page .research-featured-item__body .research-item__intro {
        font-size: 16px;
    }

    body.research-page .research-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    body.research-page .research-item {
        border-radius: 20px;
    }

    body.research-page .research-item__media {
        height: 325px;
        padding: 18px 66px 14px 18px;
    }

    body.research-page .research-item__image {
        height: 282px;
    }

    body.research-page .research-item__body {
        min-height: 0;
        padding: 23px 23px 27px;
    }

    body.research-page .research-item__date {
        margin-bottom: 14px;
    }

    body.research-page .research-item__title {
        font-size: 20px;
    }

    body.research-page .research-file-buttons,
    body.research-page .research-file-buttons--featured {
        right: 10px;
        bottom: 23px;
        width: 108px;
    }

    body.research-page .research-file-button {
        min-height: 39px;
        padding: 8px 13px;
        font-size: 15px;
    }
}

@media (max-width: 420px) {

    body.research-page .research-item__media,
    body.research-page .research-featured-item__media {
        height: 292px;
        min-height: 292px;
        padding-right: 57px;
    }

    body.research-page .research-item__image,
    body.research-page .research-featured-item__image {
        height: 250px;
    }

    body.research-page .research-file-buttons,
    body.research-page .research-file-buttons--featured {
        right: 8px;
        bottom: 21px;
        width: 94px;
    }

    body.research-page .research-file-button {
        min-height: 37px;
        padding: 7px 10px;
        font-size: 14px;
    }

    body.research-page .research-item__body,
    body.research-page .research-featured-item__body {
        padding-left: 20px;
        padding-right: 20px;
    }
}