@media screen and (max-width: 680px) {
	#container {
	 	width: auto;
	}

/* *******************************
           header 
******************************* */
	header .button {
		display: block;
		background: #fff;
		padding:4px;
		cursor: pointer;
		position:absolute;
		width:25px;
		height:25px;
		top:3px;
		right: 3px;
		border: 1px solid #888;
		border-radius: 3px;
	}
	#cbp-spmenu-s1 {
		display: block;
		width: 256px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;	
	}
	nav ul a { 
		padding: 5px 5px 5px 15px;
	}
/*	.cbp-spmenu a:hover {
		background: #eee;
	}

	.cbp-spmenu a:active {
		background: #afdefa;
		color: #47a3da;
	}
*/
	/* Orientation-dependent styles for the content of the menu */

	.cbp-spmenu-vertical {
		/*width: 320px;*/
		height: 100%;
		top: 0;
		z-index: 1000;
	}

	.cbp-spmenu-vertical li {
		padding: 2px;
	}

	/* Vertical menu that slides from the left */

	.cbp-spmenu-left {
		left: -256px;
	}

	.cbp-spmenu-left.cbp-spmenu-open {
		left: 0px;
	}
	.cbp-spmenu {
		background: #fff;
		position: fixed;
	}


	/* Transitions */

	.cbp-spmenu,
	.cbp-spmenu-push {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
/* *******************************
           contents 
******************************* */
.content {
	padding: 10px 0;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	float: none;
}
.pic_y{
	float: none;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom:10px;
	width: 200px;
}

.side_y{
	float: none;
	width: 100%;	
	padding-left: 20px;
	padding-top: 10px;

}
.map img{	
	padding-left:0;
	padding-right:0;
	width:100%;
}
.map_table tr td.map_from{
	width: 40%;
}
/* *******************************
           side bar 
******************************* */
	.sidebar1 {
		left: -256px;
	}