@media(min-width: 992px) {
.relate-pro{
	display:flex;flex-wrap:wrap;
	}
}
.relate-pro img{
 margin-bottom:10px;
	display: block;
	max-width: 100%;
	height:auto;
}
.relate-pro div[class*="col-md"]{
	padding:10px;
}

.relate-pro div[class*="col-md"] a{
	color:#888;
	padding:15px;
	display: flex;
	border:1px solid #eee;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	background-color: #f8f8f8;
	flex-direction: column;
	height:100%;
}
.relate-pro div[class*="col-md"] a b{
	color:#0055f2;

}

.relate-pro div[class*="col-md"]:hover .relatedpro_area{
		background-color: #fff;		
			}
.relate-pro div[class*="col-md"]:hover a b{
	color:#000;
}
.relate-pro div[class*="col-md"]:hover a{
	color:#000;
		background-color: #f3e04e;
}
.relatedpro_area{
	width:100%;
	height:150px;
	display: flex;
	align-items: center;
	justify-content:center; 
	padding-bottom:0px;
	margin-bottom:10px;
	
}
.relatedpro_area img{
	width: 100%;
	height:100%;
	object-fit: contain;
	margin-bottom:0px;
}