#product_catalog {

}

#product_catalog .product {
	display: flex;
	padding-top:25px;
	padding-bottom:25px;
	border-top:1px solid #ccc;
}

#product_catalog .product .product_main_image {
	/** float:left;
	width:16%;
	padding-right:2%; **/
	flex: 0 0 200px;
	margin-right: 20px;
}

#product_catalog .product .product_main_image img {
	width:100%;
}

#product_catalog .product .product_main_info {
	/* float:left;
	width:82%;*/
	flex: 1 1 auto;
}

@media(max-width: 450px) {
	#product_catalog .product {
		flex-wrap: wrap;
	}
	#product_catalog .product .product_main_image {
		flex: 1 0 100%;
		margin: 0 0 20px 0;
	}

	#product_catalog .product .product_main_image img {
		width:100%;
	}

	#product_catalog .product .product_main_info {
		/* float:left;
		width:82%;*/
		flex: 1 1 auto;
	}
}

#product_catalog .product .product_main_info .product_title, #product_catalog .product .product_main_info .product_title a, #product_catalog .product .product_main_info .product_title span {
	font-weight:bold;
	color:#000;
}

#product_catalog .product .product_main_info .product_description {
	
}

/******the product gallery *********/

#productGallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
	padding: 16px 0 0 0;
}

#productGallery li {
	overflow:hidden;
	padding: 0;
	margin: 0 13px 6px 0;
}

#productGallery li .gallery-desc {
	vertical-align: top;
	margin: -5px 0 12px 0;
}

#productGallery li .gallery-desc  p {
	display: block;
	margin: 0 auto;
	padding: 0;
	font-size: 0.95rem;
	line-height: 1.25rem;
	text-align: left;
}

#productGallery li a img {
	aspect-ratio: 5/4;
	object-fit: contain;
}
@media(max-width: 992px) {
	#productGallery {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}

@media(max-width: 640px) {
	#productGallery {
		grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
		grid-gap: 0 20px;
	}

	#productGallery li {
		margin: 0 0 0 0;
		padding-top: 0;
	}

	#productGallery li a img {
		width: 100%;
		object-fit: fill;
	}
}

/******end of the product gallery *********/

a.productBackLink {
	color:black;
	text-decoration: underline;
}