body {margin: 0px; padding: 0px; width: 100%;}
	
	.bike-container {clear:both; width: 100%; padding-top: 40px; position: relative; -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
  display: flex;}
	
	.bikewrap {/* box-shadow: 0px 0px 6px #ccc;  */ width: 24.8%; border: 1px solid #f4f4f4;   
  
   flex-basis: 25%;
   position: relative; font-family: sans-serif; background-color: #fff; padding-bottom: 40px; transition: all .2s ease-in-out; min-height: 420px; top: 0px;}
	.bikewrap:hover { transform: scale(1.1); z-index: 999; position: relative; box-shadow: 0px 0px 7px #ccc;}
	.bikewrap .content {padding: 30px 30px 0px 30px; font-size: 12px; color: #666; line-height: 160%; text-align: center;}
	.bikewrap .label {position: absolute; right: 0px; top: 0px; font-weight: bold; text-transform: uppercase; padding: 10px 15px;}
	.bikewrap h3 {font-size: 18px; font-weight: bold; color:#003063;}
	.bikewrap .label.label-new {background-color: #55a7ff; color: #fff; }
	.bikewrap p {min-height: 70px;}
	.bikewrap .label.label-used {background-color: #666666; color: #fff;}
	.bikewrap .img-wrap {background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; height: 240px!important;}
	.bikewrap .price {position: absolute; bottom: 0px; padding: 10px 0px; width: 100%; color: #333; text-align: center; font-size: 18px;}





@media (max-width: 1024px){
	.bikewrap { flex-basis: 33.33%;}
}


@media (max-width: 768px){
	.bikewrap { flex-basis: 50%;}
}


@media (max-width: 512px){
	.bikewrap { flex-basis: 100%;}
}