@media screen and (max-width: 1024px) {
 #block_navigation {
 width: 100%;
}
#block_navigation ul li a:active {
 color: #888;
}
}
 @media screen and (max-width: 740px) {
 #block_navigation {
 width: auto;
 height: auto;
}
#block_navigation ul li a:active {
 color: #888;
}
 #block_navigation i {
 text-align: center;
 padding-right: 10px;
}
 #block_navigation ul ul ul {
 position: absolute;
 left: 0;
 top:100%;
}
 #block_navigation ul li {
 float: none;
 display: inline-block;
 position: relative;
}
 #block_navigation li.right_item {
 float: right;
 display: none;
}
}
 @media screen and (max-width:740px) {
	 
	 
	 #pull a {
	font-weight: normal;
	text-decoration: none;
	display: block;
	line-height:48px;
	color:#fff;
	font-size:15px;
	padding-left:19px;
	padding-right: 28px;
	background:#464646
}



#pull a:hover {
    background: #333333 !important;
	border-bottom:solid 2px #9c9c9c;
}

 #block_navigation {
  background:#464646;
 width:100%;
 padding:0;
 margin-top:10px;
}
 #block_navigation ul li a {
	 border:solid 1px #d6d6d6;
}
 #block_navigation ul li a:active {
color: #888;

}

#block_navigation ul li:hover > a,
#pull a:hover {
	background: #ffffff; /***for IE**/
	border:solid 0px #d6d6d6;
}

 #block_navigation ul li {
 float: none;
 display: block;
  background:#eeeeee;
 
}
#block_navigation i {
 padding-left: 10px;
 text-align: center;
 font-size: 18px;
}
 #block_navigation ul ul {
 left:5%;
 width: auto;
 display:none;
}



#block_navigation ul li ul li a {
	display:none
}

#block_navigation ul {
	float: none;
	margin:0;
	padding:0;
	
}

}
 /*@media screen and (max-width:680px) {
 #block_navigation {

 width: 100%;
}


}*/