@media (max-width: 768px) {
  body {
    font-size: 17px;
  }

  .mf-section,
  .qcs-section {
    padding: 56px 20px;
  }

  .mf-section:first-child,
  .qcs-section:first-child {
    padding-top: 80px;
  }

  .mf-list,
  .qcs-list,
  .mf-card,
  .qcs-card,
  .mf-queue,
  .qcs-queue {
    padding: 24px 22px;
  }

  .mf-btn,
  .qcs-btn {
    width: auto;
    max-width: 100%;
  }

  .qcs-queue-row,
  .mf-queue-row {
    display: block;
  }

  .qcs-queue-label,
  .mf-queue-label,
  .qcs-queue-name,
  .mf-queue-name {
    display: block;
  }

  .qcs-queue-name,
  .mf-queue-name {
    margin-top: 2px;
  }
}