/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-writingReview {
  padding: 6rem 3rem;
  border: 1px solid #e2e2e2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }
  @media only screen and (max-width: 768px) {
    .cp-writingReview {
      padding: 3rem 2.5rem; } }
  .cp-writingReview .cp-star {
    border-right: 0; }
    @media only screen and (max-width: 768px) {
      .cp-writingReview .cp-star {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0 0 1rem; }
        .cp-writingReview .cp-star .lhs {
          width: 100%; }
        .cp-writingReview .cp-star .rhs {
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          margin-top: 1rem; } }
  .cp-writingReview .star-count {
    margin: 0; }
    .cp-writingReview .star-count.pl {
      padding-left: 0; }
  .cp-writingReview .sepration {
    padding: 0 1rem;
    position: relative; }
    .cp-writingReview .sepration:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 12px;
      background: #e2e2e2;
      position: absolute;
      right: 0;
      top: 2px; }
  .cp-writingReview .reviewTime {
    font-size: 1.2rem;
    color: #bd001c;
    font-family: "Gotham-Book";
    padding: 0 1rem; }
  .cp-writingReview .performanceText {
    font-size: 1.8rem;
    color: #000000;
    font-family: "Gotham-Book";
    padding: 1rem 0; }
    @media only screen and (max-width: 768px) {
      .cp-writingReview .performanceText {
        font-size: 1.6rem; } }
  .cp-writingReview .desc {
    font-size: 1.6rem;
    color: #3f4351;
    font-family: "Gotham-Book"; }
    @media only screen and (max-width: 768px) {
      .cp-writingReview .desc {
        font-size: 1.2rem;
        line-height: 20px; } }
  .cp-writingReview .proImg {
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0; }
    .cp-writingReview .proImg .imgbox {
      width: 100px;
      height: 100px;
      margin-right: 1rem; }
      @media only screen and (max-width: 768px) {
        .cp-writingReview .proImg .imgbox {
          width: 60px;
          height: 60px;
          margin-right: 0.5rem; } }
    .cp-writingReview .proImg img {
      width: 100px;
      height: 100px; }
      @media only screen and (max-width: 768px) {
        .cp-writingReview .proImg img {
          width: 60px;
          height: 60px; } }
  .cp-writingReview .helpfultext {
    display: inline-block;
    font-size: 1.2rem;
    color: #000000;
    padding-right: 5.8rem;
    vertical-align: top;
    padding-top: 1.5rem; }
  .cp-writingReview .helpfulitem {
    width: 85%;
    display: inline-block;
    margin-top: 1rem; }
  .cp-writingReview .helpfulList {
    width: auto;
    padding: 0 1rem;
    display: inline-block;
    position: relative; }
    .cp-writingReview .helpfulList:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 12px;
      background: #e2e2e2;
      position: absolute;
      right: 0;
      top: 9px; }
    .cp-writingReview .helpfulList span {
      display: inline-block;
      font-size: 1.2rem;
      vertical-align: top;
      padding-top: 0.5rem; }
    .cp-writingReview .helpfulList img {
      width: 18px;
      height: 18px;
      display: inline-block;
      margin-top: 0.7rem; }
    .cp-writingReview .helpfulList:last-child:after {
      display: none; }

@media only screen and (max-width: 768px) {
  .break-text {
    display: block; } }