.fill {object-fit: fill;}
.contain {object-fit: contain;}
.cover {object-fit: cover;}
.scale-down {object-fit: scale-down;}
.none {object-fit: none;}

.bannerimg{
	width:100%;
	height:250px;	
}

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.productcard{
	min-height:290px;
}

@media (max-width: 500px){
	.productcard{
		/* min-height:100px; */
	}
	
	.bannerimg{
		width:100%;
		height:170px !important;	
	}
}