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

#block_navigation {
	width: 100%;
}
#block_navigation ul li a:active {
	color: #888;
}

}



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

#block_navigation {
	width: auto;
	height: auto;
}
#block_navigation ul li a:active{
	color: #888;
}

#block_navigation i {	
	text-align: center;
	font-size: 18px;
	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: 800px){

#block_navigation {
	background: #013378; /***for IE**/ 
	background: hsla(215, 98%, 24%);

}

#block_navigation  ul li a{
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	
}

#block_navigation ul li a:active{color: #888;}

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

#block_navigation ul ul {
	left: 20%;
}

#block_navigation ul li a, #pull a { color:#fff;}
	
}



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

#block_navigation {
	background: #000; /***for IE**/ 
	background: hsla(0, 0%, 0%, 1);
	width: 100%;
}
}
/*