.nav_btn{
	display:none;
}

@media only screen and (min-width : 320px) and (max-width : 959px){
	.nav_btn{
		position:fixed;
		display:block;
		left:1%;
		top:1.5%;
		z-index:9999;
		width:40px;
		height:40px;
		background:rgba(255,255,255,0.8);
	}

	.nav_btn a {
		position:absolute;
		display: block;
		/*background:rgba(255,255,255,0.5);*/
		width:36px;
		height:36px;
		padding:2px;
		top: 0;
		right:0;
	}
	.nav_btn a span {
		display: block;
		background: #242424;
		width: 22px;
		height: 2px;
		position: absolute;
		left: 9px;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
	}
	.nav_btn a span:first-child {
		top: 6px;
	}
	.nav_btn a span:nth-child(2) {
		margin-top: -1px;
		top: 35%;
	}
	.nav_btn a span:last-child {
		bottom: 18px;
	}

	.nav_btn p{
		position:absolute;
		bottom:0.4em;
		width:100%;
		height:1em;
		margin-bottom: 0 !important;
		color:#242424;
		font-family:Verdana;
		font-size:10px;
		line-height:100%;
		text-align:center;
	}

	.nav_btn a.active span:first-child {
		-webkit-transform: translateY(7px) rotate(45deg);
		-moz-transform: translateY(7px) rotate(45deg);
		-ms-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}
	.nav_btn a.active span:nth-child(2) {
		opacity: 0;
	}

	.nav_btn a.active span:last-child {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		-moz-transform: translateY(-7px) rotate(-45deg);
		-ms-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}
}

@media only screen and (max-device-width : 320px){
	.nav_btn{
		top:1.3%;
	}
}