#side_menu{
	display:none;
}
@media screen and (max-width:700px){
	#side_menu{
		display:block;
	}
	#sidebarMenu {
		height: 100%;
		position: fixed;
		left: 0;
		width: 250px;
		margin-top: 50px;
		transform: translateX(-250px);
		transition: transform 250ms ease-in-out;
		background:#fff;
		z-index:1;
		overflow:scroll;
	}
	.sidebarMenuInner{
		margin:0;
		padding:0;
		border-top: 1px solid rgba(255, 255, 255, 0.10);
		padding-bottom:200px;
	}
	.sidebarMenuInner li{
		list-style: none;
		color: #333;
		text-transform: uppercase;
		font-weight: bold;
		padding: 20px;
		cursor: pointer;
		border-bottom: 1px solid #999;
		line-height:140%;
	}
	.sidebarMenuInner li.mname{
		padding: 0px 20px 20px 20px;
		text-align:center;
		color: #2A7862;
	}
	.sidebarMenuInner li span{
		display: block;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.50);
	}
	.sidebarMenuInner li a{
		color: #333;
		text-transform: uppercase;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	input[type="checkbox"]:checked ~ #sidebarMenu {
		transform: translateX(0);
	}
	
	input[type=checkbox] {
		transition: all 0.3s;
		box-sizing: border-box;
		display: none;
	}
	.sidebarIconToggle {
		transition: all 0.3s;
		box-sizing: border-box;
		cursor: pointer;
		position: fixed;
		z-index: 99;
		height: 100%;
		width: 100%;
		top: 15px;
		left: 15px;
		height: 30px;
		width: 30px;
	}
	.spinner {
		transition: all 0.3s;
		box-sizing: border-box;
		position: absolute;
		height: 3px;
		width: 100%;
		background-color: #fff;
	}
	.horizontal {
		transition: all 0.3s;
		box-sizing: border-box;
		position: relative;
		float: left;
		margin-top: 6px;
	}
	.diagonal.part-1 {
		position: relative;
		transition: all 0.3s;
		box-sizing: border-box;
		float: left;
	}
	.diagonal.part-2 {
		transition: all 0.3s;
		box-sizing: border-box;
		position: relative;
		float: left;
		margin-top: 6px;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
		transition: all 0.3s;
		box-sizing: border-box;
		opacity: 0;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
		transition: all 0.3s;
		box-sizing: border-box;
		transform: rotate(135deg);
		margin-top: 8px;
	}
	input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
		transition: all 0.3s;
		box-sizing: border-box;
		transform: rotate(-135deg);
		margin-top: -12px;
	}
	#sidebarMenu h2{
		margin:30px 0px 10px;
		text-align:center;
	}
	#sidebarMenu h2 img{
		width:80%;
		height:auto;
	}
}