#center_col{position:relative;width:570px;float:left;padding:20px;text-align:left;padding-top:0;padding-right:20px;}
#right_col{display:none;}
#right_col2{display:none;}
#right_col3{position:relative;width:150px;float:left;text-align:left;padding:0;}
#flleft{border-left:1px solid #cccccc;padding-left:5px;}
#right_col3 p{font-size:0.7em;text-align:center;}

#left_col{
	min-width: 180px;
	width: 20%;
	box-sizing: border-box;
}
#center_col{
	width: 60%;
	padding: 0 2%;
	box-sizing: border-box;
}
#right_col3 {
	width: 16%;
}

@media (max-width: 767px) {
	#content{
		position: relative;
	}
	#right_col3{display: none;}
	#center_col{
		width: 100%;
		padding: 0 40px;
	}
	#left_col{
		position: absolute;
		top: 10px;
		left: -180px;
		background-color: #fff;
		z-index: 10;
		-webkit-transition: left 0.5s;
		transition: left 0.5s;
	}
	#left_col.open{
		left: 0;
		box-shadow: 1px 1px 4px 1px #ccc;
		-webkit-transition: left 0.5s;
		transition: left 0.5s;
	}
	.left_menu-button:before{
		content: '\2192';
		position: absolute;
		top: 0;
		left: 100%;
		font-size: 32px;
		cursor: pointer;
		color: #fff;
		line-height: 0;
		padding: 15px 3px 22px;
		background-color: #FF6600;
		-webkit-transition: -webkit-transform 0.5s;
		transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
		transition: transform 0.5s, -webkit-transform 0.5s;
	}
	#left_col.open > .left_menu-button:before{
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: -webkit-transform 0.5s;
		transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
		transition: transform 0.5s, -webkit-transform 0.5s;
	}
}

