.fa-menu-color{color: white !important;}
    .menu-bgcolor{background-color: #0360AC !important;}
    /* overide main and/or bootstrap defaults below */    
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: transparent !important;}
    .navbar-collapse.in{
         background-color:  transparent !important;
         float: right !important;
    }
    .navbar-toggle { background-color: #ddd !important; }    
    .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover > a, .nav-tabs .dropdown-menu li > a:focus {
        background: #ddd !important;
    } 
    .navbar-right{ min-width: 160px;}
   
        
    .nav a { text-decoration: none !important; }
    
    .profileMenu{
        background-color: #FFFFFF;
        float: right; padding-right: 20px; text-align: left; white-space: nowrap;
    }
    .navbar-nav{
        background-color: #0360AB;
        color: #0360AB;
    }

.navbar{ height: 80px;}
.header-bg {
    background-image: url('/assets/img/header_background.jpg');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: 100px;
}
   
    
@media all and (max-width: 239px) {
    .navbar{ height: 80px;}
    .header-bg{
        background-image: none;
        background-repeat: no-repeat; 
        background-color: #FFFFFF;
    }  
}
@media all and (min-width: 240px) and (max-width: 768px) {
    .navbar{ height: 80px;}
    .header-bg{
        background-image: url('/assets/img/mobile_background.jpg');
        background-repeat: no-repeat; 
        background-color: #FFFFFF;
        background-position: center;
    }   
}

@media all and (min-width: 769px) and (max-width: 1000px) { 
    .navbar{ height: 80px;}
    .header-bg{
        background-image: url('/assets/img/mobile_background.jpg');
        background-repeat: no-repeat; 
        background-color: #FFFFFF;
        background-position: center;
    }   
}