@media (max-width: 1280px) {
.container {
max-width: 100%;
}
.footer-grid {
gap: var(--spacing-xl);
}
} @media (max-width: 1024px) {
:root {
--header-height: 76px;
} .header-nav {
display: none;
}
.header-cta {
display: none;
}
.mobile-menu-toggle {
display: flex;
}
.mobile-menu {
display: block;
} .grid-4 {
grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
.posts-grid {
grid-template-columns: repeat(2, 1fr);
}
.stats-grid {
grid-template-columns: repeat(2, 1fr);
} .content-with-sidebar {
grid-template-columns: 1fr;
}
.sidebar-sticky {
position: static;
} .footer-grid {
grid-template-columns: repeat(2, 1fr);
gap: var(--spacing-xl);
} .hero--split {
grid-template-columns: 1fr;
}
.hero-attorney-image {
display: none;
}
.hero-title {
font-size: var(--font-size-4xl);
}
.hero-page .hero-title {
font-size: var(--font-size-3xl);
} .section {
padding: 60px 0;
} h1 {
font-size: var(--font-size-3xl);
}
h2 {
font-size: var(--font-size-2xl);
}
.section-title {
font-size: var(--font-size-2xl);
}
} @media (max-width: 768px) {
:root {
--header-height: 70px;
--container-padding: 20px;
} .grid-4 {
grid-template-columns: 1fr;
}
.grid-3 {
grid-template-columns: 1fr;
}
.grid-2 {
grid-template-columns: 1fr;
}
.posts-grid {
grid-template-columns: 1fr;
} .footer-grid {
grid-template-columns: 1fr;
gap: var(--spacing-xl);
}
.footer-locations-grid {
grid-template-columns: repeat(2, 1fr);
} .footer-links li a,
.footer-links a {
padding: 12px 0;
min-height: 44px;
display: flex;
align-items: center;
}
.footer-office-phone {
display: inline-block;
padding: 10px 0;
min-height: 44px;
} .footer-cta .btn {
width: 100%;
min-height: 44px;
} .pagination .page-numbers {
min-width: 44px;
height: 44px;
} .related-links a {
padding: 14px 0;
min-height: 44px;
}
.footer-col--brand {
text-align: center;
}
.footer-logo-link {
justify-content: center;
}
.footer-bottom-inner {
text-align: center;
} .hero {
min-height: 400px;
}
.hero-title {
font-size: var(--font-size-3xl);
}
.hero-subtitle {
font-size: var(--font-size-base);
}
.hero-page {
min-height: 250px;
padding: 60px 0 var(--spacing-xl);
}
.hero-page .hero-title {
font-size: var(--font-size-2xl);
}
.hero-actions {
flex-direction: column;
align-items: stretch;
}
.hero-actions .btn {
text-align: center;
justify-content: center;
} .section {
padding: 48px 0;
}
.section-header {
margin-bottom: var(--spacing-xl);
} h1 {
font-size: var(--font-size-2xl);
}
h2 {
font-size: var(--font-size-xl);
}
h3 {
font-size: var(--font-size-lg);
}
.section-title {
font-size: var(--font-size-xl);
} .table-wrapper {
margin-left: calc(var(--container-padding) * -1);
margin-right: calc(var(--container-padding) * -1);
border-radius: 0;
border-left: none;
border-right: none;
} .content-area {
padding: 48px 0;
}
} @media (max-width: 640px) {
:root {
--header-height: 64px;
} .hero {
min-height: 350px;
}
.hero-title {
font-size: var(--font-size-2xl);
}
.hero-page .hero-title {
font-size: var(--font-size-xl);
}
.hero-label {
font-size: 0.75rem;
} h1 {
font-size: var(--font-size-xl);
}
h2 {
font-size: var(--font-size-lg);
}
.section-title {
font-size: var(--font-size-lg);
} .stats-grid {
grid-template-columns: 1fr;
}
.stat-number {
font-size: var(--font-size-3xl);
} .btn {
padding: 14px 20px;
font-size: var(--font-size-sm);
}
.btn-lg {
padding: 14px 28px;
font-size: var(--font-size-sm);
}
.btn-sm {
padding: 10px 20px;
}
.btn-ghost {
padding: 12px 16px;
} .card-body {
padding: var(--spacing-md);
}
.post-card-content {
padding: var(--spacing-md);
} .sidebar-form-card {
padding: var(--spacing-md);
} .accordion-trigger {
padding: 14px 16px;
font-size: var(--font-size-sm);
min-height: 44px;
}
.accordion-body {
padding: 0 16px 16px;
} .section {
padding: 40px 0;
} .footer-locations-grid {
grid-template-columns: 1fr;
}
.footer-main {
padding: 48px 0 var(--spacing-xl);
} .logo-full {
font-size: var(--font-size-xs);
}
.logo-initials {
font-size: var(--font-size-xl);
} .breadcrumb {
font-size: var(--font-size-xs);
}
}