.main-subnav{
	display:none; 
	list-style:none;
	padding:0;
	margin:0;
}

.main-nav{
	list-style:none;
	padding:0;
}

.site-header{
	max-width: 960px;
	margin:0 auto;
	height:50px;
	position: relative;
	z-index: 1;
	background:#ccc;
}
.home-link{
	position: absolute;
	height:40px;
	top:5px;
	left:10px;
	background-color: green;
}
.img-icon {
    width: 19px;
    /* margin-right: 1em; */
}
@media (max-width:959px){
	
	.main-nav{
		display:none;
		position:absolute;
		top:50px;
		right:0;
		width:490px;
		max-width:100%;
		margin:0;
		z-index: 1;
	}
	.active-nav .main-nav{
		display:block;
		
	}
	.main-nav-toggle-nav {
		position: absolute;
		display: block;
		color: #231F20;
		font-size: 20px;
		line-height: 1;
		z-index: 1;
		border: none;
		margin:0;
		padding: 15px 0;
		border-radius: 3px;
		width: 110px;
		right:10px;
	}
	.active-nav .main-nav-toggle-nav {
		color: #231f20;
	}
	.main-nav-navicon {
		background: none repeat scroll 0 0 #231F20;
		color: #231F20;
		display: inline-block;
		width: 1em;
		height: 0.2em;
		vertical-align: top;
		box-shadow: 0 0.35em 0 0, 0 0.7em 0 0;
		border-radius: 1px;
		margin: 0 10px 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.active-nav .main-nav-navicon {
		background-color: #231f20;
	}
	.main-header{
		color:#fff;
		background:#231f20;
		background:rgba(35, 31, 32, .95);
		display:block;
		padding:12px 40px 12px 15px;
		border-bottom:solid 1px #c9c9c9;
		position:relative;
	}
	.main-has-subnav{
		position:absolute;
		right:15px;
		top:12px;
	}
	.menu-open{
		display:none;
	}
	.main-nav-cur .menu-closed{
		display:none;
	}
	.main-nav-cur .menu-open{
		display:block;
	}
	.main-nav-cur .main-subnav{
		display:block;
	}
	.main-subnav-item{
		background:#dbdada;
		padding:2px 0;
	}
	.main-subnav-item + .main-subnav-item{
		border-top:solid 1px #c9c9c9;
	}
	.main-subnav-link{
		
		padding:8px 15px;
		color:#231f20;
		display:block;
		text-transform:uppercase;
	}
	.menu-promotion-item{
		border-top:solid 1px #ffb608;
		margin-top:-1px;
		position: relative;
		text-align:center;
	}
	.menu-promotion-item .header-promotion {
		background:#ffb608;
		color:#fff;
		padding: 12px 5px;
		display:block;
		
	}
	.top-nav-wrap{
		display: none;
	}
	
}
@media (min-width:960px){
	.site-header{
		height:75px;
	}
	.main-nav-wrap {
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
	}
	.main-nav-toggle-nav{
		display:none;
	}
	.main-item{
		padding:0 36px 10px;
		display: inline-block;
		position: relative;
		margin:8px 0 4px;

	}
	.main-item + .main-item{
		border-left: solid 1px #ccc;
	}

	.main-nav{
		width:100%;
		margin:0;
		height:36px;
		font-size: 14px;
		text-align: center;
		border-bottom:solid 2px rgb(150,150,150);
		border-bottom: solid 2px rgba(150,150,150,.45);
		background: #f0eff0; /* Old browsers */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,ebeaeb+100&0.8+0,0.8+100 */
		background: -moz-linear-gradient(top, rgba(246,246,246,0.8) 0%, rgba(235,234,235,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,0.8)), color-stop(100%,rgba(235,234,235,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(246,246,246,0.8) 0%,rgba(235,234,235,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(246,246,246,0.8) 0%,rgba(235,234,235,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(246,246,246,0.8) 0%,rgba(235,234,235,0.8) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(246,246,246,0.8) 0%,rgba(235,234,235,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf6f6f6', endColorstr='#ccebeaeb',GradientType=0 ); /* IE6-9 */
	}

	.main-header{
		display: inline-block;
		height:20px;
		line-height:20px;
	
	}
	
	.main-subnav-item{
		margin:8px 0;
	}
	.main-has-subnav{
		display:none;
	}
	.main-item:hover .main-subnav{
		display:block;
		
		text-align: center;
	}
	.main-subnav{
		background: #fff;
		position: absolute;
		top: 27px;
		left: 0;
		padding: 6px;
		width: 100%;
		border: 1px solid #d5d5d5;
	}
}