/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
  .fsapp-body {
    grid-template-columns: 1fr;
  }

  .fsapp-sidebar {
    border-right: 0;
    border-bottom: 1px solid #e5e5e5;
  }

  .fsapp-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .fsapp-nav-link {
    flex: 1 1 180px;
  }

  .panel-header-between {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 640px) {
  .fsapp-header-inner,
  .fsapp-main,
  .fsapp-sidebar,
  .panel-header,
  .panel-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .thread-message-replies {
    margin-left: 0.75rem;
    padding-left: 0.75rem;
  }

  .thread-reply-context .card {
    flex-direction: column;
    align-items: flex-start;
  }
}