@media (max-width: 768px) {
  .site-footer .footer-grid,
  footer .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .site-footer .footer-col,
  footer .footer-col,
  .site-footer .footer-brand-block,
  footer .footer-about,
  .site-footer .footer-follow,
  footer .footer-follow,
  .site-footer .footer-office,
  footer .footer-office {
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .site-footer .footer-links,
  footer .footer-links {
    gap: 10px !important;
  }
  .site-footer .footer-bottom,
  footer .footer-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    text-align: left !important;
  }
  html[dir="rtl"] .site-footer .footer-bottom,
  html[dir="rtl"] footer .footer-bottom {
    align-items: flex-end !important;
    text-align: right !important;
  }
}