.rating-bar {
     width: 100%;
     background: #f1f1f1;
 }

 .bar-5 {
     background: #52b286;
     height: 18px;
     width: 10%;
 }

 .stars .rated {
     color: #ffb400;

 }

 .comment .user-image {
     width: 70px;
     height: 70px;

 }

 .comment .user-image img {
     min-width: 100%;
     max-width: 100%;
     min-height: 100%;
     max-height: 10%;
     object-fit: cover;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
 }

 .user-name {
     border-top: 1px solid lightgrey;
 }

 .comment-body {
     width: 58%;
 }

 .comment-container {
     margin-top: 25px;
     padding: 15px 15px;
     border: 1px solid lightgrey;
     width: 67%;
 }

 /*.review-pan {*/
 /*    height: 705px;*/
 /*    min-height: 705px;*/
 /*    max-height: 705px;*/
 /*    overflow: scroll;*/
 /*}*/

 /* Live Lecture Backend */
 .lecture .user-image {
     width: 115px;
     height: 115px;

 }

 .lecture .user-image img {
     min-width: 100%;
     max-width: 100%;
     min-height: 100%;
     max-height: 10%;
     object-fit: cover;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
 }

 .user-name {
     border-top: 1px solid lightgrey;
 }

 .lecture-body {
     width: 100%;
 }

 .lecture-body P {
     font-size: 15px;
     margin-bottom: 10px;
 }

 .lecture-container {
     margin-top: 15px;
     padding: 10px 10px;
     padding-bottom: 25px;
     border-bottom: 2px solid lightgrey;
     width: 95%;
 }