body::-webkit-scrollbar{width:0}

.promo_catalog_main{
	background: none;
}
.product-nav{
	margin-top:80px;
	margin-left: 70px;
}
.product-nav li a{ 
	position: relative;
}
.product-nav li{
	margin-right: 30px !important;
}
.product-nav li a span {
    width: 8px;
    height: 6px;
    background: url(../img/arrowdownwhite.png) no-repeat center/contain;
    right: -15px;
    top:8px;
    position: absolute !important;
}

.product-nav li a:hover, .product-nav li a.active{
	color: #494949;

}

.product-nav li a:hover span, 
.product-nav li a.active span{
	background: url(../img/arrowdowngrey.png) no-repeat center/contain;
}

.catalog-hero{
	padding: 150px 0;
	background: url(../img/catalog-shirt-bg.jpg);
	background-size: 100% auto;
	background-position: top left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-repeat: no-repeat;
}
.catalog-hero h2{
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;

}
.full-width{
	width: 100% !important;
}


.half-width{
	width: 50% !important;
}


.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.333%;

}

.grid-item {
  float: left;
   border: solid 2px #000;
}

.grid-item img {
  display: block;
  max-width: 100%;
}


@media (max-width: 1024px) {
  .catalog-hero{
	padding: 100px 0;
	background-size: cover;
	background-position: center center;
  }	
  .catalog-hero h2{
  	font-size: 24px;
  }
  .grid-item img {
	 	width: 100%;
	}
}


@media (max-width: 575px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
  
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}