.review-chart {
	padding: 10px 20px 30px 10px;
	border: 3px solid #aaa;
	border-radius: 6px;
}
.review-chart-body {
	
}
.review-chart-body::after,
.review-chart-header ul::after {
	display: table;
	content: '';
	clear: both;
}
.review-chart-body .review-chart-area,
.review-chart-body .data-table {
	float: left;
}
.review-chart-body .review-chart-area {
	width: 65%;
}
.review-chart-body .data-table {
	width: 35%;
}
.review-chart-body .data-table > table {
	margin-bottom: 0;
	width: 100%;
}
.review-chart-body .data-table th,
.review-chart-body .data-table td {
	padding: 10px 6px;
}
.review-chart-body .data-table i.fa {
	font-size: 18px;
}


.review-chart-header ul {
	list-style: none;
	padding: 0;
	line-height: 1;
}
.review-chart-header ul br {
	display: none;
}
.review-chart-header ul li {
	/*float: left;*/
	margin: 0 1em 0 0;
	line-height: 2;
	display: inline-block;
}
.review-chart-header ul li::before,
.review-chart-header ul li::after {
	content: none !important;
}
.review-chart-header ul li:last-child {
	margin-right: 0;
}
.review-chart-header ul li .label {
	font-size: 18px;
	padding: 3px 8px;
	margin-right: 4px;
	border: 2px solid #aaa;
	color: #737373;
	border-radius: 4px;
}
.review-chart-header ul li .val > span {
	font-weight: bold;
}
.review-chart-header ul li .val > span,
.s i.fa {
	font-size: 24px;
}
.review-chart-header ul li .val > span.author {
	font-size: inherit;
	font-weight: normal;
}
.review-chart-header .review-chart-header-title {
	font-size: 28px;
	font-weight: bold;
	margin: 10px 0;
	line-height: 1;
}






@media (max-width: 767px) {
	.review-chart {
		padding-bottom: 10px;
	}
	.review-chart-body .review-chart-area,
	.review-chart-body .data-table {
		width: 100%;
		float: none;
	}
	.review-chart-body .review-chart-area {
		margin-bottom: 40px;
	}
	.review-chart-body .data-table table {
		display: table;
	}
	
	.review-chart-header ul {
		margin-bottom: 10px;
	}
	.review-chart-header ul li .label {
		font-size: 14px;
	}
	.review-chart-header ul li.left {
		float: left;
	}
	.review-chart-header ul li.left.first {
		margin-right: 1em;
	}
	.review-chart-header ul li .val > span,
	.s i.fa {
		font-size: inherit;
	}
	
	.review-chart-header ul li {
		float: none;
		margin: 0 0 10px 0;
		line-height: 2;
		display: block;
	}
	.review-chart-header ul li .val {
		/*display: block;*/
	}
}