@media (max-width:960px) {
#burger {
  position: fixed;
  top: 30px;
  height: 20px;
  width: 35px;
  z-index: 1000;
  right:20px;
}
.logged-in #burger {
  top: 60px;
}	

#burger:hover {cursor:pointer;}
#burger span {
  transform: rotate(0deg);
  position: absolute;
  width: 100%;
  height: 3px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: #555;
  transition: .5s;
  
}
#burger span:first-child {
  top: 0px;
}
#burger span:last-child {
  top: 20px;
}

#burger.open span {
  opacity: 0;
  top: 50%;
}
#burger.open span:first-child {
  opacity: 1;
  transform: rotate(135deg);
}
#burger.open span:last-child {
  opacity: 1;
  transform: rotate(-135deg);
}

button.menu-toggle {
    display: none !important;
}
	
.sidebar {
        z-index: 99;
		_right: -100%;
        position: fixed;
        -webkit-transition: all 800ms;
        -moz-transition: all 800ms;
        -ms-transition: all 800ms;
        -o-transition: all 800ms;
        transition: transform 800ms;
		 transform: translate3d(100%,0,0)!important;
		 top:120px;
		 background:#EAECE8;
		 height:calc(100vh - 120px);
		 width:100% !important;
		 padding:30px;
    }
    
       
.sidebar.expanded {
	    position: fixed;
        _overflow-y: auto !important;
        top: 120px !important;
	    padding:20px 3px;;
	    _transform: translateX(0) !important;
		height:calc(100vh - 120px);
		width:100%;
		transform: translate3d(0%,0,0)!important;
		
}	




}