@media(max-width: 768px){
	
	.navigation-container{
		width: 100%;
		background: #ffffff;	
		height: auto;
		position: relative;
		overflow: visible;
	}
	
	.navigation-responsive-design{
		display: block !important;
		width: 100%;
		height: 44px;
		background: #c0081b;
		/*background-position: 0 0;*/
		background-size: 100% auto;
		position: relative;
	}
	
	.navigation-responsive-design > button{
		display: block;
		width: 44px;
		height: 34px;
		margin: 5px 15px;
		border: 1px solid #ffffff !important;
		border-radius: 5px;
		background-position: -32px -87px;
		line-height: 44px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
	}
	
	.navigation-responsive-design > button:hover{
		background-color: #8c000e;
	}
	
	ul.main-nav{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.main-nav > li{
		border-bottom: 1px solid #390308 !important;
	}
	
	.main-nav > li:last-child{
		border-bottom: none !important;
	}
	
	.main-nav > li > a{
		background-size: 100% auto;
	}
	
	.footer-links-container{
		display: none;
	}
	
	.header-logo{
		display: none;
	}
	
	.responsive-header-logo{
		display: block !important;
		float: left;
		margin: 20px 0;
		max-width: 247px;
		width: 100%;
	}
	
	.responsive-header-spoons{
		display: block !important;
		float: right;
		position: relative;
		width: 100%;
		max-width: 175px;
		margin-top: 23px;
	}
	
	.logo-container{
		display: inline-block;
		width: 100%;
		padding: 0 15px;
	}

	li > .sub-menu {
	     display:block;
	}

	.responsive-menu-item{
		display: block;
	}
}

@media(min-width: 769px){
	
	ul.main-nav{
		display: block !important;
	}
}

@media(max-width: 478px){
	
	.responsive-header-logo{
		margin: 10px auto;
		float: none;
	}
	
	.responsive-header-spoons{
		display: none !important;
	}
}