/* Планшеты и Мобильные (до 991px) */
@media(max-width: 991px) {
    .main-wrapper {
        border-left: none;
        border-top: 10px solid #C52127;
        height: auto;
    }

    .main-center-block {
        position: relative;
        top: 0;
        transform: none; /* Убираем наложение блоков друг на друга */
    }

    /* ЛОГОТИП: Выравниваем по левому краю */
    .logo-box {
        margin: 30px 0 60px 20px; /* 20px — отступ от левого края */
        text-align: left; 
    }

    .logo-box img {
        width: 150px !important; /* Увеличенный размер */
        height: auto;
    }

    /* ЗАГОЛОВОК: Добавляем отступ сверху, чтобы не сливался с лого */
    .main-text h1 {
        margin-top: 40px !important;
        text-align: center;
    }

    /* КАРТИНКА РЕКОНСТРУКЦИИ: Выравниваем по центру */
    .content1-w3layouts {
        text-align: center;
        width: 100%;
        display: block;
    }

    .content1-w3layouts img {
        margin: 0 auto;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }
}