.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
  float: none;
  width: auto;
}

@media (max-width: 575px) {
  .col-xs-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  } 
  
  .col-xs-2 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-xs-3 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-xs-4 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  
  .col-xs-5 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  } 
  
  .col-xs-6 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .col-xs-7 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  } 
  
  .col-xs-8 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666%;
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
  } 
  
  .col-xs-9 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 75%;
    max-width: 75%;
  } 
  
  .col-xs-10 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-xs-11 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-xs-11 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-xs-12 {
  	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.row:before, .row:after {
	display: initial;
}

.collection-item h2 {
  	height: 0;
  	left: 15px;
  	position: absolute;
    right: 15px;
    top: 15px;
}

.product-type-item {
 	margin-bottom: 15px;
}

.product-type-item .product-type-item__inner {
  	position: relative;
}

.product-type-item .product-type-item__content {
  	background: #fff;
  	height: 0;
  	padding-bottom: 120px;
  	width: 100%;
}

.product-type-item h2 {
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)),
            color-stop(1, rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  	font-size: 22px;
  	font-weight: 300;
  	left: 125px;
  	line-height: 30px;
  	margin: 0;
  	position: absolute;
    right: 10px;
    top: 50%;
  	z-index: 2;
  	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-type-item img {
  	bottom: 0;
  	left: 0;
  	margin: auto;
  	max-height: 80px;
  	max-width: 100px;
 	position: absolute;
  	right: calc(100% - 120px);
  	top: 0;
  	z-index: 1;
}

@media (min-width: 676px) {

}

@media (min-width: 769px) {
  	.product-type-item {
        margin-bottom: 30px;
    }
  
  	.product-type-item .product-type-item__content {
      	padding-bottom: 120%;
    }

    .product-type-item--wide .product-type-item__content {
        padding-bottom: calc(60% - 15px);
    }

    .product-type-item--tall .product-type-item__content {
        padding-bottom: calc(240% + 30px);
    }
  
  	.product-type-item h2 {
        left: 15px;
      	padding-bottom: 100px;
        right: 15px;
        top: 15px;
      	-webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
  
  	.product-type-item img {
        max-height: calc(100% - 50px);
      	max-width: 100%;
      	right: 0;
      	top: 50px;
    }
  
 	.footer-row-1 {
 		margin-bottom: 30px;
	} 
}

@media (min-width: 1201px) {
  	.header_cart {
 		padding-left: 60px; 
	}
  
  	.product-type-item h2 {
        font-size: 30px;
        line-height: 36px;
    }
}