/*responsive*/
@media only screen and (min-width:0px) and (max-width:461px)

{
   
.nav.navbar
{
    height:auto;
    background-color: white;
    color:#0062a7;
    
}

#header-contact
{
    margin-top:0px;
    text-align:right;
    padding:0px;
}
 
#header-logo
{
    top:0px;
    position:fixed;
    z-index: 1033;/*1029;*/
}
 
#header-logo img
{
    margin: 0 auto;
     max-height:200px;max-width:200px;
}

.navbar 
{
    margin-bottom: 0px;
}


#Foot-Rights
{
    text-align:center;
}
 
#Foot-Dev
{
    text-align:center;
}


.nav
{
    color:#0062a7;
    background-color:white;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 0px 0px;
    min-width:230px;
}

.navbar-inverse .navbar-nav>li>a 
{
    color:#0062a7;
    background-color:white;
}

.dropdown-menu>li>a 
{
    color:#0062a7;
    background-color:white;
    text-align:right;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color:#0062a7;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #0062a7;
}




}

@media only screen and (min-width:462px) and (max-width:767px)
{
      
.nav.navbar
{
    height:auto;
    background-color: white;
    color:#0062a7;
     
}
    
#header-logo
{
    top:0px;
    position:fixed;
    z-index: 1033;
}
    
   


#header-contact
 {
    margin-top:0px;
    text-align:right;
    padding:0px;
 }
 
 
 #header-logo img
 {
     margin: 0 auto;
     max-height:65px;max-width:65px;
 }
 
 .navbar 
{
    margin-bottom: 0px;
}

#Foot-Rights
 {
      text-align:center;
 }
 
 #Foot-Dev
 {
     text-align:center;
 }
 
 .nav
{
    color:#0062a7;
    background-color:white;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 0px 0px;
    min-width:230px;
   
}

.navbar-inverse .navbar-nav>li>a 
{
    color:#0062a7;
    background-color:white;
}

.dropdown-menu>li>a 
{
    color:#0062a7;
    background-color:white;
    text-align:right;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover
{
    color:#0062a7;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{
    color: #fff;
    background-color: #0062a7;
}

}

@media only screen and (min-width:768px) and (max-width:991px)
{
       
.nav.navbar
 {
    height:auto;
    background-color: white;
    color:#0062a7;
      
 }
     
 #header-logo
 {
    top:0px;
    position:fixed;
    z-index: 1033;
 }
    
    
#header-contact
{
    margin-top:0px;
    text-align:right;
    padding:0px;
}

 
 #header-logo img
 {
     margin: 0 auto;
     max-height:65px;max-width:65px;
 }
 
.navbar 
{
    margin-bottom: 0px;
}

#Foot-Rights
 {
      text-align:center;
 }
 
 #Foot-Dev
 {
     text-align:center;
 }
 
 .nav
{
    color:#0062a7;
    background-color:white;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 700;
    padding: 0px 0px;
    min-width:230px;
    
}

.navbar-inverse .navbar-nav>li>a 
{
    color:#0062a7;
    background-color:white;
}

.dropdown-menu>li>a 
{
    color:#0062a7;
    background-color:white;
    text-align:right;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color:#0062a7;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #0062a7;
}



}

/*FOR DESKTOP*/
@media only screen and (min-width:992px) and (max-width:1900px)
{
   
.nav
{
    min-height:85px;
}
    
#header-logo
{
    position:fixed;
    z-index: 1031;
}

 #header-logo img
 {
     margin: 0 auto;
     max-height:85px;max-width:85px;
 }
 


#header-contact
{
    top:0px;
    text-align:right;
 }
 
 
.card
{
     
    padding-top:50px;
    padding-bottom:50px;
}
 
#Foot-Rights
 {
    text-align:left;
 }
 
#Foot-Dev
{
    text-align:right;
 }


.nav
{
    color:white;
    letter-spacing: 0.1em;
    padding: 0px 0px;
    background-color:transparent;
    font-family: "Lato", Arial, Tahoma, sans-serif,'Open Sans', sans-serif;
    font-size: 14px;/*13px;/*15px;*/
    font-weight: 700;
}

.navbar-inverse .navbar-nav>li>a 
{
    color:white;
    background-color:transparent;
}

.dropdown-menu
{
    font-family: "Lato", Arial, Tahoma, sans-serif,'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin:0px;
}

.dropdown-menu>li
{
    border-bottom: 1px solid #d8d8d8;
}

.dropdown-menu>li:hover
{
}


.dropdown-menu li:last-child {
  border: none;
}

.dropdown-menu>li>a 
{
    background-color:white;
    color:#0062a7;
    padding:10px;
}

.dropdown-menu>li>a:hover 
{
    background-color:#0062a7;
    color:white;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover 
{
    color: #d9534f;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a:hover 
{
    color: #d9534f;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a
{
    background-color:transparent;
    color:#343a40;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover 
{
    color:#d9534f;
    background-color:transparent;
    
}

.active, .menu:hover
{
    background-color :transparent;
    color:#343a40;
}


.navbar-inverse .navbar-toggle  
{
    background-color: #343a40;
} 


.navbar-inverse .navbar-toggle:hover 
{
    background-color: #676767;
}


.navbar-fixed-top
{
    right: 0;
}
 

}