@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:402px!important;
}

#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  /*background: #fc3ab4 url("../images/hamburger.gif") no-repeat 50% 33%;*/
  
   background: url("../images/hamburger.gif") no-repeat scroll -13px -21px #a3111f;
}

.nav_sec ul{
	text-align:left;	
}

.nav_sec ul li{
	width:95%;
	display:block;
	margin:0 0 2px 0;
	padding:0;
	background:#444444;	
}



.nav_sec ul li a{
	color:#fff!important;	
}

.nav_sec ul li a:hover{
	color:#fff;	
}

	
}