/** custom menu */
nav, #navigation {
   
    
}
#navigationcenter {
    width: 60%;
    margin: 0 auto;
  
    box-sizing: border-box;


}

.headerlogomain {
    width: 60%;
    margin: 0 auto;
}

#navigationmenu {
    left:0;
    right:0;
    
    
    z-index:900;

 }
 
#nav-expander {
    display: none;
}


#myTopnav {
    position: relative;
    overflow: hidden;
	float: right;
    
    z-index:800;
}

.topnav a {
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 22px 20px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.topnav a:hover {
    background: rgba(255, 255, 255, 0.1);
    color:#000;
}

.topnav a.active {
    color: #C9C00C;
}

.topnav .icon {
    display: none;
}

@media (max-width: 1400px)  {
   
    .topnav a { padding: 38px 10px;font-size: 15px;}
    
    
.topnav a {padding: 26px 10px;}    
    
         
}


@media screen and (max-width: 776px) {
  .topnav a:not(:first-child) {
      display: none;
  }
  
  .topnav a {
      display: none;
  }
  
  .topnav a.icon { 
      float: right;  
      display: block ;  
      padding:15px 10px; 
      border: none;
  }  
  
  .topnav.responsive {
    
      width: 100%; 
      margin-top: 0px;
  }
  
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .topnav.responsive a {
    float: none;
    display: block;
   
    text-align: left;
    background:#d71820;
    border: none;
   
  }
  
  .topnav.responsive a:hover {
      background: #fff;
  }
  
#myTopnav {	float: none;}
   nav {  width: 100%;} 
   
   
       
}