
.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:5px;
		right:14px;
		width:46px;
		height:35px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		-webkit-border-radius: 3px; 
		-moz-border-radius:3px;
		border-radius:3px;
		background-image: url('/img/mobilemenuicon.png');
		background-repeat: no-repeat;
		background-size: 95% 90%;
		background-color: #222;
		background-position: 2px 2px;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu p{
		display:none;
		position:absolute;
		top:12px;
		left:14px;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:19px;
		color:#FFF;
		}
@media screen and (max-width: 1024px) {
	.menu input, .menu label, .menu p{
		display:block;
		}
	.menu_container{
		width:92%;
		margin:0 auto;
		height:100%;
		position:relative;
		margin-bottom:10px;
		overflow:hidden;
		background:#333;
		}
	.menu{
		height:45px;
		}
	.menu ul{
		float:left;
	}
	.menu > ul{
		display:none;
		margin-top:45px;
		position:static;
		}
	.menu ul li{
		display:inline-block;
		width:100%;
		height:auto;
		float:none;
		}
	.menu ul li > a{
		width:auto;
		height:38px;
		color:#FFF;
		font-size:17px;
		line-height:39px;	
		}
	.menu ul:hover li.active > a{
		color:#FFF;
		}
	.menu ul ul{
		position:relative;
		width:100%;
		height:auto;
		visibility:visible;
		opacity:1;
		background:#444;
		}
	.menu ul ul.eat-bg,.menu ul ul.lat-bg,.menu ul ul.llt-bg,.menu ul ul.pit-bg,.menu ul ul.it-bg
	{
		background:#444;
	}
	.menu ul:hover li.active ul{
		visibility:visible;
		opacity:1;
		margin:0;
		}
	.menu ul ul li{
		width:15%;
		float:left;
		border-bottom:none;
		}
	.menu ul ul li:first-child a{
		padding-left:0;
		}
	.menu ul ul li a{
		padding:0;
		width:auto;
		color:#888;
		background:#444;
		text-align:center;
		-webkit-transition:background 190ms linear, color 190ms linear;
		-moz-transition:background 190ms linear, color 190ms linear;
		-ms-transition:background 190ms linear, color 190ms linear;
		-o-transition:background 190ms linear, color 190ms linear;
		transition:background 190ms linear, color 190ms linear;
		}

		.menu ul ul li a:after {
      content: " ";

    }
    .menu ul ul li a:before {
      content: " ";
    }

		.menu ul ul li a:hover:after {
      content: " ";

    }
    .menu ul ul li a:hover:before {
      content: " ";
    }
	}
	@media screen and (max-width: 768px) {
	.menu_container{
		width:94%;
		margin:0 auto;
		}
	.menu ul ul li{
		width:33.33%;
		}
	}
@media screen and (max-width: 480px) {
	.menu_container{
		width:94%;
		margin:0 auto;
		}
	.menu ul ul li{
		width:33.33%;
		}
	}
@media screen and (max-width: 320px) {
	.menu ul ul li{
		width:33.33%;
		}
	}



@media (min-width: 1350px){
	.menu ul li a{
		padding:0 54px;
	}
	.menu ul ul li{
		padding-right:30px;
		}
	.menu-center{
	margin:0 auto;
	width:1300px;
	}
	.menu-center-ul{
	margin:0 auto;
	width:1300px;
	}
}


@media (min-width: 1200px) and (max-width: 1349px)  {
	.menu ul li a{
		padding:0 47px;
	}
	.menu ul ul li{
		padding-right:25px;
		}
	.menu-center{
	margin:0 auto;
	width:1250px;
	}
	.menu-center-ul{
	margin:0 auto;
	width:1250px;
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	.menu ul li a{
		padding:0 20px;
	}
	.menu ul ul li{
		padding-right:25px;
		}
	.menu-center{
	margin:0 auto;
	width:1170px;
	}
	.menu-center-ul{
	margin:0 auto;
	width:1170px;
	}

}
