.topshop-header-layout-three .site-top-bar-left {
float: left;
padding: 3px 0;
min-height: 25px;
width: 50%;
background-color: #ffffff;
position: relative;
z-index: 99;
}
.topshop-header-layout-three .site-top-bar-left ul li:first-child a {
padding: 0 10px 0 0;
}
.topshop-header-layout-three .site-top-bar-left ul li:last-child {
box-shadow: none;
}
.topshop-header-layout-three .site-top-bar-left ul li:last-child a {
padding: 0 0 0 6px;
}
.topshop-header-layout-three .site-top-bar-left-text {
display: inline-block;
font-size: 11px;
margin: 0 1px 0 0;
}
.topshop-header-layout-three .site-top-bar-right {
float: right;
font-size: 14px;
padding: 1px 0 3px;
width: 50%;
text-align: right;
background-color: #ffffff;
position: relative;
z-index: 99;
}
.topshop-header-layout-three .site-top-bar-right i {
margin: 0 0 0 8px;
}
.topshop-header-layout-three > .site-container {
position: relative;
}
.topshop-header-layout-three .site-header-left {
float: left;
padding: 0 0 2px;
}
.topshop-header-layout-three .site-header-left img {
display: block;
margin: 0;
}
.topshop-header-layout-three .site-header-right {
float: right;
font-size: 12px;
position: absolute;
right: 20px;
top: 50%;
margin: -25px 0 0;
}
.topshop-header-layout-three .site-header-right a {
text-transform: uppercase;
display: inline-block;
vertical-align: top;
font-size: 30px;
margin: 0 0 0 12px;
}
.topshop-header-layout-three .site-header-right-link {
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
display: inline-block;
vertical-align: top;
margin: 1px 0 0;
padding: 1px 8px 1px 0;
line-height: 14px;
}
.topshop-header-layout-three .site-header-right-link a {
padding: 1px 5px 0px;
border-radius: 3px;
-webkit-transition: all 0.05s linear 0s;
-moz-transition: all 0.05s linear 0s;
-ms-transition: all 0.05s linear 0s;
-o-transition: all 0.05s linear 0s;
transition: all 0.05s linear 0s;
}
.topshop-header-layout-three .site-header-right-link a:hover {
background-color: #545454;
color: #FFF;
}
.topshop-header-layout-three .search-btn {
font-size: 30px;
margin: 7px 0 0 10px;
}
.topshop-header-layout-three .site-title {
font-size: 34px;
line-height: 34px;
margin: 0;
padding: 17px 0 3px;
}
.topshop-header-layout-three .site-description {
margin: 0;
padding: 4px 0 21px;
font-size: 12px;
}
.topshop-header-layout-three .header-cart {
padding: 0;
}
.topshop-header-layout-three .header-cart a.header-cart-contents {
background: none;
color: inherit;
}
@media screen and (max-width: 960px) {
.topshop-header-layout-three .header-cart {
float: none !important;
display: block;
margin: 10px 0 0;
}
.topshop-header-layout-three .header-cart a.header-cart-contents {
padding: 10px 0 !important;
text-align: left;
}
}
@media screen and (max-width: 782px) {
.topshop-header-layout-three .site-top-bar-left {
min-height: 0;
}
.topshop-header-layout-three .site-top-bar-right {
}
.topshop-header-layout-three .site-header-left a {
display: inline-block;
}
.topshop-header-layout-three .site-title {
padding: 10px 0 3px;
}
.topshop-header-layout-three .site-description {
padding: 4px 0 6px;
}
.topshop-header-layout-three .site-header-right {
position: relative;
top: 0;
right: 0;
margin: 0;
padding: 0 0 5px !important;
min-height: 5px !important;
}
.topshop-header-layout-three .site-header-right a {
font-size: 18px;
}
}