.menu{width:56px;height:56px;position:relative;transition:.5s ease-in-out;cursor:pointer}.menu,.menu span{transform:rotate(0deg)}.menu span{display:block;position:absolute;height:6px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;transition:.25s ease-in-out}.menu span:first-child{top:9px;transform-origin:center center}.menu span:nth-child(2){top:25px;transform-origin:center center}.menu span:nth-child(3){top:41px;transform-origin:center center}.menu.open span:first-child{transform:rotate(45deg);top:24px;left:0}.menu.open span:nth-child(2){width:0;opacity:0}.menu.open span:nth-child(3){transform:rotate(-45deg);top:24px;left:0}@media (max-width:479px){.menu{width:36px;height:36px}.menu span{height:4px}.menu span:first-child{top:6px;transform-origin:center center}.menu span:nth-child(2){top:16px;transform-origin:center center}.menu span:nth-child(3){top:26px;transform-origin:center center}.menu.open span:first-child{transform:rotate(45deg);top:16px;left:0}.menu.open span:nth-child(2){width:0;opacity:0}.menu.open span:nth-child(3){transform:rotate(-45deg);top:16px;left:0}}