/* #########################################################
* RELATED
* ########################################################## */

/* Structure */
#related.grid > ul {
	text-align: center;
}

#related.grid > ul > li {
	margin-right: 2%;
	margin-bottom: 0 !important;
	width: 18.4%;
}

#related.grid > ul > li:nth-child(3n) {
	margin-right: 2%;
}

#related.grid > ul > li:nth-child(5n) {
	margin: 0;
}



/* Styling */
#related {
	margin-bottom: 80px;
}

#related + .mt {
	margin-top: 50px;
}

#related.loop li .txt h2 {
	font: 14px/1.3em Arial !important;
}

#related .sepa {
	margin: 0 auto 10px auto;
}

#related .sepa span {
	font-size: 18px !important;
	font-family: arial !important;
}


@media screen and (max-width:800px) {
	#related.grid > ul > li {
		display: none;
		width: 23.5%;
		margin: 0;
		margin-right: 2%;
	}

	#related.grid > ul > li:nth-child(4n),
	#related.grid > ul > li:nth-child(5n) {
		margin-right: 0;
	}

	#related.grid > ul > li:nth-child(-n+4) {
		display: inline-block;
	}
}

@media screen and (max-width:600px) {
	#related.loop li .txt h2 {
		font-size: 10px !important;
	}
}

@media screen and (max-width:500px) {
	#related {
		margin: 0 !important;
		position: fixed;
		right: 0;
		left: 0;
		bottom: 0;
		background: #333;
		z-index: 999;
		padding-top: 2px;
		width: 100%;
		max-width: 100%;
	}

	#related.grid > ul > li {
		display: none !important;
		width: calc(100% / 3);
		margin: 0 !important;
		border: 2px solid #333;
	}

	#related.grid > ul > li:nth-child(-n+3) {
		display: inline-block !important;
	}

	#related .sepa {
		display: none;
	}

	#related.loop li .txt {
		padding: 5px 5px 2px 5px !important;
		background: transparent !important;
	}

	#related.loop li .txt h2 {
		margin: 0;
		font-size: 9px !important;
	}

	#related.loop li .txt h2 a {
		color: #FFF !important;
	}

	footer {
		padding-bottom: 140px;
	}
}

@media screen and (max-width:365px) {
	#related {
		display: none !important;
	}
}