/* Responsive rules for TSA Marine theme */

@media (max-width: 1024px) {
	.services-grid, .why-grid, .testimonials-grid, .post-grid, .projects-grid { grid-template-columns: repeat(2, 1fr); }
	.industries-grid { grid-template-columns: repeat(3, 1fr); }
	.stats-grid { grid-template-columns: repeat(2, 1fr); }
	.footer-widgets { grid-template-columns: 1fr 1fr; }
	.content-with-sidebar { grid-template-columns: 1fr; }
	.grid-2 { grid-template-columns: 1fr; gap: 32px; }
	.values-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 782px) {
	.section { padding: 60px 0; }
	.hero { padding: 80px 0 90px; }
	.tsa-topbar__inner { flex-direction: column; gap: 8px; padding: 8px 0; }
	.tsa-topbar__info { justify-content: center; }
	.hide-sm { display: none !important; }

	.menu-toggle { display: inline-flex; }
	.main-navigation { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-top: 1px solid var(--tsa-border); box-shadow: var(--tsa-shadow); display: none; }
	.main-navigation.is-open { display: block; }
	.main-navigation ul { flex-direction: column; align-items: stretch; padding: 12px; gap: 2px; }
	.main-navigation .sub-menu { position: static; box-shadow: none; padding-left: 16px; display: block; }

	.services-grid, .why-grid, .testimonials-grid, .post-grid, .projects-grid { grid-template-columns: 1fr; }
	.industries-grid { grid-template-columns: repeat(2, 1fr); }
	.stats-grid { grid-template-columns: repeat(2, 1fr); }
	.footer-widgets { grid-template-columns: 1fr; padding: 40px 20px; gap: 28px; }
	.form-row { grid-template-columns: 1fr; }
	.values-grid { grid-template-columns: 1fr; }
	.profile-table th { width: 160px; }
	.hide-md { display: none !important; }
}

@media (max-width: 480px) {
	h1 { font-size: 1.8rem; }
	h2 { font-size: 1.5rem; }
	.industries-grid { grid-template-columns: 1fr; }
	.stats-grid { grid-template-columns: 1fr; }
	.hero__badges { flex-direction: column; gap: 10px; }
}
