.navbar{
    display: flex;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 20px;
}

#ForumName {

    font-size: 30px;

}

.head{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-weight: bold;
    font-size: 15px;
}

.deviceName {
    flex: 50%;
    text-align: center;
    border-radius: 10px;
    margin-right: 15px;
}

.deviceInfo{
    flex: 50%;
    text-align: center;
    border-radius: 10px;
    margin-left: 15px;
}

.tablet_img_div{
    flex: 50%;
    justify-content: center;
    text-align: center;
}

#tablet_img
{
    max-height: 350px;
}

.review{
     flex: 50%;
     
}

.imgAndReview{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-top: 5px;
}

.comment_body {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
} 

.advertisement
{
    display: none;
}


.userInfo {
    border: solid 3px #000000;
    border-radius: 10px; 
    margin:4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.userInfo a {
    text-decoration: none;
    color: black;
}

.reviewArea {
    flex: 40%;
    padding: 5px;
    display: flex;
    flex-direction: column;
    background-color: grey;
    border-radius: 15px;
}

.reviewStars
{
    text-align: right;
    margin: 0px;
}
.reviewText{
    height: 100%;
}
.comment_body .userInfo img{
    max-width: 50px;
    max-height: 80px;
}

/* comment section */
.comment_area{
    margin-left: 50%;
    padding-right: 30px;
}


.comment_area textarea{
    width: 100%;
    min-height: 100px;
    padding: 10px;
}

input[name="username"]{
    max-width: 30%;
}



/*Star Rating*/
.submitReview{
    display: none;
}

  
input.star { display: none; }
  
   .star {
     float: right;
     margin-right: 3px;
  }
  .floatright{
      float: right;
      margin-right: 10px;
      margin-left: 10px;
  }
  
  input.star:checked  ~  label.star::after     {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
  }
  
  label.star:hover { transform: scale(1.3); }
  
  label.star:after {
    content: '\f006';
    font-family: FontAwesome;
  }

  .userRatingStars{
      transform: scale(1);
  }