/* ==========================================================================
   Probit LLC — Responsive
   ========================================================================== */

@media (max-width: 1200px) {
	.services__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.projects__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.site-footer__inner {
		gap: 32px;
	}
}

@media (max-width: 992px) {
	/* Hero responsive rules in blocks/hero/style.css */

	.site-nav {
		display: none;
	}

	.site-header__actions .btn {
		display: none;
	}

	.mobile-menu-toggle {
		display: flex;
	}
}

@media (max-width: 768px) {
	.section {
		padding: 56px 0;
	}

	.section-title {
		font-size: 1.75rem;
	}

	/* Hero responsive rules in blocks/hero/style.css */

	.services__grid,
	.projects__grid {
		grid-template-columns: 1fr;
	}

	.site-footer {
		padding: 48px 0;
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
		gap: 28px;
		text-align: center;
	}

	.site-footer__brand {
		max-width: none;
		align-items: center;
	}

	.site-footer__divider {
		height: 1px;
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
	}

	.site-footer__divider-line {
		width: 100%;
		height: 1px;
		background: linear-gradient(
			to right,
			transparent,
			rgba(59, 111, 255, 0.55) 20%,
			rgba(59, 111, 255, 0.55) 80%,
			transparent
		);
	}

	.site-footer__copyright {
		text-align: center;
		white-space: normal;
	}

	.site-main--services .services__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.container {
		padding: 0 16px;
	}

	.section-title {
		font-size: 1.5rem;
	}

	/* Hero responsive rules in blocks/hero/style.css */
}