/* 📱 EDeskNotes Mobile CSS */

@media (max-width: 600px) {

  .qa-block {
    width: 100%;
    box-sizing: border-box;
    margin: 12px 0;
    border-radius: 12px;
    overflow: hidden;
  }

  .question {
    padding: 12px 13px;
    font-size: 15px;
    line-height: 1.6;
    word-wrap: break-word;
  }

  .answer {
    padding: 13px;
    font-size: 14px;
    line-height: 1.75;
    word-wrap: break-word;
    overflow-wrap: anywhere;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
  }

  pre,
  code {
    max-width: 100%;
    overflow-x: auto;
  }

  .container,
  .content,
  main {
    max-width: 100%;
    box-sizing: border-box;
  }

}