@media (max-width: 820px){
	div.topics-nav ul {
		grid-template-columns: repeat(4, 25%) !important;
	}
}

@media (max-width: 1920px){
	body.single div.topics-nav ul {
		grid-template-columns: repeat(4, 25%) !important;
	}
}

@media (max-width: 820px){
	span.topic-title {
	    margin-top: .5em;
	    display: block;
	    font-size: .875em;
	}
}

@media (max-width: 1920px){
	body.single span.topic-title {
	    margin-top: .5em;
	    display: block;
	    font-size: .875em;
	}
}

.site-nav .nav-item:first-child {
	padding-left: 27px;
}

div.topics-nav ul {
	display: grid;
}

div.topics-nav ul li:not(.topic-1) {
	display: inline-block;
}

.topics-nav ul li a:hover .topic-icon-image img.hover-icon {
	opacity: 1;
}

.topic-icon-image {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.topic-icon-image img {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	max-height: 60px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s;
    backface-visibility: hidden;
}

.topic-icon-image img.hover-icon {
	opacity: 0;
}

.topics-nav ul li .topic-icon:before {
	display: none !important;
}

@media (min-width: 400px){
	body.single .topics-nav {
    	padding: 45px 0pc 0;
	}
}