.orion-menu {
margin-top:0
}

.orion-menu li {
/*display:inline;
font-size:13px;*/
margin:0 0px;
padding:5px 0px;
float:left;
line-height:20px;
position:relative;
width:24.3%;
text-align: center;
border-right: 1px solid #aaa;
}

.orion-menu li:last-child {
border-right:0px solid #ccc;
}

.orion-menu li:hover {
cursor: pointer;
}

.orion-menu li a {
padding:0px 30px;
color:#555;
width: 100%;
font-size: 14px;
text-decoration:none;
/*display:inline-block;*/
text-align: center;
border-left:0px solid #aaa;
-o-transition:color .3s linear,background .3s linear;
-webkit-transition:color .3s linear,background .3s linear;
-moz-transition:color .3s linear,background .3s linear;
transition:color .3s linear,background .3s linear
}






.orion-menu li:hover>a {
color:#3cc5fc;
}

.orion-menu>li>a {
text-transform:uppercase
}

.orion-menu ul,.orion-menu ul li ul {
list-style:none;
margin:0;
padding:0;
display:none;
position:absolute;
z-index:999;
width:150px;
background:#454545
}

.orion-menu ul {
top:68px;
left:0
}

.orion-menu ul li ul {
top:0;
left:150px
}

.orion-menu ul li {
clear:both;
width:100%;
font-size:14px
}

.orion-menu ul li a {
width:100%;
padding:12px 22px;
display:inline-block;
float:left;
clear:both;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}

.orion-menu ul li:hover>a {
background:#555
}



@media only screen and (max-width:768px) {
	.orion-menu {
	margin:0
	}

	.orion-menu li {
	/*display:block;
	width:100%*/
	}

	.orion-menu>li>a {
	width:100%;
	padding:0px 0;
	text-align:center;
	border-top:solid 1px rgba(255,255,255,.05);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
	}

	.orion-menu ul,.orion-menu ul li ul {
	width:100%;
	left:0;
	padding:0 20px;
	position:static;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
	}

	.content {
	width:100%;
	margin: 0px auto;

	}


}




@media only screen and (min-width:769px) {
	

}
@media only screen and (min-width:900px) {
	
	
	.orion-menu li {
/*display:inline;*/
font-size:15px;
margin:0 0px;
padding:23px 0px;
float:left;
line-height:20px;
position:relative;
width:20%;
}

.orion-menu li:last-child {
border-right:0px solid #ccc;
}

.content {
		margin:0px auto;
		/*width: 60%;*/
	}
	.orion-menu li {
	font-size:15px;
	margin:0 0px;
	padding:20px 0px;
	float:left;
	line-height:20px;
	position:relative;
	width:25%;
border-right:0px solid #333;
	}

	.orion-menu li a {
padding:0px 0px;
color:#555;
width: 100%;
float: left;
font-size: 16px;
text-decoration:none;
text-align: center;
border-left:1px solid #aaa;

}
.orion-menu li:first-child a {
	border-left:0px solid #333;
}

}

@media only screen and (min-width:1280px) {
	.content {
		/*width: 50%;*/
	}


}
@media only screen and (min-width:1600px) {
	.content {
		/*width: 35%;*/
	}
}