@media screen and (max-width: 768px) {

	.main-navigation.toggled .nav-menu {
		margin: 0;
		padding: 0;
		background-color: #252525;
		position: absolute;
		top:90px;
		left:0px;
		width:100%;
	}

	
.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 28px;
  background: #353535;
  position: absolute;
  display: block;
  content: '';
}
.menu-toggle span:before {
  top: -8px;
}
.menu-toggle span:after {
  bottom: -8px; 
}

	#site-navigation button.menu-toggle  {outline:none 0px !important}
	

.menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
  transition: all 500ms ease-in-out;
}
#site-navigation.toggled .menu-toggle span {
  background-color: transparent;
}
#site-navigation.toggled .menu-toggle  span:before, #site-navigation.toggled .menu-toggle  span:after {
  top: 0;
}
#site-navigation.toggled .menu-toggle   span:before {
  transform: rotate(45deg);
}
#site-navigation.toggled .menu-toggle  span:after {
  transform: rotate(-45deg);
}


	
}