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

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

@media screen and (min-width: 1011px) and (max-width: 1020px) { #shop-by-padding { width: 35px; } }
@media screen and (min-width: 1021px) and (max-width: 1030px) { #shop-by-padding { width: 45px; } }
@media screen and (min-width: 1031px) and (max-width: 1040px) { #shop-by-padding { width: 55px; } }
@media screen and (min-width: 1041px) and (max-width: 1050px) { #shop-by-padding { width: 65px; } }
@media screen and (min-width: 1051px) and (max-width: 1060px) { #shop-by-padding { width: 75px; } }
@media screen and (min-width: 1061px) and (max-width: 1070px) { #shop-by-padding { width: 85px; } }
@media screen and (min-width: 1071px) and (max-width: 1080px) { #shop-by-padding { width: 95px; } }
@media screen and (min-width: 1081px) and (max-width: 1090px) { #shop-by-padding { width: 105px; } }
@media screen and (min-width: 1091px) and (max-width: 1100px) { #shop-by-padding { width: 110px; } }
@media screen and (min-width: 1101px) and (max-width: 1110px) { #shop-by-padding { width: 120px; } }
@media screen and (min-width: 1111px) and (max-width: 1120px) { #shop-by-padding { width: 130px; } }
@media screen and (min-width: 1121px) and (max-width: 1130px) { #shop-by-padding { width: 140px; } }
@media screen and (min-width: 1131px) and (max-width: 1140px) { #shop-by-padding { width: 150px; } }

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

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

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

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

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

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

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

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


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

ul.level-1 ul.level-2 li.shop-by-menu>a {
  margin-left: 10px;
  padding-left: 45px;
  padding-right: 15px;
}

#social li {
  margin: 0 0 0 10px;
}