@media all and (min-width:769px) {
	.navigation ul {
		padding: 0;
	}

	.navigation .level0 {
		margin: 0 27px 0 0;
	}

	.navigation .level0 .submenu li {
		position: unset;
	}

	.navigation .level0 > .level-top {
		text-transform: unset;
		color: #000;
		font-size: 14px;
		padding: 0 20px;
		line-height: 44px;
		font-weight: 600;
	}

	.navigation .level0.parent > .level-top {
		padding-right: 26px;
	}

	.navigation .level0.active > .level-top,
	.navigation .level0.has-active > .level-top {
		border-bottom: 0;
		background: #333333;
		color: #fff;
	}

	.navigation .level0:first-child > .level-top:hover, 
	.navigation .level0:first-child > .level-top.ui-state-focus {
		background: #333;
		color: #fff;
	}

	.navigation .level0:hover > .level-top {
		background: #333;
		color: #fff;
	}

	.navigation li.level1 {
		position: initial;
	}

	.navigation .level0 .submenu {
		background: #eee;
		color: #000;
		border: 0;
		box-shadow: none;
		min-width: 240px;
		box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
	}

	.navigation .level0.nav-2 > .submenu {
		left: -52px !important;
	}

	.navigation .level0 .submenu .submenu {
		background: #fff;
		padding: 10px;
		box-sizing: border-box;
		height: 551px;
		overflow-x: hidden;
		top: 0 !important;
		min-height: 551px;
	}

	.navigation .level0.nav-1 .submenu .submenu {
		width: 768px;
	}

	.navigation .level0.nav-2 .submenu .submenu {
		width: 606px;
	}

	.navigation .level0.nav-1 .submenu .submenu .submenu .submenu,
	.navigation .level0.nav-1 .submenu .submenu .submenu {
	    background: #fff;
	    position: relative !important;
	    display: block !important;
	    left: 0 !important;
	    width: auto;
	    height: auto;
	    min-height: auto;
	    box-shadow: none;
	    padding: 0;
	    top: inherit !important;
	}

	.navigation .level0.nav-1 .submenu .submenu .submenu .submenu {
		background: #fff;
	}

	.navigation .level0.nav-1 .submenu .submenu .submenu li {
		width: 100%;
	}

	.navigation .level0.nav-1 .submenu .submenu .submenu li > a {
		padding: 5px 30px;
		font-weight: normal;
		font-size: 13px;
	}

	.navigation .level0.nav-1 .submenu .submenu .submenu .submenu li > a {
		font-size: 12px;
		padding: 5px 40px;
	}

	.navigation .level0 .submenu .submenu li {
		float: none;
		width: 33%;
		position: relative;
		display: inline-block;
		vertical-align: top;
	}

	.navigation .level0 .submenu a {
		font-size: 13px;
		color: #333;
		padding: 6px 20px;
		cursor: pointer;
		font-weight: 600;
		text-decoration: none;
	}

	.navigation .level0 .submenu .submenu a {
		font-size: 13px;
		font-weight: 600;
	}

	.navigation .level0 .submenu a:hover,
	.navigation .level0 .submenu a.ui-state-focus {
		color: #333;
		font-weight: 600;
		background: #fff;
		display: block;
	}

	.navigation .level0 .submenu .submenu a:hover,
	.navigation .level0 .submenu .submenu a.ui-state-focus {
		font-weight: 600;
		background: #f1f1f1;
		color: #333;
	}

	.navigation .level0 .submenu li:hover > .ui-menu-item-wrapper {
		background: #fff;
	}

	.navigation .level0.parent > .level-top > .ui-menu-icon:after {
		display: none;
	}

	.navigation .level0 .submenu .active > a {
		border: 0;
		font-weight: normal;
	}

	.navigation .level0.active:first-child > .level-top {
		/*background: none;*/
	}
	.navigation .level0 .submenu li.parent > a > .ui-menu-icon {
		right: 10px;
	}
	.navigation .level0 .submenu .submenu li.parent > a > .ui-menu-icon {
		right: 10px;
		transform: rotate(90deg);
	}

}

@media all and (min-width:1199px) {
	.navigation .level0.nav-1 .submenu .submenu {
		width: 1010px;
	}

	.navigation .level0.nav-2 .submenu .submenu {
		width: 715px;
	}

}

