@media all and (min-width:1px) 
{
    #header { padding: 0; margin: 0; position: relative; width: 100%; box-sizing: border-box; background-color: #FFFFFF; }
    #nav_container { display: block; box-sizing: border-box; }
    
    #nav_tabletmenu_container, #nav_desktopmenu_container { display: none; }
    
    #nav_mobilemenu_container 
    { 
        box-sizing: border-box; 
        background: #fff;
        padding: 0px 20px 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid #AEAEAE;
        box-shadow: 0 3px 7px 0 rgba(64, 64, 96, 0.25);
        
    }
    #nav_mobilemenu_candidates_container { 
        display: block; 
        box-sizing: border-box;
        padding: 12px;
        background: #fff;
        width: 100%;
        height: 40px;
        line-height: 1;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        text-align: right;
    
    }
    #nav_mobilemenu_logo { }
    #nav_mobilemenu_logo > img { width: 100%; cursor: pointer; }
   
    
    .nav-ui-menu { border: 0 none !important; display: inline; }
    .nav-ui-menu-item {  }
    .nav-ui-menu-item-wrapper { box-sizing:border-box !important; padding: 12px !important; color: #444; }
    .nav-ui-menu-icon { display: none; }
    .nav-ui-menu-divider { }
    .nav-ui-menu-border { border: 1px solid #777 !important; }
    
    
    #nav_desktopmenu_container
    {
        display: none;   
    }    
    
    #nav_mobilemenu_leftmenu_container
    { 
        box-sizing: border-box; 
    }
    #nav_mobilemenu_leftmenu_container > ul 
    { 
        padding: 0; margin: 0;
        transition: left .5s;
        z-index: 9999;
        list-style-type: none;
        list-style-position: inside;
        vertical-align: middle;
    } 
    #nav_mobilemenu_leftmenu_container > ul > li
    { 
        padding: 0 0 0 0; 
        margin: 0 0 0 0;
        box-sizing: border-box;
        display: inline;
        /* line-height: 2; */
        font-family: "Manrope", Arial, sans-serif;
        font-size: 18px;
        font-weight: bold; 
        float: left; clear: none;
    }
    #nav_mobilemenu_leftmenu_container > ul > li > div
    { 
        transition-duration: 500ms;
        transition-property: background-color;
        display: block;
    }

    .nav_mobilemenu_leftmenu_link, 
    .nav_mobilemenu_leftmenu_link:hover 
    { 
        box-sizing: border-box;
        font-family: "Manrope", Arial, sans-serif; 
        font-size: 18px; 
        font-weight: normal; 
        display: block;
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
    }
    .nav_mobilemenu_leftmenu_link:hover 
    { 
        color: #FFF;
    }
    
    .nav_mobilemenu_leftmenu_link::after 
    {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: #EEE;
        transition: 300ms;
    }
    
    .nav_mobilemenu_leftmenu_link:hover::after 
    {
        width: 100%;
    }
    
    
    
    
    
    
    
    #nav_mobilemenu_rightmenu_container
    { 
        box-sizing: border-box; 
    }
    #nav_mobilemenu_rightmenu_container > ul 
    { 
        padding: 0; margin: 0;
        transition: left .5s;
        z-index: 9999;
        list-style-type: none;
        list-style-position: inside;
        vertical-align: middle;
    } 
    #nav_mobilemenu_rightmenu_container > ul > li
    { 
        padding: 0 0 0 0; 
        margin: 0 0 0 0;
        box-sizing: border-box;
        display: inline;
        /* line-height: 2; */
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        font-weight: bold; 
        float: left; clear: none;
    }
    #nav_mobilemenu_rightmenu_container > ul > li > div
    { 
        transition-duration: 500ms;
        transition-property: background-color;
        display: block;
    }

    .nav_mobilemenu_rightmenu_link, 
    .nav_mobilemenu_rightmenu_link:hover 
    { 
        box-sizing: border-box;
        font-family: "Manrope", Arial, sans-serif;
        font-size: 18px; 
        font-weight: normal; 
        display: block;
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
    }
    .nav_mobilemenu_rightmenu_link:hover 
    { 
        color: #FFF;
    }
    
    .nav_mobilemenu_rightmenu_link::after 
    {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: #EEE;
        transition: 300ms;
    }
    
    .nav_mobilemenu_rightmenu_link:hover::after 
    {
        width: 100%;
    }
}
    



@media all and (min-width:340px) 
{
    
}

@media all and (min-width:480px) 
{
    #nav_mobilemenu_logo { }
    #nav_mobilemenu_logo > img { width: 200px; }    
}

@media all and (min-width:600px) 
{
    #nav_mobilemenu_logo { }
    #nav_mobilemenu_logo > img { width: 200px; }
}

@media all and (min-width:768px) 
{
    #nav_mobilemenu_container, #nav_desktopmenu_container { display: none; }
    #nav_mobilemenu_candidates_container { display: none; }
    
    
    #nav_tabletmenu_logo { }
    #nav_tabletmenu_logo > img { width: 200px; }
    #nav_tabletmenu_icon, #nav_tabletmenu_gearicon { font-family: "Manrope", Arial, sans-serif; font-weight: bold; font-size: 20px; box-sizing: border-box; cursor: pointer; }
    
    #nav_tabletmenu_container 
    { 
        box-sizing: border-box; 
        background: #fff;
        padding: 10px 20px 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        z-index: 999;
        border-bottom: 1px solid #AEAEAE;
        box-shadow: 0 3px 7px 0 rgba(64, 64, 96, 0.25);
    }
     
    
    
    
    
    
    
    #nav_tabletmenu_leftmenu_container
    { 
        box-sizing: border-box; 
    }
    #nav_tabletmenu_leftmenu_container > ul 
    { 
        padding: 0; margin: 0;
        transition: left .5s;
        z-index: 9999;
        list-style-type: none;
        list-style-position: inside;
        vertical-align: middle;
    } 
    #nav_tabletmenu_leftmenu_container > ul > li
    { 
        padding: 0 0 0 0; 
        margin: 0 0 0 0;
        box-sizing: border-box;
        display: inline;
        /* line-height: 2; */
        font-family: "Manrope", Arial, sans-serif;
        font-size: 18px;
        font-weight: bold; 
        float: left; clear: none;
    }
    #nav_tabletmenu_leftmenu_container > ul > li > div
    { 
        transition-duration: 500ms;
        transition-property: background-color;
        display: block;
    }

    .nav_tabletmenu_leftmenu_link, 
    .nav_tabletmenu_leftmenu_link:hover 
    { 
        box-sizing: border-box;
        font-family: "Manrope", Arial, sans-serif; 
        font-size: 18px; 
        font-weight: normal; 
        display: block;
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
    }
    .nav_tabletmenu_leftmenu_link:hover 
    { 
        color: #FFF;
    }
    
    .nav_tabletmenu_leftmenu_link::after 
    {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: #EEE;
        transition: 300ms;
    }
    
    .nav_tabletmenu_leftmenu_link:hover::after 
    {
        width: 100%;
    }

    
          
    
    #nav_tabletmenu_rightmenu_container
    { 
        box-sizing: border-box; 
    }
    #nav_tabletmenu_rightmenu_container > ul 
    { 
        padding: 0; margin: 0;
        transition: left .5s;
        z-index: 9999;
        list-style-type: none;
        list-style-position: inside;
        vertical-align: middle;
    } 
    #nav_tabletmenu_rightmenu_container > ul > li
    { 
        padding: 0 0 0 0; 
        margin: 0 0 0 0;
        box-sizing: border-box;
        display: inline;
        /* line-height: 2; */
        font-family: "Manrope", Arial, sans-serif;
        font-size: 18px;
        font-weight: bold; 
        float: left; clear: none;
    }
    #nav_tabletmenu_rightmenu_container > ul > li > div
    { 
        transition-duration: 500ms;
        transition-property: background-color;
        display: block;
    }

    .nav_tabletmenu_rightmenu_link, 
    .nav_tabletmenu_rightmenu_link:hover 
    { 
        box-sizing: border-box;
        font-family: "Manrope", Arial, sans-serif; 
        font-size: 18px; 
        font-weight: normal; 
        display: block;
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
    }
    .nav_tabletmenu_rightmenu_link:hover 
    { 
        color: #FFF;
    }
    
    .nav_tabletmenu_rightmenu_link::after 
    {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: #EEE;
        transition: 300ms;
    }
    
    .nav_tabletmenu_rightmenu_link:hover::after 
    {
        width: 100%;
    }
    
    .nav-ui-menu { border: 0 none !important; display: inline; }
    .nav-ui-menu-item {  }
    .nav-ui-menu-item-wrapper { box-sizing:border-box !important; padding: 12px !important; color: #444; }
    .nav-ui-menu-icon { display: none; }
    .nav-ui-menu-divider { }
    .nav-ui-menu-border { border: 1px solid #777 !important; }

}

@media all and (min-width:1024px) 
{
    
    .nav-ui-menu { border: 0 none !important; display: inline; }
    .nav-ui-menu-item {  }
    .nav-ui-menu-item-wrapper { box-sizing:border-box !important; padding: 12px !important; color: #444; }
    .nav-ui-menu-icon { display: none; }
    .nav-ui-menu-divider { }
    .nav-ui-menu-border { border: 1px solid #777 !important; }
    
    
    #nav_mobilemenu_container, #nav_tabletmenu_container { display: none; }
    
    
    #nav_desktopmenu_logo > img { width: 240px; }
    #nav_desktopmenu_container 
    { 
        box-sizing: border-box; 
        background: #fff;
        padding: 10px 20px 0 20px;
        margin: 0 auto 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 1400px;
        z-index: 999;
        
        
    }
    
    .nav_shadow 
    { 
        box-shadow: 0 3px 7px 0 rgba(64, 64, 96, 0.25); 
        border-bottom: 1px solid #AEAEAE;
    }
    
    
    
    #nav_desktopmenu_leftmenu_container
    { 
        box-sizing: border-box; 
    }
    #nav_desktopmenu_leftmenu_container > ul 
    { 
        padding: 0; margin: 0;
        transition: left .5s;
        z-index: 9999;
        list-style-type: none;
        list-style-position: inside;
        vertical-align: middle;
    } 
    #nav_desktopmenu_leftmenu_container > ul > li
    { 
        padding: 0 0 0 0; 
        margin: 0 0 0 0;
        box-sizing: border-box;
        display: inline;
        /* line-height: 2; */
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        font-weight: bold; 
        float: left; clear: none;
    }
    #nav_desktopmenu_leftmenu_container > ul > li > div
    { 
        transition-duration: 500ms;
        transition-property: background-color;
        display: block;
    }

    .nav_desktopmenu_leftmenu_link, 
    .nav_desktopmenu_leftmenu_link:hover 
    { 
        box-sizing: border-box;
        font-family: "Manrope", Arial, sans-serif; 
        font-size: 18px; 
        font-weight: normal; 
        display: block;
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
    }
    .nav_desktopmenu_leftmenu_link:hover 
    { 
        color: #FFF;
    }
    
    .nav_desktopmenu_leftmenu_link::after 
    {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: #EEE;
        transition: 300ms;
    }
    
    .nav_desktopmenu_leftmenu_link:hover::after 
    {
        width: 100%;
    }

    
          
    
    #nav_desktopmenu_rightmenu_container
    { 
        box-sizing: border-box; 
    }
    #nav_desktopmenu_rightmenu_container > ul 
    { 
        padding: 0; margin: 0;
        transition: left .5s;
        z-index: 9999;
        list-style-type: none;
        list-style-position: inside;
        vertical-align: middle;
    } 
    #nav_desktopmenu_rightmenu_container > ul > li
    { 
        padding: 0 0 0 0; 
        margin: 0 0 0 0;
        box-sizing: border-box;
        display: inline;
        /* line-height: 2; */
        font-family: "Manrope", Arial, sans-serif;
        font-size: 18px;
        font-weight: bold; 
        float: left; clear: none;
    }
    #nav_desktopmenu_rightmenu_container > ul > li > div
    { 
        transition-duration: 500ms;
        transition-property: background-color;
        display: block;
    }

    .nav_desktopmenu_rightmenu_link, 
    .nav_desktopmenu_rightmenu_link:hover 
    { 
        box-sizing: border-box;
        font-family: "Manrope", Arial, sans-serif;
        font-size: 18px; 
        font-weight: normal; 
        display: block;
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
    }
    .nav_desktopmenu_rightmenu_link:hover 
    { 
        color: #FFF;
    }
    
    .nav_desktopmenu_rightmenu_link::after 
    {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: #EEE;
        transition: 300ms;
    }
    
    .nav_desktopmenu_rightmenu_link:hover::after 
    {
        width: 100%;
    }
    
}