/*----------
Media
-----------*/
@media (max-width: 1024px) {
    .s_card { flex: 1 1 50%; } /* 2 в ряд */
}
@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }
    .widget p {
        color: #ffffff;
    }
    .header-block {
        grid-template-columns: 2fr;
    }
    .item-html h3 {
        font-size: 26px;
        margin-top: 30px;
    }
    .s_item-html h3 {
        font-size: 0.95rem;
        line-height: 1.4;
        padding-top: 1px;
        /*border-top: 5px solid #ef0101;*/
        transform: translate3d(0px, 10px, 0px);
        transition: transform 0.5s ease;
    }
    .s_main-block-card-body {
        top: 25%;
        align-items: start;
    }
    .s_item-html {
        padding: 10px 2px;
    }
    .s_item-html:before {

    }
    .main-second_block:not(.swiper-wrapper) {
        flex-wrap: wrap;
    }
    .s_card {
        flex: 1 1 100%;
    }
    .eloquent-slider_title {
        width: 30%;
        font-size: 0.72rem;
        padding: 6px 4px;
    }
    .thr_card {
        flex: 1 1 100%;
    }
    .m_breadcrumb span,
    .m_breadcrumb a {
        font-size: 14px;
    }
    .main-third_block {
        flex-wrap: wrap;
    }
    .thr_card {
        width: 100%;
    }
    .thr_item-html {
        padding: 0 5px;
    }
    .thr_item-html h3 {
        font-size: 0.8rem;
        transform: translate3d(0px, 2px, 0px);
    }
    .site-footer {
        padding: 10px 8px;
    }
    .footer-container #footer #social_block {
        width: 100%;
        padding-top: 5px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .footer-container #footer #social_block ul li a {
        height: 32px;
        width: 32px;
        font-size: 15px;
        line-height: 1; } }
    .post-content img,
    .info-page img {
        width: 100%;
    }
@media (max-width: 576px) {
    #page .content-wrapper {
        --bs-gutter-x: 1rem; /* уменьшили "канавку" */
        padding-right: calc(var(--bs-gutter-x) * 1);
        padding-left: calc(var(--bs-gutter-x) * 1);
    }
    .sidebar,
    .main-content {
        flex: 0 0 100%; /* ширина 100% */
        max-width: 100%;
        margin: 0; /* убрали центрирование */
    }
    .content-wrapper {
        display: block;
    }
}

@media (max-width: 479px) {
    .footer-container #footer #social_block ul li a {
        height: 30px;
        width: 30px;
        padding: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
    .footer-container #footer #social_block ul li a:before {
        vertical-align: -2px; }
}
@media (max-width: 479px) {
    .footer-container #footer #social_block ul li a:before {
        vertical-align: -4px; }
}