#crnav {
	display: none;
}

@media (max-width: 767px) {
	#crnav-origin {
    display: none;
	}
  #crnav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
		z-index: 100;
	}
  #crnav-head {
	height: 60px;
	background-color: #0A50A1;
	}
  #crnav-head p {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	line-height: 60px;
}
  #crnav-open {
		position: absolute;
		right: .5em;
		top: .5em;
		padding-right:10px;
	line-height: 50px;
	}
  #crnav-body {
	width: 100%;
	position: absolute;
	display: none;
	top: 60px;
	background-color: #4E9EE0;
	color: #FFF;
	font-size: 18px;
	float: right;
	}
  #crnav-body ul {
	}

  #crnav-body ul li {
	text-align: left;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	font-size: 15px;
	margin-left: 15px;
}


#crnav-body ul li a:link{
	color: #FFF;
	text-decoration: none;
}
#crnav-body ul li a:visited{
	color: #FFF;
	text-decoration: none;
}
#crnav-body ul li a:hover{
	color: #FF0000;
	text-decoration: none;
}


}