@media only screen and (max-width: 992px) {


    @media screen and (orientation:portrait) {
        #header {
            height: 5%;
        }
        .title{
            font-size: 3em;
            width: unset;
        }
        #side_panel {
            overflow: auto;
            height: 35%;
            /* padding: 5px; */
            /* margin: 5px; */
        }
        #mapdiv {
            height: 60%;
            background-color: white;
            margin: 0;
            padding: 0;
        }
        #zoomButtons{
            display:flex;
        }
        #filter{
            width: 100%;
        }   
    
        ul{
            display: flex;
        }
        .menu li {
            display: inline;
            width: 100%;
            text-align: center;
        }
        .name-service{
            font-size: 28px;
        }
        .pop-dim{
            max-width: 60%;
            max-height: 80%;
        }
        .icon-image{
            height: 60px;
            padding: 0px;
        }
        
      
    }



    @media screen and (orientation:landscape) {
        #header {
            height: 10%;
        }
        .title{
            font-size: 3em;
            width: unset;
        }
        #side_panel {
            overflow: auto;
            height: 90%;
            width: 30%;
            /* padding: 5px; */
            /* margin: 5px; */
        }
        #mapdiv {
            height: 90%;
            width: 70%;
            background-color: white;
            margin: 0;
            padding: 0;
        }
        #zoomButtons{
            width: 100%;
        }
        #filter{
            width: 100%;
        }   
    
        ul{
            display: flex;
        }
        .menu li {
            display: inline;
            width: 100%;
            text-align: center;
        }  
        .name-service{
            font-size: 14px;
        } 
        .pop-dim{
            max-width: 80%;
            max-height: 60%;
        }
        .icon-image{
            height: 40px;
            padding: 0px;
        }
    }


    
}