/* Sidebar only from md and up */
@media (max-width: 767.98px) {
  .sidebar { display: none; }
  .main-wrap { padding-bottom: 72px; } /* space for bottom nav */
}

/* Bottom nav only on mobile */
@media (min-width: 768px) {
  .bottom-nav { display: none; }
}

/* Nice container width for tablet */
@media (min-width: 992px) {
  .container-xl { max-width: 1140px; }
}