/* Store Logo */
/* These Two styles are being overwritten elsewhere */
 
 
/*Storename Logo Changes*/
.storename-logo {height: auto; width: 100%;	float: right;	display: none;}
.storename-logo img {	position: relative;	transform: translateY(30%);	width: 100%; 	height: auto;	width: 40%;}
.nav .store-name {display: none; text-transform: uppercase; position: absolute; text-align: center; width: auto; left: 30%; top: 6%; font-size: 100%; color: #999; font-weight: bold; line-height: 150%; text-shadow: 2px 1px -2px; BACKGROUND-COLOR: #EFEFEF; padding: 0.1em 0.4em; border-radius: 5px;}
.store-name-row {max-width:1180px; margin:0 auto; border-top:1px solid #E3E3E3; background-color: #FFF; color: rgb(55,55,55); font-size:1em; text-align: center; display:block; width:100%;}
header .bar_2 {margin: 0;}
header .bar_3{padding-top: .5em; padding-bottom:1.5em;}

    
@media (max-width:76.688em){
	header .bar_2 {margin: 0; top: 0;}
	header .bar_3{padding-bottom:0;}
}

@media (max-width:65.938em){
	header .bar_3{padding-top:0;}
}

@media (min-width: 33.875em) {
	.storename-logo {margin-right: 10px;	margin-bottom: 0;	float: right;	width: auto;}
	.storename-logo img {	height: auto;	width: 80%;	position: relative;	transform: translateY(10%);}
}

@media (min-width: 51em) {
	.storename-logo {margin-right: 45px; margin-left: 1em; width: auto;}	
	.storename-logo img {	position: relative; transform: translateY(50%); width: 100%;}	
}

@media (max-width: 59.969em) {
	.bar_3-heading {text-align: center !important;}
}


@media (min-width: 60em) {
	.bar_3-heading {text-align: left !important;}
}

@media (min-width: 60em){
  .bar_3 {min-height:125px;}
  .bar_3-innerWrapper {padding-left: 90px;padding-top: 10px;}
  /* Fix for Lenovo Logo placement with storename's new position */
  .logoWrapper {top: 0;}
  .logoWrapper.scrolled.animate {top: inherit;}
}


@media (min-width: 61.875em)and (max-width: 65.625em){
  .bar_3-logos .left {float: none!important; min-height: 92px; position: relative;}
}

@media (min-width: 76.75em) {
  .bar_2 {min-height:200px; padding-top:85px; margin-top:-200px;}
  header .bar_2 { margin:0;}
  .scrolled.logoWrapper { height:50px;}
}

@media all and (min-width: 60em){
	.bar_3-logos .left {float: right!important; min-height: 92px; position: relative;}
}

@media all and (max-width: 50.938em) and (min-width: 37.813em){
	.nav .store-name {display: none;}
	.storename-logo{margin-right: 0; margin-bottom: 0; float: right; width: 100%;}
	.storename-logo img {position: relative; transform: translateY(30%); width: 100%; height: auto; width: 25%;}
}

@media all and (max-width: 50.938em){
	.bar_3-logos .left{padding-top:0; padding-bottom:1em;}
}

@media all and (min-width: 33.750em) and (max-width: 37.813em){
	.nav .store-name {display: none;}
	.storename-logo{margin-right: 0; margin-bottom: 0; float: right; width: 100%; padding-right:1em;}
	.storename-logo img {	position: relative;	transform: translateY(30%);	width: 100%; height: auto; width: 25%;}
}

@media all and (max-width: 33.750em) and (min-width: 21em){
	.nav .store-name {display: none;}
	.storename-logo{margin-right: 0; margin-bottom: 0; float: right; width: 100%;}
	.storename-logo img {	position: relative;	transform: translateY(30%);	width: 100%; height: auto; width: 25%;}	
}

@media all and (max-width: 21em){
	.nav .store-name {display: none;}
	.storename-logo{margin-right: 0; margin-bottom: 0; float: right;	width: 100%; padding-right:1em;}
	.storename-logo img {	position: relative;	transform: translateY(30%);	width: 100%; height: auto; width: 25%;}
	.store-name-row{font-size:80%;}
}

@media(max-width:46.875em){
	.store-name-row{font-weight:bold;}
}

@media(max-width:46.875em) and (min-height:28.125em){
	.stickyDock{padding-bottom:3.75em !important;}
}