/* Clearfix */
.navigation:before,
.navigation:after {
    content: " ";
    display: table;
	height: 1px;
}
.navigation:after {
    clear: both;
}
nav {
    *zoom: 1;
}

/* Basic Styles */
.navigation {
	position: relative;
}
.navigation a#pull {
	display: none;
}
@media only screen and (max-width : 1480px) {
nav {
		display: none;
		height: auto;	
	}
	.navigation a#pull {
		display: block;
		padding: 0;
		margin: 0;		
		border-top: none;	
		top: 0;	
		height: 50px;
	background: #046f37;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
	box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);			
	}
	.navigation a#pull {
		color: transparent;
	}	
	.navigation a#pull:after {
		position: absolute;
		content:"";
		background: url('nav-icon.png') no-repeat;
		background-position: center;
		background-size: contain;
 		top: 10px;
		left: 0; 
 		right: 0; 
 		 margin-left: auto; 
  		margin-right: auto; 
		width: 30px;
		height: 30px;
	}
	.navigation a#pull:hover:after, .navigation a#pull:active:after {
		position: absolute;
		content:"";
		background: url('nav-icon_g.png') no-repeat;
		background-position: center;
		background-size: contain;
 		top: 10px;
		left: 0; 
 		right: 0; 
 		 margin-left: auto; 
  		margin-right: auto; 
		width: 30px;
		height: 30px;
	}
}