.mobile-menu-link {position: fixed; top: 0; left: 0; width: 100%; height: 40px; background-color: #414244; z-index: 4000; display: none}
  .mobile-menu-link a {display: block; text-align: right; background: transparent url(../images/menu.png) 98% 50% no-repeat; height: 40px; line-height: 40px; padding-right: 50px; color: #fff; font-size: 1.2rem; text-transform: uppercase; text-decoration: none}

.mobile-menu {background-color: #414244; width: 200px; position: fixed; z-index: 4001; height: 100%; top: 0; left: -200px; transition: left 0.5s; display: none; overflow: hidden; box-shadow: 2px 2px 10px #000; padding-top: 40px}
.mobile-menu.active {left: 0}

.mobile-menu ul {margin: 0; padding: 0}
  .mobile-menu ul li {margin: 0; padding: 0; list-style: none; background: none}
    .mobile-menu ul li a {display: block; padding: 10px; text-decoration: none; text-transform: uppercase; color: #fff}
    .mobile-menu ul li.current-menu-item a,
    .mobile-menu ul li.current_page_ancestor a {background-color: #DC1220}
      .mobile-menu ul ul {display: none}
    

@media only screen and (max-width: 720px){
  #navigation {display: none}
  .mobile-menu-link {display: block}
  .mobile-menu {display: block}
  #header {padding: 50px 0 20px 0 !important}
}