@media screen and (max-width: 1200px) { }

@media screen and (max-width: 1100px) {
    #header_navigation{ text-align:left; }
}

@media screen and (max-width: 1000px) { }

 @media screen and (max-width: 900px) {
  
    #header_navigation ul li a {
        width:100%;
        margin:0;;
    }

    #header_navigation ul li span.menu_text {
        padding: 20px 0px;
        text-align: left;
        padding-left: 40px;
    }

   
    #header_navigation ul li { padding:0; }

    #hamburger {
        display: block;
    }

    #apartmans {
        padding: 0;
        margin: 0 !important;
    }

    #apartmans a {
        padding: 18px 40px;
        text-align:left;
    }

    #hamburger:hover #header_navigation {
        display: inline-block !important;
    }

    .submenu-first-li{ display:none !important; }

    #header_navigation {
        display: none;
        height: auto !important; 
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        position: absolute;
        top: 75px;
        min-width: 0
    }

    #header_navigation ul li,
    .menu_text {
        display: block;
        width: 100%;
        margin: 0;
    }

    .menu_text{
        border-bottom:1px solid  rgba(255,255,255,0.1);
        
    }

    #header_navigation ul li.notsub:last-of-type{
        border-top:1px solid  rgba(255,255,255,0.1);
        
    }

    #header_navigation ul li span.menu_separator {
        display: none;
    }

    .submenu {
        position: static !important;
        width:90% !important;
        margin:0 auto
    }

    .submenu ul { width:100%; }

    .submenu ul li { font-size:19px !important; padding:0 !important;  border-bottom:transparent !important; }
    .submenu ul li a { padding: 12px 0 20px 40px !important;  }
    .submenu ul li .menu_separator { display:inline !important; margin-right:10px; }

    .submenu_orange{  margin-left:2px; }

    .submenu_green,.submenu_orange{ background-color:transparent !important; width:100%; margin: 0 auto; float:none;}

    .submenu_green li,.submenu_orange li{ /*background-color: rgba(255,255,255,0.1); */padding:10px 0 !important;}

    .submenu ul li{ margin:1px 0 0 0 !important; }

   
}


@media screen and (max-width: 760px) { }

@media screen and (max-width: 700px) { }

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


    #map{ height:300px !important; }
    #header_navigation{ width:100%; overflow:hidden; } 

}