﻿@media (max-width: 991.98px) {

    body,
    body > *,
    .container,
    .row,
    [class*="col-"] {
        display: block !important;
        flex: none !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .navbar-collapse {
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-height: calc(100vh - 60px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background: white !important;
        z-index: 1050 !important;
        border: none !important;
        outline: none !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    }

    .aos-init,
    .aos-animate {
        transform: none !important;
        opacity: 1 !important;
    }

    html, body {
        width: 100vw !important;
        min-width: 100vw !important;
        overflow-x: hidden !important;
        position: relative !important;
    }

    .living-club-section {
        margin-top: 60px !important;
        width: 100% !important;
        padding-top: 1rem !important;
    }

        .living-club-section .container,
        .program-section .container,
        .tariffs-section .container,
        .records-section .container {
            width: 100% !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

    * {
        border-color: transparent !important;
        outline: none !important;
    }
}
