#langelbutton{ 
right:185px} 
 
#wishlist{ 
right:426px;} 
 
#profbutton{ 
right:509px} 

#profbuttonon{ 
height: 35px !important;
right:509px;
width: auto !important;
text-align: left !important;
background-color: #8FBEE3;
padding-right: 6px !important;
text-decoration:none;
} 

.name{
color: white;
vertical-align: sub;
padding-left: 8px;
font-weight: initial;
}
 
#cartbutton{ 
right:467px;} 
 
#cartbutton,#langbgbutton,#langelbutton,#langenbutton,#profbutton,#wishlist,#profbuttonon{ 
display:block; 
position:absolute; 
width:31px; 
height:35px; 
text-align:center; 
top:50%; 
margin-top:-15px; 
padding:0; 
color:#fff; 
cursor:pointer; 
z-index:2; 
box-shadow:0 0 3px rgba(0,0,0,.15)} 
 
#langelbutton img,#langenbutton img{ 
width:31px} 
 
a img{ 
border:none} 
 
a{ 
vertical-align:baseline; 
text-decoration:none} 
 
#homebutton{ 
display:block; 
position:absolute; 
width:31px; 
height:31px; 
line-height:33px; 
font-size:20px; 
left:10px; 
top:50%; 
margin-top:-15px; 
padding:0; 
text-decoration: none;
color:#fff; 
cursor:pointer; 
background:#ccc; 
z-index:2; 
text-align:center;

} 

[data-tip]:before {
    content: '';
    display: none;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position: absolute;
    top: 30px;
    left: 15px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

#category_button{ 
display:block; 
position:absolute; 
width:31px; 
height:31px; 
line-height:33px; 
font-size:20px; 
left:40px; 
top:50%; 
margin-top:-15px; 
padding:0; 
color:#fff; 
cursor:pointer; 
background:#ccc; 
z-index:2; 
text-align:center} 
 
#backbutton1{ 
display:block; 
position:absolute; 
width:31px; 
height:31px; 
line-height:33px; 
font-size:22px; 
left:85px; 
top:50%; 
margin-top:-15px; 
padding:0; 
color:#fff; 
text-decoration: none;
cursor:pointer; 
background:#ccc; 
z-index:2; 
text-align:right;

} 

#backbutton{ 
display:block; 
position:absolute; 
width:31px; 
height:31px; 
line-height:33px; 
font-size:22px; 
left:46px; 
top:50%; 
margin-top:-15px; 
padding:0; 
color:#fff; 
text-decoration: none;
cursor:pointer; 
background:#ccc; 
z-index:2; 
text-align:right;

} 
  
#backcatbutton{ 

position:absolute; 
width:31px; 
height:31px; 
line-height:33px; 
font-size:22px; 
left:48px;
top:50%; 
margin-top:-15px; 
padding:0; 
color:#fff; 
cursor:pointer; 
background:#ccc; 
z-index:2; 
text-align:center;

} 
 
.extrabuttonsbg{ 
background:#fff; 
position:absolute; 
height:0; 
z-index:1} 
 
@media only screen and (max-width:1200px){ 
.extrabuttonsbg{ 
background:#fff; 
height:50px; 
width:100%; 
bottom:-50px} 
 
} 
 
@media only screen and (max-width:768px){ 
.extrabuttonsbg{ 
bottom:-50px} 
 
} 
 
@media only screen and (max-width:1200px){ 
#cartbutton,#langbgbutton,#langelbutton,#langenbutton,#profbutton,#wishlist,#profbuttonon{ 
bottom:-40px; 
right:10px; 
top:auto} 
 
} 


.searchinp{
	margin-left: 31px;
	padding-left: 5px;
	width: 159px;
	height: -webkit-fill-available;
	background: no-repeat;
	border: 0;
	
}

 
@media only screen and (max-width:1200px){ 
#cartbutton{ 
right:96px} 
 
} 
 
@media only screen and (max-width:1200px){ 
#profbutton{ 
right:140px} 

#profbuttonon{ 
right: 137px;
width: auto !important;
text-align: left !important;
background-color: #8FBEE3;
padding-right: 6px !important;
text-decoration:none;
}  
 
} 

 
@media only screen and (max-width:1200px){ 
#wishlist{ 
right:53px} 
 
} 
 
@media only screen and (max-width:1200px){ 
#homebutton{ 
bottom:-40px; 
top:auto; 
left:3%; 
right:auto; 
height:31px; 
width:31px; 
line-height:31px; 
font:20px} 
 
} 
 
@media only screen and (max-width:768px){ 
#homebutton{ 
bottom:-40px} 
 
} 
 
@media only screen and (max-width:1200px){ 
#backbutton1{ 
bottom:-40px; 
top:auto; 
left:6.4%;
right:auto; 
height:31px; 
width:31px; 
line-height:32px; 
text-align:left; 
margin-left:36px;
padding-left:3px;
} 
 
#backbutton{ 
bottom:-40px; 
top:auto; 
left:3%;
right:auto; 
height:31px; 
width:31px; 
line-height:32px; 
text-align:left; 
margin-left:36px;
padding-left:3px;
} 
 
#backcatbutton{ 
bottom:-40px; 
top:auto; 
left:3%; 
right:auto; 
height:31px; 
width:31px; 
line-height:32px; 
text-align:left; 
margin-left:36px;
padding-left:3px;
}  
 
 
} 

@media only screen and (max-width:500px){ 
#backbutton1{ 
bottom:-40px; 
top:auto; 
left:13.4%;
right:auto; 
height:31px; 
width:31px; 
line-height:32px; 
text-align:left; 
margin-left:36px;
padding-left:3px;
} 

#backbutton{ 
bottom:-40px; 
top:auto; 
left:3%;
right:auto; 
height:31px; 
width:31px; 
line-height:32px; 
text-align:left; 
margin-left:36px;
padding-left:3px;
} 
}


@media only screen and (max-width:500px){ 
#backbutton{ 
bottom:-40px;
left: 3%;
} 
 
} 

@media only screen and (max-width:768px) and (min-width: 500px){ 
#backbutton{ 
bottom:-40px;
left: 8%;
} 
 
} 

 
.drpdown-content{ 
display:none; 
position:absolute; 
right:509px; 
background-color:#fff; 
min-width:150px; 
text-align:center;
z-index:1; 
top:66%} 
 
.drpdown-content a{ 
color:#000; 
padding:12px 16px; 
text-decoration:none; 
display:block} 
 
.drpdown-content a:hover{ 
background-color:#89c541} 
 
.profbutton:hover .drpdown-content{ 
display:block} 
 
@media only screen and (max-width:1200px){ 
.drpdown-content{ 
display:none; 
position:absolute; 
right:120px; 
background-color:#fff; 
min-width:100px; 
z-index:1; 
top:140%} 
 
} 
 
#cartnum{ 
background:#89c541; 
width:20px; 
height:20px; 
border-radius:50%; 
color:#fff; 
top:60%; 
right:-9px; 
position:inherit} 
 
@media only screen and (max-width:1200px){ 
#cartnum{ 
background:#89c541; 
position:inherit; 
width:20px; 
height:20px; 
border-radius:50%; 
color:#fff} 
 
} 
 
.flags-content{ 
display:none; 
position:absolute; 
right:116px; 
min-width:100px; 
z-index:1; 
top:60%; 
height:100px} 
 
.flags-content a{ 
color:#000; 
padding:12px 16px; 
text-decoration:none; 
display:block} 
 
.flags-content a:hover{ 
background-color:#89c541} 
 
.flags-buttons:hover .flags-content{ 
display:block} 
 
@media only screen and (max-width:1200px){ 
.flags-content{ 
display:none; 
position:absolute; 
right:0; 
min-width:100px; 
z-index:1; 
top:140%} 
 
} 
 
 
