@media all and (max-width: 1024px) {

.menu-title span {
	display: block;
	overflow: hidden;
    background: rgba(0,0,0,0.5) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVAQMAAABmJ7xlAAAABlBMVEUAAADu7u6BVFV4AAAAAXRSTlMAQObYZgAAABFJREFUCNdj+P//PxwjAUrEAeK3I92gEFsvAAAAAElFTkSuQmCC') right 12px center no-repeat;
	padding: 0 0 0 12px;
	font-size: 21px;
    line-height: 45px;
    text-transform: uppercase;
	color: #eee;
    cursor: pointer;
}
.top-menu, .dropdown {
	display: none;
}
.header-menu > ul > li > a,
.header-menu > ul > li > span {
	border-top: 1px solid rgba(255,255,255,0.25);
	background: rgba(0,0,0,0.5);
}
.header-menu .sublist > li > a,
.header-menu .sublist > li > span {
	display: block;
	border-top: 1px solid rgba(255,255,255,0.25);
	padding: 0 20px;
	font: normal 15px/45px Arial, Helvetica, sans-serif;
	color: #fff;
}
.header-menu .sublist .sublist > li > a, 
.header-menu .sublist .sublist > li > span {
	padding-left: 40px;
}
.header-menu .sublist .sublist .sublist > li > a, 
.header-menu .sublist .sublist .sublist > li > span {
	padding-left: 60px;
}

.header-menu .dropdown {
	background: rgba(0,0,0,0.5);
}
.header-menu .sublist-wrap {
	background: #999 !important;
}
.header-menu .sublist-wrap .sublist-wrap {
	background: #bbb !important;
}

.header-menu > ul .plus-button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	border-left: 1px solid rgba(255,255,255,0.25);
	width: 47px;
	height: 47px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAQMAAABsABwUAAAABlBMVEUAAADu7u6BVFV4AAAAAXRSTlMAQObYZgAAABVJREFUCNdjYDjAgBf//38AhAmpAwB2VBF9zhjwSAAAAABJRU5ErkJggg==') no-repeat center;
	cursor: pointer;
	transition: background 0.1s ease;
}
.header-menu > ul .plus-button.close {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAAA1BMVEXu7u6DSdFtAAAACklEQVQI12OAAgAACAABod4++QAAAABJRU5ErkJggg==') no-repeat center;
}

}