html,
body {
    overflow-x: hidden;
}

/* 1. Все записи (блоки) во всю ширину окна */
.t-records,
.t-record {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 2. Основной контейнер Тильды — резиновый, с отступами */
.t-container,
.t-container_100 {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
}

/* На больших экранах даём больше воздуха по краям */
@media (min-width: 1200px) {
    .t-container,
    .t-container_100 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* 3. Колонки внутри блоков — без лишних внутренних отступов */
.t-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 4. Ряды внутри контейнера — убираем внешние отступы */
.t-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 5. Обложки (cover-блоки) — на всю ширину */
.t-cover,
.t-cover__carrier,
.t-cover__wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* 6. Картинки / видео / iframe внутри контейнеров — адаптивные */
.t-container img,
.t-container video,
.t-container iframe {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    box-sizing: border-box;
}

/* 7. Галереи и слайдеры — на всю ширину контейнера */
.t-slds,
.t-slds__container,
.t-slds__item,
.t-slds__wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* 8. Формы — растягиваем по ширине */
.t-form__inputsbox {
    max-width: 100% !important;
    width: 100% !important;
}

/* На больших экранах поля форм не слишком широкие */
@media (min-width: 1200px) {
    .t-form__inputsbox {
        max-width: 700px !important;
        margin-left: 0 !important;
    }
}

/* 9. Стандартные меню — во всю ширину */
.t228,
.t199,
.t280,
.t282 {
    max-width: 100% !important;
    width: 100% !important;
}

/* Логотипы в меню — аккуратно масштабируем */
.t228__logo img,
.t199__logo img {
    max-width: 100% !important;
    height: auto !important;
}

/* 10. Текст — чтобы не размазывался во всю ширину на десктопе */
@media (min-width: 1200px) {
    .t-text,
    .t-descr {
        max-width: 900px;
    }
}

/* 11. Контейнеры t-width (как в блоке "Наши педагоги") — на всю ширину */
.t-width,
[class*="t-width_"] {
    max-width: 100% !important;
    width: 100% !important;
}

/* Убираем автоцентрирование у таких контейнеров */
.t-width.t-margin_auto,
[class*="t-width_"].t-margin_auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
}