/* Responsive — GyanPoints */

@media (max-width: 900px) {
	.gpq-admin-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 768px) {
	.gpq-quiz-body {
		grid-template-columns: 1fr;
	}

	.gpq-palette {
		grid-template-columns: repeat(8, 1fr);
		max-height: 140px;
		order: 2;
	}

	.gpq-palette-wrap {
		order: 2;
	}

	.gpq-question-panel {
		order: 1;
	}

	.gpq-quiz-header {
		padding: 0.65rem 0.85rem;
		font-size: 0.9rem;
		flex-wrap: wrap;
	}

	.gpq-timer {
		font-size: 1rem;
	}

	.gpq-nav {
		justify-content: stretch;
	}

	.gpq-nav .gpq-btn {
		flex: 1 1 auto;
		min-width: 40%;
	}

	.gpq-result-score {
		font-size: 2.15rem;
	}

	.gpq-rewards-points {
		font-size: 2rem;
	}

	.gpq-palette-legend {
		justify-content: center;
	}

	.gpq-modal-box {
		margin: 0 0.5rem;
	}

	.gpq-intro-actions {
		flex-direction: column;
	}

	.gpq-intro-actions .gpq-btn {
		width: 100%;
	}

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

@media (max-width: 480px) {
	.gpq-palette {
		grid-template-columns: repeat(5, 1fr);
	}

	.gpq-card {
		padding: 1.1rem 1rem;
	}

	.gpq-nav .gpq-btn {
		min-width: 100%;
	}

	.gpq-auth-app {
		margin: 1rem auto;
	}
}