.box-content {
	padding-bottom: 40px;
}
.box-sidebar {
	text-align: center;
	margin-bottom: 30px;
}
.box-sidebar .items {
	display: inline-flex;
}
.box-sidebar .items li:not(:last-child) {
	margin-right: 10px;
}
.box-sidebar .items li a {
	display: block;
	font-size: 16px;
	overflow: hidden;
	line-height: 20px;
	padding: 10px 20px;
	border-radius: 4px;
	white-space: nowrap;
	background: #e4e4e4;
	text-overflow: ellipsis;
	transition: all .3s ease;
}
.box-sidebar .items li a:hover,
.box-sidebar .items li a.active {
	color: white;
	background: var(--c2);
}

.entry,
.entry p {
	font-size: 16px;
}

@media screen and (max-width: 1200px){
	.box-sidebar .items li a {
		font-size: 14px;
	}
}

@media screen and (max-width: 992px){
	.box-sidebar {
		margin-bottom: 10px;
	}
	.box-sidebar .items {
		margin: auto;
		text-align: center;
		display: inline-block;
	}
	.box-sidebar .items > li {
		float: left;
		margin: 0 10px 10px 0;
	}
}

@media screen and (max-width: 767px){
	.box-content {
		padding-bottom: 30px;
	}
	.box-sidebar {
		display: none;
	}
	.toggle {
		display: block;
		margin: 20px 0;
	}
	.toggle .btn-toggle {
		width: 100%;
		color: white;
		border: none;
		height: 40px;
		padding: 10px;
		outline: none;
		font-weight: 700;
		box-shadow: none;
		text-align: left;
		border-radius: 3px;
		position: relative;
		background: var(--c1);
		-webkit-appearance: none;
	}
	.toggle .btn-toggle::after {
		top: 50%;
		right: 10px;
		font-weight: 400;
		content: '\f067';
		position: absolute;
		font-family: FontAwesome;
		transform: translate(0, -50%);
	}
	.toggle .btn-toggle.open {
		border-radius: 3px 3px 0 0;
	}
	.toggle .btn-toggle.open::after {
		content: '\f068';
	}
	.toggle .items {
		display: none;
		overflow: hidden;
		text-align: left;
		border-radius: 0 0 3px 3px;
		border: 1px solid var(--c1);
	}
	.toggle .items li {
		float: none;
	}
	.toggle .items li:not(:last-child) {
		margin: 0;
		border-bottom: 1px dashed #ddd;
	}
	.toggle .items li a {
		padding: 10px;
		border-radius: 0;
		background: white;
	}
	.toggle .items li a::before {
		content: '\f105';
		margin-right: 10px;
	}
	.toggle .items li a:hover,
	.toggle .items li a.active {
		background: none;
		color: var(--c1);
	}
}