@media (max-width: 1200px) {

    #single-nav {
        position:fixed;
        top:50px;
        left:0;
        z-index:10000;
        width:100% !important;
        max-width: 100%;
        background-color: white;
        padding:0 1rem !important;
    }
    #single-nav .btn {

        max-width: 100%;
        display: inline-block;
    }
    #single-nav {
        max-height:80%;
        overflow-y: auto;
    }

    #single-nav ul {
        margin:1rem 1rem;
        padding:1rem;
        background-color:#EFEFF1;
        border-radius: 0.5rem;
    }
    #single-nav ul li{
        list-style-type: none;
        padding:0px;
    }
    #single-nav ul li a{
        margin:0.2rem 0px !important;
        padding:1rem 1rem !important;
        font-size:1.2rem;
        background-color: transparent;
        color:#585057;
        border:none;
    }
    #single-nav ul li a:hover{
        text-decoration: none;
        background-color: #E5E3E5 !important;

        border-radius: 0.5rem;
    }
    #single-nav ul li a:hover{
        background-color: #EFEFF1;
    }

    #general  {
        height:50px;
        position: fixed;
        background-color: white;
        width: 100%;
        z-index:10000;

    }
    #row-buttons {
        position: absolute;
        height:60px;
        width:100%;
        background-color: white;
        margin:0;
        z-index:3;
        top:50px;
        left:0px;
    }
    .row-buttons-on-map {
        background-color: transparent !important;
        bottom:50px !important;
        top:auto !important;
    }
    #search-results {
        --position:fixed !important;
        --top:110px;
        --z-index: 1;
        --height: 100%;
        --overflow-y: auto;
    }



}