@media screen and (max-width: 768px){#container header #navigation{position:fixed;width:100%;background:#fff;height:100%;left:0;top:0;z-index:1000;display:none;opacity:0}#container header #navigation ul li.navigation-item{display:block;text-align:left;margin-left:0;padding:10px;border-bottom:1px solid #eee}#container header #navigation ul li.navigation-item>a{display:block}#container header #navigation ul li.navigation-item .sub-nav{position:static;display:none;margin:0}#container header #navigation ul li.navigation-item .sub-nav ul{float:none}}.open #container header #navigation{display:block;opacity:1;animation-duration:0.5s;animation-name:fade-in}@keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}#panel-btn{display:inline-block;position:fixed;z-index:10000;right:0px;top:0px;width:40px;height:40px;background:rgba(0,0,0,0.8)}@media screen and (min-width: 980px){#panel-btn{display:none}}#panel-btn:hover{opacity:1}#panel-btn.close{opacity:1}#panel-btn.close #panel-btn-icon{background:transparent}#panel-btn.close #panel-btn-icon:before,#panel-btn.close #panel-btn-icon:after{margin-top:0;background:#fff}#panel-btn.close #panel-btn-icon:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#panel-btn.close #panel-btn-icon:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}#panel-btn #panel-btn-icon{display:block;position:absolute;top:48%;left:50%;width:20px;height:2px;margin:0 0 0 -10px;background:#fff;transition:.2s}#panel-btn #panel-btn-icon:before,#panel-btn #panel-btn-icon:after{display:block;content:"";position:absolute;top:50%;left:0;width:20px;height:2px;background:#fff;transition:.3s}#panel-btn #panel-btn-icon:before{margin-top:-8px}#panel-btn #panel-btn-icon:after{margin-top:6px}#panel-btn span{color:#fff;position:absolute;bottom:0;width:100%;text-align:center}