#nav-icon{width:30px;height:30px;position:relative;margin:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;float:right;top:29px;display:none;z-index:999}#nav-icon span{display:block;position:absolute;height:2px;width:30px;background:#111;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon span:nth-child(1){top:0}#nav-icon span:nth-child(2){top:7px}#nav-icon span:nth-child(3){top:14px}#nav-icon.open span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#nav-icon.open span:nth-child(2){opacity:0;left:-60px}#nav-icon.open span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}@media all and (max-width:1240px){#nav-icon{display:block}}@media all and (max-width:991px){#nav-icon span{margin:auto}}@media all and (max-width:768px){#nav-icon{}}@media all and (max-width:480px){#nav-icon{}}