@media only screen and (min-width: 1008px) {
	.vertical-menu-wrapper {
		position: absolute;
		top: 100%;
		z-index: 99999;
		background-color: #fff;
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border: solid 1px #ddd;
		border-radius: 0;
		width: 298px;
		display: none;
	}
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top {background-color: transparent !important;}
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top:hover:before,
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top.over:before,
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top:focus:before {background-color: rgba(0,0,0,0.06) !important; color: #111;}
	 .vertical-menu-wrapper ul.level0 {overflow: hidden;}
	.vertical-menu-button {
	 	font-size: 15px;
	 	color: #222;
	 	background-color: #eee;
	 	text-transform: none;
	 	padding: 15px 20px;
	 	display: none !important;
	 	cursor: pointer;
	 	font-weight: 300;
	 }
	.vertical-menu-button i {
	    color: #222;
	    margin-right: 10px;
	    vertical-align: middle;
	}
	#header .vertical-menu-wrapper .category-label {
		position: relative;
		top: auto;
		vertical-align: middle;
	}
	#sticky-header .nav-wide li.level-top.vertical-parent {position: relative;}
	#sticky-header .vertical-menu-wrapper {top: 100%; left: 0; margin-top: 0;}
	.vertical-menu-wrapper ul ul {
		display: block; 
		position: absolute; 
		left: 100%!important; 
		background-color: #fff; 
		width: 200px; 
		padding: 1.5em; 
		box-shadow: 0 0 9px rgba(0,0,0,.2); 
		z-index: -1;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
		transform: translateX(-15px);
	}	
	.vertical-parent.over .vertical-menu-wrapper ul li.parent.over ul {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}
	.vertical-menu-wrapper ul ul a {
		opacity: 0;
		transition: opacity 300ms ease;
		-moz-transition: opacity 300ms ease;
		-webkit-transition: opacity 300ms ease;
		-o-transition: opacity 300ms ease;
	}
	ul.topmenu .vertical-menu-wrapper li ul.shown-sub,
	ul.topmenu .vertical-menu-wrapper li div.shown-sub {z-index: 1;}
	ul.topmenu .vertical-menu-wrapper li ul.shown-sub a,
	ul.topmenu .vertical-menu-wrapper li div.shown-sub a {opacity: 1;}
	.nav-wide .vertical-menu-wrapper  ul.level0 li.level1 {display: block;}
	header#header .vertical-menu-button span.close,
	header#header .vertical-menu-wrapper .vertical-menu-button i.icon-minus,
	header#header .vertical-menu-wrapper.open .vertical-menu-button i.icon-plus,
	header#header .vertical-menu-wrapper.open .vertical-menu-button span.open {display: none;}
	#header .vertical-menu-button span {
		display: inline-block;
		vertical-align: middle;
		font-size: 15px;
		text-transform: none;
	}
	header#header .vertical-menu-wrapper .vertical-menu-button i.icon-plus,
	header#header .vertical-menu-wrapper.open .vertical-menu-button i.icon-minus,
	header#header .vertical-menu-wrapper.open .vertical-menu-button span.close {display: inline-block;}
	ul.topmenu li .vertical-menu-wrapper.shown-sub {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.vertical-menu-wrapper:not(.default-open) {
		display: block;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
		transform: translateY(-15px);
	}
	ul.topmenu li.vertical-parent {
		display: inline-block;
		border-radius: 0;
		position: relative;
	}
	#sticky-header ul.topmenu li.vertical-parent > a.vertical-parent.level-top {
		line-height: 40px;
	}
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top {
		border: none;
		background: none;
		font-weight: 600;
		font-size: 15px;
		width: auto;
		height: auto;
		padding: 0;
		color: rgba(0,0,0,0.8);
		line-height: 34px;
		text-align: center;
		text-transform: uppercase;
	}
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top span {display: none;	}
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top:after {
		border-top-color: rgba(255,255,255,0.3);
		margin-left: 15px;
	}
	ul.topmenu li.vertical-parent > a.vertical-parent.level-top:before {
		content: '\0047';
		display: inline-block;
		font-family: 'meigee';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 40px;	
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 16px;
		color: inherit;
		height: auto;
		vertical-align: middle;
		position: relative;
		background-color: transparent;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 40px;
		height: 40px;
	}
	#header ul.topmenu li.vertical-parent > a.vertical-parent.level-top span:after {content: none;}
	#sticky-header ul.topmenu li.vertical-parent ul.level1 a i {display: none;}
	ul.topmenu li.vertical-parent li.level1 a i.custom-icon {
		display: inline-block;
		vertical-align: middle;
		margin: -7px 0;
		position: relative;
		left: auto;
		top: auto;
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	ul.topmenu li.vertical-parent li.level1 a i.custom-icon:before {color: #222; margin: 0 10px 0 0; font-size: 24px;}
	ul.topmenu li.vertical-parent li.level1 > a {padding: 13px 29px 13px 30px; display: block; line-height: 1.4;}
	ul.topmenu li.vertical-parent li.level1 > a.active,
	ul.topmenu li.vertical-parent li.level1 > a:hover {background-color: #eee;}
	ul.topmenu li.vertical-parent li.level1 span.subtitle {padding: 0; font-size: 14px; text-transform: uppercase; color: rgba(0,0,0,.5); line-height: 1.5em;}
	ul.topmenu li.vertical-parent li.level1:not(.last) a {border-bottom: 1px solid rgba(0,0,0,0.1);}
	ul.topmenu li.vertical-parent li.level1 ul li.last:not(.level2) a {border-bottom: none;}
	ul.topmenu li.vertical-parent ul.level0 li.level1 > a i.custom-icon + span.subtitle {padding-left: 0;}
	ul.topmenu li.vertical-parent li.level1.parent > a:after {
		content: "";
	    display: inline-block;
	    width: 0;
	    height: 0;
	    border-top: 4px solid transparent;
	    border-bottom: 4px solid transparent;
	    border-left: 4px solid rgba(0, 0, 0, .3);
	    vertical-align: middle;
	    font-weight: normal;
	    text-transform: none;
	    position: absolute;
	    right: 20px;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) {position: static;}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) > ul.level1 {
		width: 530px;
		background: #fff;
		top: 0;
		background-repeat: no-repeat;
		border: solid 1px #ddd;
		min-height: 100%;
		-webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.06);
	    -moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.06);
	    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.06);
	}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) > ul.level1 > li {float: left; padding: 0 8px;}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) > ul.level1 > li > a {
		font-weight: normal;
		color: #000;
		font-size: 14px;
		font-family: 'Overpass', sans-serif;
	    text-transform: uppercase;
	    letter-spacing: .4px;
	    display: block;
	}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) > ul.level1 > li > a:hover {color: inherit;}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) > ul.level1 > li ul {display: block; position: static; box-shadow: none; width: auto; background: none; padding: 0;}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) > ul.level1 > li ul a {
		position: relative;
	    text-transform: none;
	    font-size: 12px;
	    color: rgba(0,0,0,0.5);
	    line-height: 1.5em;
	    display: block;
	    padding-left: 0;
	    font-family: 'Space Mono', sans-serif;
	    padding: 10px 0 10px 10px;
	}
	.vertical-menu-wrapper li.level1:not(.default-dropdown) > ul.level1 > li ul a:hover {color: inherit; background-color: rgba(0,0,0,0.06);}
}
@media only screen and (min-width: 1332px){
    #header .vertical-menu-wrapper.default-open {display: block; opacity: 0; z-index: -1;}
    #sticky-header .vertical-menu-wrapper {/*display: none;*/}
}
@media only screen and (min-width: 1008px) and (max-width: 1331px) {
	.vertical-menu-wrapper,
	#header ul.topmenu li.vertical-parent {padding-top: 2px;}
	#sticky-header .parent-menu-item-button i {top: 3px;}
	.parent-menu-item-button {
		float: right;
		font-size: 18px;
		margin: 13px 10px;
	}
	#header ul.topmenu li.vertical-parent > a.vertical-parent.level-top {
		padding-left: 3px;
		padding-right: 3px;
		font-size: 16px;
		text-transform: none;
	}
	#header ul.topmenu li.vertical-parent > a.vertical-parent.level-top:before {
		margin-right: 0;
	}
	.parent-menu-item-button i {vertical-align: middle; line-height: 1; position: relative; top: 1px;}
	.parent-menu-item-button .meigee-minus,
	.parent-menu-item-button.active .meigee-plus {display: none;}
	.parent-menu-item-button.active .meigee-minus {display: inline-block;}
	ul.topmenu li .vertical-menu-wrapper.shown-sub {padding-bottom: 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 1007px) {
	.vertical-parent .default-open {margin-left: -15px; margin-right: -15px;}
	.vertical-parent .default-open li.level1 a {padding: .75em 20px !important; display: block;}
	ul.topmenu .vertical-parent li {float: none; width: 100% !important;}
	body .header .topmenu ul ul .menu-item-button {top: 10px;}
	ul.topmenu li.level-top.vertical-parent .vertical-menu-button {display: none;}
	ul.topmenu li.level-top.vertical-parent > a {border-bottom: 1px solid rgba(0,0,0,0.1);}
}
@media only screen and (max-width: 767px) {
	.vertical-parent .default-open {margin-left: -15px; margin-right: -15px;}
	.vertical-parent .default-open li.level1 a {padding: .75em 20px !important; display: block;}
	ul.topmenu .vertical-parent li {float: none; width: 100% !important;}
	body .header .topmenu ul ul .menu-item-button {top: 5px;}
	ul.topmenu li.level-top.vertical-parent .vertical-menu-button {display: none;}
	ul.topmenu li.level-top.vertical-parent > a {border-bottom: 1px solid rgba(0,0,0,0.1);}
}