/**
 * Home page (New Ray support home) responsive styles.
 */

@media (max-width: 992px) {
	.ray-support-home-inner {
		grid-template-columns: 1fr;
		padding: 32px 24px 0;
		gap: 16px;
	}

	.ray-support-home-search-box {
		justify-content: center;
	}

	.ray-support-home-knowledge-base-title h1 {
		font-size: 28px;
	}

	.ray-support-home-knowledge-base-title .pipe-symbol {
		height: 28px;
	}

	.ray-support-home-card-container,
	.ray-support-home-getting-first-heading {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media (max-width: 768px) {
	.hero-section-ray-support-home {
		min-height: 280px;
		padding: 40px 16px;
	}

	.hero-section-ray-support-home-search-inner {
		width: 100%;
	}

	.ray-support-home-inner {
		padding: 24px 16px 0;
	}

	.ray-support-home-card-container,
	.ray-support-home-getting-first-heading {
		padding-left: 16px;
		padding-right: 16px;
	}

	.ray-support-home-getting-first-heading h2 {
		margin-top: 32px;
	}

	.ray-support-home-category-name {
		font-size: 15px;
	}

	.ray-support-home-card-list li,
	.ray-support-home-card-list li a {
		font-size: 14px;
	}

	.ray-support-home-card-footer-button {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.ray-support-home-knowledge-base-title h1 {
		font-size: 22px;
		flex-wrap: wrap;
	}

	.ray-support-home-knowledge-base-title .pipe-symbol {
		height: 22px;
	}

	.ray-support-home-getting-first-heading h2 {
		font-size: 18px;
	}

	.ray-support-home-card-header {
		padding: 14px;
	}

	.ray-support-home-card-list {
		padding: 10px 14px;
	}
}