
.review-summary-container{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.review-summary-summ{
	padding-top: 8px;
}
.review-summary-detail{
	border-left: 1px solid #ccc;
	padding-left: 20px;
	display: flex;
flex-direction: column;
}

.summary-amount-rating{
	background: #f7f7f7;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right: 10px;
	font-weight: bold;
	font-size: 16px;
}

.summary-reviews-count{
	margin-right: 70px;
	color: #666;
	margin-left: 15px;
}


.summary_rating{
	margin-top: -5px;
	width: 88px;
	float: left;
	margin-right: 15px;
}
.summary_rating .bx_stars_container {
    position: relative;
    width: 88px;
    height: 30px;
    background-size: 100% 100%;
}

.summary_rating .bx_stars_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
	width:88px;
    background: url(/images/reviews/stars.png) no-repeat center;
	background-size: 88px;
}

.summary_rating .bx_stars_progres {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #f75e25;
	width:88px;
}

.reviews-count{
	display: inline-block;
	color: #999;
}
.rate-weight-container{
	display: inline-block;
	line-height: 30px;
	width: 200px;
	background:#ededed;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 12px;
	height: 6px;
}
.rate-weight{
	background: #4fad00;
	height: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
}


@media(max-width:767px){
	.review-summary-container{
		flex-direction: column;
	}
	.review-summary-summ{
		display: flex;
		justify-content: center;
		margin-bottom: 55px;
	}
	
	.summary-reviews-count{
		margin-right:0px;
	}
	
	.review-summary-detail{
		border-left: 0px;
		padding-left: 0px;
	}
	
	.review-summary-detail > div{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	
	.review-summary-detail .rate-weight-container{
		margin-top: 9px;
	}
	
	span.review-title-span{
		text-align:center;
	}
	
	.star-container{
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-top: 40px;
		margin-bottom: 50px !important;
	}
	
	.temp-div *{
		float:none;
		text-align:center;
	}
	
	
	
	
}
















































