@charset "utf-8";

input[name="phone2"] { width: 100%; }

.nachat { font-weight: 700; padding: 0px 10px; background: rgb(255, 255, 255); border-radius: 10px; margin: 10px auto 0px; display: flex; justify-content: flex-start; align-items: center; }

.nachat img { width: 100%; max-width: 50px; margin-right: 10px; }

.nachat p { padding: 10px 0px; color: rgb(0, 0, 0); font-size: 13px !important; line-height: 18px !important; }

.photo-com { width: 100%; margin: 0px auto; display: flex; }

@media (max-width: 450px) {
  .photo-com { width: 100%; }
}

.phonesc { width: 40%; display: flex; margin: 0px auto; }

@media (max-width: 450px) {
  .phonesc { width: 70%; }
}

.item-comment { margin: 10px; }

.item-comment::after { content: ""; border-bottom: 1px solid gray; width: 100%; display: block; padding-bottom: 10px; }

.item-comment .avatar { padding-right: 15px; float: left; }

.item-comment .comment-description { margin-bottom: 10px; height: min-content; float: none; padding-left: 70px; }

.item-comment .comment-description .name { text-decoration: none; color: rgb(102, 102, 102); font-weight: 600; }

.item-comment .comment-description p { margin: 0px; padding: 0px; }

.comment-to-comment { margin-left: 80px; }

.name { color: rgb(0, 0, 0) !important; }

.item-comment .avatar img { border-radius: 50%; width: 50px; height: 50px; }

@media screen and (max-width: 576px) {
  .comment-description p { line-height: normal !important; }
  .comment-to-comment { margin-left: 20px !important; }
}