/*
  This stylesheet contains styles that should be used when the width of the viewport
  Is greater than 1140 pixels
*/

#shop-by-padding {
  width: 55px;
}

@media screen and (min-width: 1151px) and (max-width: 1160px) { #shop-by-padding { width: 65px; } }
@media screen and (min-width: 1161px) and (max-width: 1170px) { #shop-by-padding { width: 75px; } }
@media screen and (min-width: 1171px) and (max-width: 1180px) { #shop-by-padding { width: 85px; } }
@media screen and (min-width: 1181px) { #shop-by-padding { width: 95px; } }

ul.level-1 ul.level-2>li:nth-of-type(10n+1) {
  width: 85px;
  padding-left: 12px;
}

ul.level-1 ul.level-2>li:nth-of-type(10n+2) {
  width: 125px;
}

ul.level-1 ul.level-2>li:nth-of-type(10n+3) {
  width: 80px;
}

ul.level-1 ul.level-2>li:nth-of-type(10n+4) {
  width: 165px;
}

ul.level-1 ul.level-2>li:nth-of-type(10n+5) {
  width: 165px;
}

ul.level-1 ul.level-2>li:nth-of-type(10n+6) {
  width: 80px;
}

ul.level-1 ul.level-2 li:nth-of-type(10n+9) {
  margin-left: 1%;
  width: 140px;
}

ul.level-1 ul.level-2 li:nth-of-type(10n+10) {
  width: 130px;
}

ul.level-1>li>ul.level-2>li>a {
  padding: 0 12px;
  font-size: 14px;
}

ul.level-1 ul.level-2 li.shop-by-menu>a {
  margin-left: 0;
}

ul.level-1 ul.level-2 li#shop-by-label {
  text-align: right;
  color: #090911;
  font-size: 14px;
  font-style: italic;
  margin: 0;
  line-height: 46px;
  display: inline;
  visibility: visible;
  overflow: hidden;
}

/* new style sheet with min-width: 1140px */
#header {
  padding: 10px 0 45px;
  padding: 10px 10px 45px;
}

#navigation {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 35px);
}

#content{
  padding-top: 85px;
}

@media screen and (min-width: 1200px) {
	#header {
		padding: 10px 0 45px;
    padding: 10px 10px 45px;
	}

	#navigation {
		position: absolute;
		left: 0;
		right: 0;
		top: calc(100% - 35px);
	}

  .responsive-padding {
    padding: 0;
  }
}
/* END new style sheet with min-width: 1140px*/