a.nav-expander { background: transparent; color: #FFFFFF; display: block; font-size: 16px; font-weight: 400; height: auto; margin-right: 0; padding: 0; right: 0; text-decoration: none; text-transform: uppercase; top: 0; transition: right 0.3s ease-in-out 0s; width: auto; z-index: 12; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } a.nav-expander:hover { cursor: pointer; } nav.right_menu_togle { background: rgba(0,0,0,0.9); display: block; height: 100%; overflow: auto; position: fixed; right: -520px; font-size: 15px; top: 0; width: 100%; max-width: 520px; z-index: 2000; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } .nav-expanded nav { right: 0; } body.nav-expanded { margin-left: 0em; transition: right 0.4s ease-in-out 0s; -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s; -o-transition: right 0.4s ease-in-out 0s; } .right_menu_togle .close-btn{ overflow: hidden; padding: 2px 10px 2px; } .right_menu_togle .close-btn { overflow: hidden; padding: 20px 10px 20px; } .icon:before { font-family: 'FontAwesome'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: '\f105'; }