.field-rating-star {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  .rating-stars {
    width: calc(100% / 3 - 10px);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
    @media (min-width: 992px) and (max-width: 1199.98px) {
      width: calc(100%  / 2 - 10px);
    }
    @media (min-width: 768px) and (max-width: 991.98px) {
      width: calc(100% / 4 - 10px);
    }
    @media (min-width: 576px) and (max-width: 767.98px) {
      width: calc(100% / 4 - 10px);
    }
    @media (max-width: 575.98px) {
      width: calc(100%  / 2 - 10px);
    }
    h5 {
      font-size: 14px;
      margin-bottom: 5px;
    }
    ul {
      list-style-type:none;
      padding:0;
      -moz-user-select:none;
      -webkit-user-select:none;
      margin: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      li {
        margin: 0 5px 0 0;
        cursor: pointer;
        line-height: 16px;
        &.star {
          display:inline-block;
          &.hover {
            i {
              color:#FFCC36;
            }
          }
          &.selected {
            i {
              color:#FF912C;
            }

          }
          i {
            font-size:14px;
            color:#ccc;
          }
        }
      }
    }
  }
}