@media screen and (max-width: 991px) {
  .comments article.comment > * {
    padding-left: 24px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  body .comment .comment__content form textarea {
    line-height: 1.4;
    font-size: 12px;
    padding: 1px 7px 7px;
    height: 30px;
    min-height: 30px;
    display: flex;
    align-items: center;
    padding-top: 5px;
  }
  body .comment.comment-form__wrapper .comment__avatar img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }
  body .comment.comment-form__wrapper .comment__avatar {
    padding-right: 12px;
    width: 42px !important;
    min-width: 42px !important;
  }
  .comment .comment-comment-form .mentions-input textarea.form-textarea,
  .comment .comment-comment-form .mentions-input .highlighter {
    height: 30px !important;
  }
  /* .comment .comment__actions { */
  /* top: 20px !important; */
  /* } */
}
@media screen and (max-width: 767px) {
  .activity-stream-post-block .activity-post-bottom_fields-wrapper .form-item input,
  .quicktab-activity-stream .stream-list-item .media .metainfo__content,
  .quicktab-activity-stream .stream-comment-item .comment .commentinfo__content {
    width: 100%;
  }
  .comment .comment__text .vote-widget {
    width: auto;
    padding-left: 6px !important;
    margin-left: 6px !important;
  }
  body .quicktab-activity-stream .stream-list-item .card-top-section,
  body .like-and-dislike-section,
  body .stream-comment-item .comment-comment-form,
  body .comment .comment-header-section,
  body .comment__content {
    padding: 12px !important;
  }
  body .like-and-dislike-section {
    padding-top: 34px !important;
  }
  body .stream-comment-item .comment__content {
    padding-top: 0 !important;
  }
  /* body .comments{
      padding: 12px !important;
    } */
  body .comment .comment__actions {
    /* top: 7px; */
    top: 13px;
    /* right: 12px; */
    right: 7px;
  }
  body .stream-comment-item {
    /* margin-bottom: 27px; */
    margin-bottom: 12px;
  }
  /* .stream-comment-item .comment-form__wrapper { */
  body .comment-form__wrapper {
    padding: 12px;
  }
  .comment-comment-form .form-group.field--name-field-comment-body {
    max-width: calc(100% - 91px);
  }
  /* .comment-comment-form .form-group-inline > .field--name-field-comment-body textarea { */
  body .comment .comment__content form textarea {
    line-height: 1;
    font-size: 12px;
    padding: 1px 7px 7px;
    height: 24px;
    min-height: 24px;
    display: flex;
    align-items: center;
  }
  .comments article.comment > * {
    /* padding-left: 12px !important; */
    padding-left: 0px !important;
  }
  body .comment-form__wrapper .comment-comment-form,
  body .comment-form__wrapper .comment__content {
    padding: 0 !important;
  }
  /* body .quicktab-activity-stream .stream-comment-item .comment-form__wrapper .comment__avatar img { */
  body .comment.comment-form__wrapper .comment__avatar img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }
  body .comment.comment-form__wrapper .comment__avatar {
    width: 36px !important;
    min-width: 36px !important;
    padding-right: 12px;
  }
  /* body .quicktab-activity-stream .stream-comment-item .comment-form__wrapper .comment__avatar { */
  body .comment .comment__avatar img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
  body .comment .comment__avatar {
    padding-right: 12px;
    width: 48px !important;
    min-width: 48px !important;
  }
  body .stream-comment-item article .comment__content .comment__text .dropdown-menu > li > a {
    border-bottom: 1px solid var(--primary-color);
  }
  body .stream-comment-item article.comment,
  body .stream-comment-item article.comment:not(:first-of-type),
  body .stream-comment-item .comment-comment-form,
  body .comments .comment-comment-form,
  body .comments article.comment,
  body .comment-form__wrapper {
    /* border-top: 1px solid inherit !important; */
    border-width: 1px;
  }

  /* 27-11-24 Task #383314 & Task #383312 */
  .path-highlight-event .comment-form__wrapper,
  .stream-comment-item .section-title {
    padding: 12px 0;
  }
  /* .path-highlight-event .form-actions input.button { */
  /* line-height: 10px; */
  /* line-height: 15px; 02-12-2024 */
  /* } */
  .comment .form-actions input.button {
    line-height: 15px;
  }
  .path-highlight-event .comment-form__wrapper {
    padding: 12px 12px 0 !important;
  }

  /* .path-highlight-event .badge--large { */
  /* line-height: 17px; */
  /* } */
  .path-highlight-event .content-middle-section {
    padding-bottom: 18px;
  }
  .comment .comment__text .field--name-field-comment-body {
    font-size: 15px;
    line-height: 18px;
    /* line-height: 19px; */
    margin-bottom: 35px !important;
  }
  body .comment .comment-comment-form .mentions-input textarea.form-textarea,
  body .comment .comment-comment-form .mentions-input .highlighter {
    border-radius: 24px;
    height: 24px;
  }
  .comment .form-actions input.button {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 81px;
  }
  body.enhanced-detail-page .comment .comment__actions {
    top: 21px;
  }
  .comment .comment-comment-form .mentions-input textarea.form-textarea,
  .comment .comment-comment-form .mentions-input .highlighter {
    border: 1px solid #d9d9d9 !important;
  }
  .path-comment.custom_backend_edits .comment.comment-form__wrapper {
    border-radius: 12px;
  }
  .stream-comment-item .comment__actions .links {
    border-radius: 12px;
  }
  /* 19-08-25 */
  body .comment-comment-form > .form-group-inline {
    flex-wrap: nowrap;
  }
}

@media (max-width: 992px) {
  .comments {
    margin-bottom: 0;
    margin-left: 85px !important;
  }
  .comments article.comment::before {
    left: -40px;
  }
}
@media (max-width: 767px) {
  .comments {
    margin-bottom: 0;
    margin-left: 56px !important;
    /* margin-left: 40px !important; */
  }
  .comments article.comment::before {
    /* background-size: 30px !important; */
    background-size: 25px !important;
    left: -40px;
    /* left: -28px; */
    top: 7px;
  }
  .stream-comment-item {
    border-radius: 0px 0px 12px 12px;
  }
  .comment .comment__metadata {
    padding-right: 20px;
  }
  .comment .comment__actions button {
    height: 18px;
    width: 18px;
  }
  .comment .comment__actions button svg {
    background-size: 9px !important;
  }
}
@media (max-width: 365px) {
  .comments {
    margin-left: 40px !important;
  }
}

/* new */
@media (max-width: 599px) {
  body .comment-comment-form > .form-group-inline {
    -webkit-box-pack: start;
    -ms-flex-pack: end;
    justify-content: flex-start;
    display: flex;
  }
  body .comment-form__wrapper .form-actions {
    margin-left: 12px !important;
  }
}