@media screen and (max-width: 767px){


#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#nav li {
  /*width: 100%;
  display: block;*/
}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}


 #nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: url("../Images/hamburger.gif") no-repeat scroll -26px -30px #fc3ab4;
    float: right;
    height: 37px;
    overflow: hidden;
    position: absolute;
    right: 1px;
    text-indent: -9999px;
    top: 11px;
    width: 45px;
    z-index: 9;}

.navi ul{
	text-align:left;	
}

/* .navi li{
	width:100%;
	display:block;
	margin:0 0 2px 0;
	padding:5px 10px;
	background:#c01a15;	
} */
.navi li {
    background: none repeat scroll 0 0 #572967;
    display: block;
    margin: 1px 1px 4px;
    padding: 5px 10px;
    width: 100%;
}
.navi li:first-child{
	padding-left:5px;	
}

.navi li a{
	color:#fff;	
}

.navi li a:hover{
	color:#fff;	
}

	
}