@media (max-width: 768px) {
  .assistant-avatar-main {
    top: 4%;
    width: 120px;
    height: 120px;
  }

  .title {
    position: fixed;
    top: calc(4% + 120px + 10px);
    font-size: 1.3rem;
  }

  .chat-message {
    max-width: 90%;
    padding: 0.8rem;
  }

  .chat-image {
    max-width: 200px;
  }

  .botao-icone {
    height: 20px;
  }

  .message-content {
    font-size: 0.85em;
  }

  .message-content table {
    min-width: unset;
    font-size: 0.85em;
  }

  .message-content th,
  .message-content td {
    padding: 0.6em;
  }
}

@media (max-width: 1366px), (max-height: 768px) {
  .assistant-avatar-main {
    top: 6%;
    width: 140px;
    height: 140px;
  }

  .title {
    top: calc(6% + 140px + 10px);
    font-size: 1.4rem;
  }
}

@media (max-width: 768px), (max-height: 600px) {
  .assistant-avatar-main {
    top: 3%;
    width: 100px;
    height: 100px;
  }

  .title {
    top: calc(3% + 100px + 8px);
    font-size: 1.2rem;
  }
}