@media (max-width: 1139px) {
  .snd-page { gap: 24px; }
  .snd-side { flex-basis: 280px; }
}
@media (max-width: 767px) {
  body { padding: 0 11px; }
  .snd-head { margin-top: 12px; border-width: 20px 20px 0; }
  .snd-foot { margin-bottom: 12px; }
  .snd-head-in { padding: 20px 0; }
  .snd-brand { font-size: 32px; line-height: 40px; }
  .snd-menu { text-align: center; }
  .snd-menu-item { padding: 20px 16px; }
  .snd-page { display: block; padding: 20px 20px 1px; }
  .snd-main, .snd-side { max-width: none; }
  .snd-entry-title { font-size: 24px; line-height: 30px; }
  .snd-widget { padding: 20px; }
  .snd-nav-live .snd-toggle { display: block; width: 100%; padding: 16px 0; border: 0; background: none; color: #fff; font: inherit; font-size: 14px; cursor: pointer; }
  .snd-menu-folded { display: none; }
  .snd-foot { border-width: 0 20px 20px; padding: 20px 0; }
}