.productss {
  max-width: 300px;
  height: 200px;
  margin: 1px auto;
  position: relative;
}
.pipesstttt {
  position: absolute;
  width: 100%;
  height: 100%;
}
.pipesstttt {
  background: url('application/homeproducts/pipes/1.png')no-repeat center;
      background-size: cover;
    animation:fade 9s infinite;
-webkit-animation:fade 9s infinite;

}

.autowide .model {
  border-radius: .25rem;
  margin-bottom: 1rem;

}
.autowide .model p {
  padding: .25rem .75rem;
}

/* 2 columns: 600px */
@media only screen and (min-width: 600px) {
  .autowide .model {
		float: left;
		margin-right: 2.564102564102564%;
		width: 48.717948717948715%;
	}
	.autowide .model:nth-child(2n+0) {
		margin-right: 0;
	}
}

/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
  .autowide .model {
		width: 31.623931623931625%;
	}
	.autowide .model:nth-child(2n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .model:nth-child(3n+0) {
		margin-right: 0;
	}
}

/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
  .autowide .model {
		width: 23.076923076923077%;
	}
	.autowide .model:nth-child(3n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .model:nth-child(4n+0) {
		margin-right: 0;
	}
}