@media only screen and (max-width: 600px) {
    /* TOP MENU WIDGETS */
    /* .map-top-menu-container {
        position: static;
    } */
    .top_menu_slider_info_text {
        white-space: break-spaces;
        z-index: 1;
    }

    /* Time slider & Swipe */
    .time-slider-swipe-container {
        flex-direction: column;
    }
    .time-slider-swipe-buttons {
        flex-direction: row;
        padding: 16px;
    }
    .time-slider-swipe-buttons > div {
        flex: 1;
        margin: 0;
    }
    .time-slider-swipe-buttons > div#time-slider-buttonMode {
        margin-right: 16px;
    }
    .time-swipe-container {
        padding: 0 16px 16px 16px;
    }
    .timeSwipe_text {
        display: none;
    }
    .time-swipe-container .swipeSelectors_container select#firstYear_select {
        margin-right: 16px;
    }
    
    .map-buttons-bottomleft, .map-buttons-bottomright {
        margin-bottom: 3.3em;
    }

    .fade-left {
        height: inherit;
    }
    .fade-right {
        top: 40%;
        height: 50%;
    }
}
@media only screen and (max-height: 762px) and (max-width: 767px) {
    .header {
        height: 50px;
    }
    .leaflet-bottom .map-button {
        margin-bottom: 0.5em;
    }

    .time-slider-swipe-buttons {
        padding: 8px;

    }

    .time-slider-main {
        padding: 0 1em 8px 1em;
    }

    .leaflet-top.leaflet-right {
        margin-top: 86px;
    }

    .ecl-u-type-heading-3 {
        font: var(--f-m) !important;
    }

    .leaflet-bottom .map-button {
        margin-bottom: 0.5em;
    }
}