/* Feature workspace mobile overrides only. */

@media (max-width: 768px) {
  .pgd-page-feature {
    padding: 0 14px 24px !important;
  }

  .pgd-page-feature .pgd-demo-layout.main-wrap {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .pgd-page-feature .main-content {
    order: 1 !important;
  }

  .pgd-page-feature .left-sb {
    order: 2 !important;
  }

  .pgd-page-feature .right-sb {
    order: 3 !important;
  }
}

@media (max-width: 700px) {
  .pgd-page-feature {
    padding: 0 10px 20px !important;
  }

  .pgd-page-feature .pgd-workspace-board {
    padding: 12px !important;
  }

  .pgd-page-feature .pgd-feature-list-row {
    padding: 12px !important;
  }
}

@media (max-width: 620px) {
  .pgd-page-feature .left-sb,
  .pgd-page-feature .right-sb {
    display: none !important;
  }
}