.menu_wrapper {
  font-family: inherit;
  top: 0;
  left: 0;
  z-index: 998;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #222222;
  opacity: 0.9;
  overflow-y:auto;
}

 

.hamburgerui {
  background: #fff;
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
  margin-top: 0px;
  position: absolute;
}
 
.mobile_nav {
  z-index: 999;
  position: fixed;
  display: block;
  padding: 0px;
  height: 40px;
  width: 40px;
  margin-top:5px;
  margin-right: 15px;
  top: 0;
  right: 0;
}

.top-animate {
  background: #fff !important;
  top: 38% !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
 
.mid-animate { opacity: 0; }
 
.bottom-animate {
  background: #fff !important;
  top: 38% !important;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
 
.top-hamburger {
  top: 14%;
  width: 100%;
  height: 10%;
  border-radius: 10%;
  background-color: #ED1C24;
}
 
.mid-hamburger {
  top: 38%;
  width: 100%;
  height: 10%;
  border-radius: 10%;
  background-color: #ED1C24;
}
 
.bottom-hamburger {
  top: 62%;
  width: 100%;
  height: 10%;
  border-radius: 10%;
  background-color: #ED1C24;
}