ul.topicList {
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.topicList li {
	display: inline-block;
	list-style-type: none;
	min-width: 33%;
	max-width: 33%;
	padding: 1%;
	vertical-align: top;
}

ul.topicList li div.topicEntry,
ul.topicList li div.topicEntry img {
	display: block;
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	ul.topicList li {
		min-width: 49%;
		padding: 1%;

	}
}

@media only screen and (max-width: 768px) {
	ul.topicList li {
		min-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

/* Dislaimer box: uses Related info boxes UI copied from oshanswers\main.css and modified */
.disclaimer-boxes-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
	gap: var(--size-300) var(--standard-gap);
	grid-auto-rows: auto;
}

.disclaimer-boxes-grid__box {
	display: flex;
	align-items: center;
}

.disclaimer-boxes-grid__box--top {
	align-items: flex-start;
}

.disclaimer-boxes-grid__content {
	flex: 1 1 25ch;
}

.disclaimer-boxes-grid__box::before {
	content: "";
	flex: none;
	margin-inline-end: var(--size-600);
	margin-block-end: var(--size-400);
}

@media (min-width: 992px) {
	.disclaimer-boxes-grid__box::before {
		margin-inline-end: var(--size-400-1);
	}
}

@media (min-width: 1200px) {
	.disclaimer-boxes-grid__box::before {
		margin-inline-end: var(--size-600);
	}
}

.disclaimer-boxes-grid__box--alert-icon::before {
	background: url(/images/home/topic_icons/alert-icon.svg) no-repeat;
	height: 82px;
	width: 82px;
	margin-inline-end: 1.5rem;
}

.disclaimer-boxes-grid__box--alert-icon::before {
    display: none;
}

@media screen and (min-width: 410px) {
    .disclaimer-boxes-grid__box--alert-icon::before {
        display:inline-block;
    }
}