@media screen {
	nav ul {
		margin: 0;
		padding: 0;
	}

	nav li {
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin: 0;
		padding: 0 .5em;
		line-height: 42px;
		zoom: 1;
		*display: inline;
	}

	nav img {
		display: block;
		width: 136px;
		height: 40px;
	}
	nav a {
		display: inline-block;
		min-width: auto;
		line-height: 36px;
		margin: 0;
		padding: 3px 15px 3px 5px;
		zoom: 1;
		*display: inline;
	}
	nav a span {
		display: block;
	}

	nav .firstlevel > li li {
		float: none;
		min-width: 160px;
		margin: 0;
		padding: 0;
	}
	nav .firstlevel > li li a {
		padding: 10px 10px 3px;
		min-width: 140px;
	}

	nav .firstlevel ul {
		visibility: hidden;
		opacity: 0;
		margin: 20px 0 0 0;
		position: absolute;
		overflow: visible;
		min-width: 160px;
		padding: 0;
		top: 42px;
		left: 0;
		z-index: 15000;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	nav li:hover > ul, nav li:focus > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}

	nav.navbottom ul {
		display: inline-block;
		float: right;
	}

	nav .firstlevel > li:last-child ul, nav .firstlevel > li:nth-last-child(2) ul {
		left: auto;
		right: 0;
	}

	.no-transition {
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;
	}

	nav li:hover > .no-transition, nav li:focus > .no-transition {
		display: block;
	}

	.mobile_enable {
		display: none;
	}
}

@media screen and ( max-width: 480px) {
	nav .firstlevel ul {
		display: block;
		opacity: 1;
		visibility: visible;
		margin: 0;
		position: relative;
		top: auto;
		left: auto;
		padding-left: 2em;
	}

	nav .firstlevel ul ul {
		top: auto;
		left: auto;
	}

	nav li {
		display: none;
		position: relative;
		height: auto;
		width: auto;
	}
	nav.navbottom li {
		display: block;
	}

	.mobile_enable {
		display: block;
	}
	.mobile_enable a span {
		display: inline;
	}
	nav li .hidden {
		display: none;
	}
	nav li.mobile_show {
		display: block;
	}

	nav .firstlevel > li li {
		width: auto;
	}

	nav img {
		display: none;
	}

	nav a {
		display: block;
	}

	nav .firstlevel > li li a {
		padding: 3px 15px 3px 5px;
	}

	nav.navbottom ul {
		display: block;
		float: none;
	}
}