html, body { height: 100%; margin: 0; padding: 0; } .wrapper { min-height: 100%; display: flex; flex-direction: column; } .content { flex: 1; } @media (max-width: 992px) { #target-main { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } #target-main.show { max-height: 500px; /* Установите желаемую максимальную высоту */ } }