#sidebar {
	display: none
}

@media all and (min-width:300px) {
	#sidebar {
		display: block;
		background-color: #000;
		position: fixed;
/*		right: 0;
		top: 27%;*/
		z-index: 9999;
		visibility: visible;
		font-weight: 700
	}
	#sidebar-menu {
		width: 50px;
		float: left
	}
	.sidebar-link {
		display: inline-block;
		float: right;
		padding: 5px;
		position: relative;
		text-decoration: none
	}
	.sidebar-link .sidebar-name {
		background: #ffffff;
		font-size:15px;
		color: #000;
		display: inline-block;
		height: 50px;
		padding: 15px 10px 6px 15px;
		position: absolute;
		right: 50px;
		top: 0;
		vertical-align: middle;
		visibility: hidden;
		width: 120px;
		z-index: 3
	}
	#sidebar-menu .sidebar-link .sidebar-icon {
		display: inline-block;
		height: 40px;
		vertical-align: middle;
		width: 40px
	}
	.sidebar-link:hover {
		background: #000
	}
	.sidebar-link:hover .sidebar-name {
		visibility: visible
	}
	.sidebar-hr {
		background: #fbfbfb;
		display: block;
		float: right;
		height: 1px;
		position: relative;
		width: 30px;
		margin-right: 10px
	}
}