@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.rating1[data-rating='0'] .rating1__item:nth-child(-n + 0):after, .rating1[data-rating='0.5'] .rating1__item:nth-child(-n + 0):after, .rating1[data-rating='1'] .rating1__item:nth-child(-n + 1):after, .rating1[data-rating='1.5'] .rating1__item:nth-child(-n + 1):after, .rating1[data-rating='2'] .rating1__item:nth-child(-n + 2):after, .rating1[data-rating='2.5'] .rating1__item:nth-child(-n + 2):after, .rating1[data-rating='3'] .rating1__item:nth-child(-n + 3):after, .rating1[data-rating='3.5'] .rating1__item:nth-child(-n + 3):after, .rating1[data-rating='4'] .rating1__item:nth-child(-n + 4):after, .rating1[data-rating='4.5'] .rating1__item:nth-child(-n + 4):after, .rating1[data-rating='5'] .rating1__item:nth-child(-n + 5):after, .rating1[data-rating='5.5'] .rating1__item:nth-child(-n + 5):after {
    content: "\f005";
}

.rating1[data-rating='0.5'] .rating1__item:nth-child(1):after, .rating1[data-rating='1.5'] .rating1__item:nth-child(2):after, .rating1[data-rating='2.5'] .rating1__item:nth-child(3):after, .rating1[data-rating='3.5'] .rating1__item:nth-child(4):after, .rating1[data-rating='4.5'] .rating1__item:nth-child(5):after, .rating1[data-rating='5.5'] .rating1__item:nth-child(6):after {
    content: "\f123";
}

.rating1 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #ffc107;
}

.rating1__item {
    font-size: 24px;
    display: block;
    font-family: FontAwesome;
}

    .rating1__item::after {
        content: '\f006 ';
    }

.avarageRating {
    float: left;
    margin-right: 30px
}

    .avarageRating .avarageText {
        font-size: 15px;
        font-weight: 700;
        float: left;
        line-height: 40px
    }

    .avarageRating .ratingCont {
        margin: 7px 7px 20px 0;
        padding: 0;
        float: left
    }
       

/*table {
    width: 310px;
}

    table .Num {
        color: grey;
        float: left
    }

    table .td {
        border-bottom: 1px solid #dedede;
        height: 26px;
        width: 240px
    }

    table .Bar {
        background: rgba(222,222,222,.5);
        float: left;
        margin: 2px 10px;
        height: 10px;
        width: 170px;
        position: relative;
        padding: 0;
        margin-top: 8px;
    }

        table .Bar span {
            background: #fec507;
            display: block;
            height: 100%;
            width: 25%;
        }

    table .td.star {
        background: #f7f7f7;
        color: #202020;
        width: 70px;
        text-align: center
    }
*/

/*
fieldset, label {
    margin: 0;
    padding: 0;
}
*/
/*body {
    margin: 20px;
}*/
/*
h1 {
    font-size: 1.5em;
    margin: 10px;
}
*/
/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: right;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #858586;
        float: right;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #F09F21;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #F09F21;
        }

.StarDiv{
    display: flex;
    height: 47px;
    width: 88%;
    margin: auto;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
}
.StarDiv label{
    /*float: left;*/
    color:#858586;  
}
@media (max-width:436px) {
    .StarDiv{
        display:grid;
        height: auto;
    }
    .CommentCart .CheckCart {
        height:auto;
    }
    .CommentCart .CheckCart label {
        padding-top: 20px;
    }
}