.mobile_menu_bar{width:35px;height:3px;background:#fff;border-radius:20px;transition:all .5s ease-in-out}.mobile_menu_bar:before,.mobile_menu_bar:after{content:'';height:3px;position:absolute;background:#fff;border-radius:20px;transition:all .5s ease-in-out}.mobile_menu_bar:before{width:30px;transform:translatey(-6px);transition:all .5s ease-in-out}.mobile_menu_bar:after{width:25px;left:0px;transform:translatey(6px);transition:all .5s ease-in-out}.mobile_nav.opened .mobile_menu_bar{transform:translatex(-50px);background:transparent;transition:all .5s ease-in-out}.mobile_nav.opened .mobile_menu_bar:before{transform:rotate(45deg) translate(35px,-35px);transition:all .5s ease-in-out}.mobile_nav.opened .mobile_menu_bar:after{transform:rotate(-45deg) translate(35px,35px);transition:all .5s ease-in-out;width:30px}