.rating-mark-box {float: left;width: 360px;}
.rate-wrapper {float: left;width: 100%; margin-bottom:10px;}
.rating-bar-label {float: left;width: 60px;text-align: left;font-size: 15px;color: #666;}
.rating-bar-container {float: left;vertical-align: middle;margin: 0 10px;width: 220px;}
.rating-bar {width: 100%;display: inline-block;height: 10px;background-color: #a7a7a7;border-radius: 99em;overflow: hidden;}
.rating-bar-fill {background-color: red;display: inline-block;height: 11px;vertical-align: top;border-radius: 99em;}
ol.items.review-items {float: left;width: 100%;padding-top: 0px;border-top: 1px #ddd solid;margin-top: 30px;}
.review-image-wrapper {width: 150px;border: 1px #ddd solid;padding: 4px;}
.review-items h5 {margin: 5px 0;}
ol.items.review-items .review-title {margin: 0 0 7px;}
.review-toolbar{width:100%; float: left}
.helpful {background-color: green;font-weight: bold;color: #fff;padding: 4px 14px;border-radius: 4px;}
.unhelpful {background-color: red;font-weight: bold;color: #fff;padding: 4px 14px;border-radius: 4px; margin-left:4px;}

.helpful:hover, .unhelpful:hover{color:#fff;}
.review-image-wrapper {width: 150px;border: 1px #ddd solid;padding: 4px;float: left;margin-right: 20px;}
.content-wrapper {float: left;width: calc(100% - 200px);}
.review-actions {float: left;width: 100%;margin-top: 20px;}
.report-abuse {float: left;width: 100%;margin-top: 6px;}
.comment_content {
    padding-top: 10px;
    clear: both;
    background-color: #f4f4f4;
    padding: 20px;
    margin-bottom:10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
   color:#777; font-size: 0.9em; font-style: italic;
}
.review-button {float: right;margin-top: 40px;}
.review-form-actions {margin-top: 10px;}
.block.review-add {float: left;width: 100%;}
.review-content {margin-bottom: 20px;clear: both; padding-top:10px;}
.rating-mark {display: inline-block;vertical-align: middle;margin-left: 10px;}
.rating-stat{display: inline-block;vertical-align: middle;margin-left: 8px;}
.review-ratings .rating-label{padding-right:5px;}

span.review-verified {
    color: green;
    font-weight: bold;
}

.review-details {
    float: left;
    margin-right: 10px;
}




.review-helpful-summary {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.review-form .label {
    color: #333;
    font-size: 14px;
    font-weight: 400 !important;
    padding: 0;
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 4px;
}
.fieldset .review-field-ratings>.label {
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0;
    padding-bottom: 10px;
    border-radius: 0;
}
.rating-name {
    float: left;
    padding-bottom: 10px;
    width: 100%;
    margin-top: 9px;
    margin-left: 220px;
}


@media screen and (max-width:767px){
    .review-button {float: right;margin-top: 20px;width: 100%;text-align: center;border-top: 1px #ddd solid;padding-top: 20px;}
    ol.items.review-items{margin-top:20px;}
    .review-details{width:100%;}
    .review-ratings .rating-label {padding-right: 9px;color: #333;vertical-align: middle;}
     ol.items.review-items .label{color:#333}

     .columns{display: block;flex-wrap:inherit;}
     .rating-bar-container{width: 170px;}
     .rating-mark-box{width:100%;}

}

@media screen and (max-width:359px){
    .unhelpful, .helpful{padding: 3px 8px; font-size:12px; font-weight:600;}
    .review-image-wrapper{width:120px;}
    .content-wrapper {float: left;width: calc(100% - 140px);}
    .product.data.items>.item.content{overflow-x: hidden;}
}