body.nav-open{
  /* overflow:hidden;
   position:fixed;*/
   
}




#toggle-menu{
margin-top:12px;
float:right;
 display:none;
 
}





.mobile-level-menu
{
    list-style: none;
    padding: 0;
   display: table; 
 margin-top:0;
margin:0 auto;
width:100%; 
   
}



.level0-mobile, .level1-mobile,.level0-mobile-active, .level1-mobile-active{
font-size: 22px;
font-size:1.375rem; 
   text-transform:uppercase;
   font-weight:normal;
   margin-bottom:20px;
font-weight:400;
  color:#999999;
  text-decoration:none
}

.level0-mobile-active, .level1-mobile-active{
 color:#3a3a3a
}



.level1-mobile, .level1-mobile-active{
font-size:18px;
line-height:24px;
font-size:	1.125rem; 
line-height:1.5rem;
   font-weight:normal;
   margin-bottom:10px;
   font-weight:300;
      text-transform:uppercase;
}

.level0-mobile:hover, .level0-mobile-active:hover, .level1-mobile:hover , .level1-mobile-active:hover {
   text-decoration:none;
     color:#3a3a3a
}
  


.mobile-level1-menu{
margin-bottom:60px;
}






.mobile-level-menu li {
    height: 32px;
    padding: 0px 0 4px 0;
    list-style: none;
    float: left;
    display: block;
    width: 100%;
    margin: 0;
 
}

.mobile-level-menu > li
{
    position: relative;
    margin-bottom:8px;
    height:32px;
    z-index:99
}




.menu-content{
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s, visibility 0s 1s;
background-color:#fff;
	box-shadow: 7px 7px 7px rgba(0,0,0,0.4);
    -moz-box-shadow:  7px 7px 7px rgba(0,0,0,0.4);
    -webkit-box-shadow:  7px 7px 7px rgba(0,0,0,0.4);
    position:absolute;
    z-index:99;
  width:100%;
    overflow:hidden;
 

}



.menu-content.open{
  visibility: visible;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=95);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
  transition: opacity 1s;
  }
  
  
  .container-menu {
  display: inline-block;
  cursor: pointer;

 
}

.bar1, .bar2, .bar3 {
  width: 28px;
  height: 3px;
  background-color: #505050;
  margin: 6px 0;
  transition: 0.4s;
 
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    -ms-transform: rotate(-45deg) translate(-6px, 6px);
 transform: rotate(-45deg) translate(-6px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
    -ms-transform: rotate(45deg) translate(-6px, -6px);
  transform: rotate(45deg) translate(-6px, -6px);
}
  
  
  
  @media screen and (max-width:770px) {
 
  
.menu-content{
   height: 100%;
    width: 100%;
    position: fixed;
    top:95px;
    padding-top:40px;
    left: 0;
overflow-y: auto;
    
    }
    

    
    
#toggle-menu{
display:block
}
    


}  


@media screen and (max-width:600px) {
 
  
.menu-content{
    padding-top:30px;
    }
    }
    

  
  
  @media screen and (max-width:450px) {
 
  
.menu-content{
    padding-top:20px;
    }
    }