img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	display: block;
}

.itemwrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.itemwrapper .item {
  display: flex;
  width: 100%;
  padding-bottom: 30px;
}
.imagewrapper {
  max-width: 35%;
  padding-right: 30px;
    
}
.caption {
  max-width: calc(64% - 35px);
}
.caption .description {
	width: 100%;
}
.caption .pricewrapper {
  display: flex;
  width: 100%;
}


.caption .price {
  padding-top: 15px;
  width: 50%;
  color: #fff;
}


@media (min-width: 320px) and (max-width: 767px) {
  .itemwrapper .item {
	  flex-direction: column;
   }
  .item .imagewrapper {
    max-width: 100%;
    padding-right: 0;
   }
  .item .caption { 
    max-width: 100%;
    width: calc(100% - 30px);
    padding:15px;
   }
 
}