@media only screen and (max-width: 900px) {
.product {
	border:1px solid #ccc; 
	border-radius:5px; 
	padding:16px; 
	margin-bottom:16px; 
	height:416px;
}
    
    img.card-img-top{    width: 60%;
    display: block;
    text-align: center;
    margin: 0 auto;}
}

@media only screen and (min-width: 900px) {
.product {
	border:1px solid #ccc; 
	border-radius:5px; 
	padding:16px; 
	margin-bottom:16px; 
	height:250px;
}}

.brandSection{
	height: 180px; 
	overflow-y: auto; 
	overflow-x: hidden;
}
.bs-example{
	margin: 20px;        
}