@media only screen and (max-width: 600px) {
	/* CSS that should be displayed if width is equal to or less than 800px goes here */
	.card-img-top {
		height: 100%;
		object-fit: cover;
	}
	.clsGray {
		background: #e4e4e4;
		padding-bottom: 12px;
	}
}

@media ( min-width : 768px) and (max-width:800px) {
	/* CSS that should be displayed if width is equal to or less than 800px goes here */
	.card-img-top {
		width: 100%;
		height: 20vw;
		object-fit: cover;
	}
	.clsGray {
		background: #e4e4e4;
		padding-bottom: 12px;
	}
}

@media ( min-width : 800px) {
	/* CSS that should be displayed if width is equal to or less than 800px goes here */
	.card-img-top {
		width: 100%;
		height: 9vw;
		object-fit: cover;
	}
	.clsGray {
		background: #e4e4e4;
		padding-bottom: 12px;
		width: 20% !important;
	}
}

.card-title {
	min-height: 76px;
}

.clsMsg {
	font-size: 20px !important;
	line-height: 2px;
	color: red;
}

.pane-content {
	background: #FFF;
}
/*.tnp-recommendations {
	width: 100% !important;
	margin-bottom: 0;
	height: 400px;
}*/
.article-recommendations {
	background-color: #ffffff;
}