.nav1 { position:relative; float:right; margin:0; display:inline-block; }
.nav-list { margin: 0; }
.nav-item { float:left; *display:inline; zoom:1; }
.nav-item a { display:block; color: #fff; text-transform:uppercase; }
.nav-item a:hover { text-decoration:underline; }
.nav-mobile { display:none; cursor:pointer; position:absolute; top:0; right:0; background:#5e5e5e url(../images/nav.svg) no-repeat center center; height:40px; width:40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.nav-mobile { display:block; }
	.nav1 { width:100%; padding:40px 0 0; }
	.nav-list { display:none; }
	.nav-item { width:100%; float:none; }
	.nav-item a { display:block; width:100%; height:auto; margin: 0; padding: 5px 0px; color:#5e5e5e; font-size: 0.775em; text-align:center; text-transform:uppercase; text-decoration:none; }
	.nav-active { display:block; }
	.nav-mobile-open { border-radius:5px; }
}