body{
	margin: 0px;
	font-family: arial;
	color: #2e3440;
	font-weight: normal;
}
.layers-1 select{
	top:6.5px;
	margin: auto;
	padding: 8px;
	border: solid 1px #fff;
	border-radius: 1px;
	background-color: #ececec;
	width: 100%;
	padding-left:5px;
	position: relative;
}
.human_cart{
	float: left;
	margin-top: 5px;
}
.ws{
	background-image: url(../icon_imgs/world.png);
	background-repeat: no-repeat;
	padding: 10px;
}
.text{
	padding-left: 2.8em;
}
.rows:after {
  content: "";
  display: table;
  clear: both;
}
header{
	width: auto;
	height: 100px;
	position: relative;
	vertical-align: middle;
}
#tool_bars
{
	right:50px;
	top:10px;
	position: absolute;
	margin:auto;
	width:1000px;
	text-align: right;
	z-index: 99999px;
	padding:0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.layers-2,.top_nav
{
	display:inline-block;
	left:0px;
	background-color:transparent;
	height:auto;
	padding:5px;
	vertical-align: middle;
}
.top_nav
{
top:0px;
position: relative;
}
.layers-1,.layers-3
{
height:auto;
display: inline-grid;
margin: auto;
position:relative;
text-align: right;
padding:0px;
margin-right:15px; 

}

.layers-1
{
	top:0px;
	bottom:0px;
	margin: auto;
	width: 200px;
	right:90px;
	height: 100%;
	align-items: center;	
}

#tool_bars .component_details, #tool_bars .human_cart
{
	display: inline-block;
	position: relative;
	height:100%;
}
#tool_bars .human_cart
{
position: absolute;
right:0px;
height:100%;
display: flex;
align-items: center;
}
#tool_bars #account_icon,#tool_bars #ProfileLinks
{
	right:40px;
	height:100%;
	display: flex;
    align-items: center;
}
#tool_bars .component_details
{
	right:80px;
	height:50px;
	display: flex;
    align-items: center;	
}

.header_title{
padding:0px;
}

/*-------------------------------------------------------*//*-------------------------------------------------------*/
/*-------------------------------------------------------*//*-------------------------------------------------------*/

@media only screen and (max-width:1600px)
{
#tool_bars
{
	right:20px;
}
.layers-1
{
	width: 160px;	
}
#tool_bars #account_icon,#tool_bars #ProfileLinks
{
	right:42px;
}
}
@media only screen and (max-width:1400px)
{
#tool_bars
{
	right:20px;
}
.layers-1
{
	width: 160px;	
}
#tool_bars #account_icon,#tool_bars #ProfileLinks
{
	right:38px;
}
}
/*-------------------------------------------------------*//*-------------------------------------------------------*/
@media only screen and (max-width:1360px)
{
#tool_bars
{
	right:20px;
}
.layers-1
{
	width: 160px;	
}
#tool_bars #account_icon,#tool_bars #ProfileLinks
{
	right:35px;
}
}
@media only screen and (max-width:1152px)
{
.top_nav
{
	width: 100%;
	transition:ease 0.5s;
	position:absolute;
}
.layers-1
{
	width: 130px;	
}
.layers-1 select{
padding:5px;
padding-right:3px;
font-size: 11px;
}
}
/*-------------------------------------------------------*//*-------------------------------------------------------*/
@media only screen and (max-width: 1024px)
{
#tool_bars
{
	background-color:#fff;
	z-index:0;
}	
.layers-3
{
	top:0px;
	right:5px;
	position: absolute;
	width:auto;
	background-color:transparent;
	height:100%;
	text-align: right;
	z-index: 99999999;
}
.layers-2
{
	z-index:1;
}
header
{
	height:120px;
}
.top_nav
{
z-index: 9999;
}
.layers-1,.layers-2
{
	text-align: right;
	display: inline-block;
	height:70%;
}
.layers-1
{
	left:0px;
	right:0px;
	margin: auto;
}
.layers-2
{
	top:0px;
	left:0px;
	right:0px;
	margin: auto;
	position: absolute;
	z-index:1;
	width:100px;
}
#tool_bars
{
	top:0px;
	right:0px;
	margin: auto;;
	position: absolute;
	width: 100%;
	height:65%;
	text-align: left;
	z-index: 1;
}
.component_details
{
	top:80px;
	height:40px;
	width: 100%;
	position: absolute;
	left: 0px;
	margin: auto;
	padding-left:30px;
	z-index: 0px;
}
#tool_bars .human_cart
{
margin: 0px;
top:0px;
position: absolute;
}
}

@media only screen and (max-width:1024px)
{

#tool_bars
{
	background-color:#fff;
	z-index:0;
}	
.layers-3
{
	top:0px;
	right:5px;
	position: absolute;
	width:auto;
	background-color:transparent;
	height:100%;
	text-align: right;
	z-index: 99999999;
}
.layers-2
{
	z-index:1;
}
header
{
	height:120px;
}
.top_nav
{
z-index: 9999;
}
.layers-1,.layers-2
{
	text-align: right;
	display: inline-block;
	height:70%;
}
.layers-1
{

	left:0px;
	right:0px;
	margin: auto;
	margin-top:0px;	
}
.layers-2
{
	top:0px;
	left:0px;
	right:0px;
	margin: auto;
	position: absolute;
	z-index:1;
	width:100px;
}
#tool_bars
{
	top:0px;
	right:0px;
	margin: auto;;
	position: absolute;
	width: 100%;
	height:65%;
	text-align: left;
	z-index: 1;
}
.component_details
{
	top:80px;
	height:40px;
	width: 100%;
	position: absolute;
	left: 0px;
	margin: auto;
	padding-left:30px;
	z-index: 0px;
}
#tool_bars .human_cart
{
margin: 0px;
top:0px;
position: absolute;
}
}