@media (max-width: 992px) {

    html,
    body {
        overflow-y: auto;
    }

    .main {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    .side-panel-container {
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .side-panel-controls {
        margin-bottom: 12px;
    }

    .map-background {
        height: auto;
        min-height: 340px;
    }

    .map-container {
        height: 320px;
        margin-left: 0;
        margin-right: 0;
    }

    .map-container > .col {
        padding-left: 0;
        padding-right: 0;
        height: 100%;
    }

    #map {
        height: 100%;
        min-height: 320px;
    }

    .indicator-custom-row {
        align-items: stretch;
        flex-direction: column;
        gap: 6px;
    }

    .indicator-custom-row button {
        width: 100%;
    }

    .slick-prev {
        left: 6px !important;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .slick-next {
        right: 6px !important;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .slider-card {
        height: 104px !important;
        min-height: 104px !important;
        max-height: 104px !important;
    }

    .slider-card p {
        -webkit-line-clamp: 4;
    }

    
}