@media screen and (max-width: 800px) {
  .comment_area {
    width: 95%;
    gap: 17px;
  }
  .comment_txt_area p {
    font-size: 15px;
  }
}
@media screen and (max-width: 700px) {
  .return_btn {
    font-size: 15px;
  }
  .sf_y_icon_comment {
    top: 37%;
    width: 14px;
    height: 14px;
  }
  .comment_txt_area p {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .comment_section{
    margin-top: 70px;
}

  .comment_area {
    width: 97%;
    gap: 12px;
  }
  .comment_txt_area {
    padding: 17px 11px;
  }
}
@media screen and (max-width: 500px) {
  .comment_section{
    margin-top: 64px;
}
  .comment_container img {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
  }
  .comment_txt_area p {
    font-size: 12px;
  }
  .comment_name {
    font-size: 11px;
  }
  .comment_txt_area {
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
  }
  .return_btn {
    width: 45%;
  }
  .comment_txt_area p {
    padding-bottom: 3px;
  }
  .comment_read_more {
    padding-top: 10px;
  }
  .comment_modal {
    width: 84%;
  }
  .comment_modal img {
    width: 100%;
  }
  .comment_modal_txt {
    font-size: 13px;
  }
}
@media screen and (max-width: 400px) {
  .comment_name {
    font-size: 9px;
  }
  .comment_modal {
    width: 92%;
    max-height: 70vh;
    overflow-x: auto;
  }
  .comment_modal_txt_area {
    padding: 20px 15px;
  }
  .return_btn_modal {
    padding: 8px 24px;
    font-size: 10px;
}
.comment_name_modal {
  font-size: 11px;
}
}