.toggle-menu,
.genericon-hierarchy{
cursor:pointer;
display:none;
position:absolute;
right:0;
top:0;
width:72px;
height:72px;    	
}

.genericon-hierarchy{
right:auto;
left:0;
}

.toggle-menu:before,
.genericon-hierarchy:before{
content: '\f419';
cursor:pointer;
font-size:20px;
display:table-cell;
width:72px;
height:72px;
vertical-align:middle;
}

.genericon-hierarchy:before{
content: '\f505';
font-size:24px;
}

@media screen and (max-width: 1244px) {
	.my_servers_header{
	height:48px !important;
	}
	
	.my_server_title{
	margin-top:17px !important;
	}

	.contr-link .the_link{
	height:48px !important;
	vertical-align:bottom !imporatnt;
	}

	#menuContainer{
	width:100%;
	}
	
	#menuContainer ul{
	float:left;
	padding-left:0;
	}

	#menuContainer ul li a{
	height:48px !important;
	vertical-align:top;
	}
}

@media screen and (max-width: 800px) {
	.my_servers_header{
	height:72px !important;
	}
	
	.contr-link{
	width:100%;
	text-align:center;
	}

	.contr-link .the_link{
	width:100%;
	float:left;
	}

	.menu-out{
	right:0 !important;
	}

	.server-out{
	left:0 !important;
	}

	.toggle-menu, 
	.genericon-hierarchy{
	display:block;
	}

	#myserver_frame{
	left:-370px;
	position:absolute;
	transition:all .25s;
	}

	#menuContainer ul{
	background:#5d87ae;
	display:block;
	padding:0;
	position:absolute;
	top:74px;
	right:-500px;
	overflow-x:hidden;
	transition:all .25s;
	}

	#menuContainer ul li{
	float:none;
	margin:0;
	}
	
	#menuContainer ul li a{
	height:44px !important;
	white-space:nowrap;
	padding:0 24px;
	}

	.my_server_title{
	position:absolute;
	width:100%;
	text-align:center;
	margin:21px 0 0 0 !important;
	}
}

@media screen and (max-width: 640px) {
#login_wrap{
position: initial;
height:auto;
margin:60px auto;
width:300px;
}

.loginimg{
float:none;
margin:auto;
width:100px;
}

.loginimg img{
margin:0;
}

.loginline3{
position:initial;
height:auto;
width:auto;
}

.loginbutton{
  background-color: #0085c3;
  border:none;
  border-radius: 1px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight:300;
  cursor: pointer;
  float: none;
  display: block;
  transition: all 0.2s ease;
  padding: 8px 20px;
}

}

@media screen and (max-width: 480px) {
	#myserver_details{
	box-sizing:border-box;
	width:100%;
	}

	.bs_wrap,
	.rcsi_button{
	width:100% !important;
	}
}