/*INDEX*/
#grid-index{
  padding: 0 15px;
}

#grid-index[data-columns]::before{
  content: '4 .column.size-1of4';
}
  .size-1of3{
    width: 33.333%;
  }
/*COLLECTIONS*/
#grid{
  padding: 0 15px;
}

#grid[data-columns]::before{
  content: '4 .column.size-1of4';
}
@media (min-width: 300px){
  #grid[data-columns]::before{
    content: '2 .column.size-1of2';
  }
  .size-1of2{
    width: 50%;
  }
}
@media (min-width: 1024px){
  #grid[data-columns]::before{
    content: '3 .column.size-1of3';
  }
  .size-1of3{
    width: 33.333%;
  }
}
@media (min-width: 1200px){
  #grid[data-columns]::before{
    content: '4 .column.size-1of4';
  }
  .size-1of4{
    width: 25%;
  }
}
@media (min-width: 1920px){
  #grid[data-columns]::before{
    content: '5 .column.size-1of5';
  }
  .size-1of5{
    width: 20%;
  }
}
@media (min-width: 768px){
#grid-index   .size-1of4{
    width: 25%;
  }
}
@media (max-width: 767px){
#grid-index   .size-1of4{
    width: 50%;
  }
}
.column{
  float: left;
}
.grid-item{
  padding: 5px;
  text-transform: uppercase;
}

.grid-image{
  cursor: pointer;
  height: auto;
  max-width: 100%;
  width: 100%;
  position:relative;
}
.grid-toggle{
  position:absolute;
  z-index:2;
  bottom:10px;
  left:10px;
}
#grid-index .grid-toggle {position:relative; left:0; bottom:0;}
#grid-index .grid-image {margin-bottom:0;}
.grid-item input[type="submit"]{
  text-transform: uppercase;
  font-family: 'HelveticaNeue-Bold', sans-serif;
}
.grid-detail{
  display: none;
  margin-top:21px;
}
.item_1, .item_2, .item_3, .item_4{
	padding-top: 10px !important;
}
.item_1, .item_5, .item_9, .item_13, .item_17{
	padding-left: 5px !Important;
}

.item_4, .item_8, .item_12, .item_16, .item_20{
	padding-right: 5px !Important;
}

.grid-detail p {color:#888;}

.nav-row{
  margin: 0 20px;
}

.header_top>ul, .header_top>ul:first-child{
  margin: 0;
}
.header_top>ul>li{
  margin: 0 15px 0 0;
  padding: 0;
}
.header_top>ul>li>a{
  display: inline-block;
  padding: 10px 0;
}
.shop_navigation{
z-index:9999;
}

.shop_navigation>ul>li>ul{
  left: auto;
  margin-left: -15px!important;
  padding: 0 15px 5px 15px;
  top: 25px;
}
.shop_navigation>ul>li>ul>li{
  margin: 0;
  padding: 0;
}
.shop_navigation>ul>li>ul>li>a, .shop_navigation>ul>li>ul>li>a:hover{
  margin: 10px 0!important;
}
.shop_navigation>ul>li>a {
  padding: 0px 0 2px 0!important;
  margin-bottom: 10px;
}