.related-posts-bar,
.related-posts-bar * {
	box-sizing: border-box;
}
.related-posts-bar {
	margin: 0 -10px;
}
.related-posts-bar:after {
	content: "";
	display: table;
	clear: both;
}
.related-posts-bar .related-post {
	width: 100%;
	padding: 0 10px;
}
.related-posts-bar .related-post img,
.related-posts-bar .related-post a {
	display: block;
}
.related-posts-bar .related-post p {
	text-align: left;
}
.related-posts-bar .related-post p a {
	padding-top: 10px;
}
.related-posts-bar h5 {
	text-align: center;
	padding-bottom: 15px;
}
@media all and ( min-width: 450px ) {
	.related-posts-bar .related-post {
		width: 50%;
		float: left;
		padding-bottom: 20px;
	}
	.related-posts-bar .related-post:nth-of-type(3),
	.related-posts-bar .related-post:nth-of-type(5) {
		clear: left;
	}
}
@media all and ( min-width: 767px ) {
	.related-posts-bar .related-post {
		width: 25%;
		float: left;
	}
	.related-posts-bar .related-post:nth-of-type(3),
	.related-posts-bar .related-post:nth-of-type(5) {
		clear: none;
	}
	.related-posts-bar[data-items="3"] .related-post {
			width: 33.3%;
	}
	.related-posts-bar[data-items="2"] .related-post {
			width: 50%;
	}
	.related-posts-bar[data-items="5"] .related-post {
			width: 20%;
	}
	.related-posts-bar[data-items="6"] .related-post {
			width: 16.6%;
	}
}
@media all and ( min-width: 40em ) {
	.related-posts-bar {
		width: 66.66%;
		margin: 0 -20px 0 -10px;
	}
}

/* Additional Task */
aside > .menu,
aside > .search-form,
.menu li.search-icon,
.menu li.search-wrapper {
	display: none;
}
@media screen and (min-width: 63.9375em) {
	.menu li {
		transition: opacity 0.3s ease;
	}
	.menu li input {
		height: 2.1rem;
	}
	.menu li.search-icon,
	.menu li.search-wrapper {
		display: inline-block;
	}
	.menu li.search-icon {
		cursor: pointer;
	}
	.menu li.search-icon i {
		top: -2px;
		position: relative;
	}
	.menu li.search-wrapper {
		position: absolute;
		pointer-events: none;
		top: 2px;
		left: 5px;
		right: 160px;
		opacity: 0;
	}
	.search-showing .menu li {
		opacity: 0;
		pointer-events: none;
	}
	.search-showing .menu li.search-wrapper,
	.search-showing .menu li.search-icon {
		opacity: 1;
		pointer-events: auto;
	}
}