@media screen and (max-width: 1199px) {
	.section-quiz {
		background: none !important;
	}
}

@media screen and (max-width: 860px) {
	.form-quiz {
		grid-template-areas:
			"info dots"
			"title title"
			"steps steps"
			"buttons buttons";
		grid-template-columns: 1fr 1fr;
	}

	.step {
		width: 100%;
		min-width: 100%;
		/*min-height: 580px;*/
	}

	.step-dots {
		grid-auto-flow: column;
		column-gap: 1em;
		margin: 1em 0 1em 0.25em;
	}

	.step-grid {
		grid-template-columns: 1fr 1fr;
		width: 100%;
		column-gap: 1em;
		row-gap: 1em;
		margin-top: 1.5em;
	}

	.step-item {
		min-height: 90px;
		padding: 0.5em;
	}

	.step-item img {
		height: 40px;
	}

	.colors-grid {
		grid-auto-flow: row;
		grid-template-columns: repeat(4, 1fr);
	}

	.circle {
		width: 10vw;
		height: 10vw;
	}

	.submit-section img {
		display: none;
	}

    .submit-section::after {
		display: none;
	}

	.buttons {
		grid-auto-flow: row;
		column-gap: 1em;
		grid-template-columns: auto 1fr;
		margin-top: 1.5em;
	}

	.back-btn {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.form-quiz {
		min-height: 0;
		row-gap: 1.5vw;

	}

	.step-info {
		font-size: 4vw;
	}

	.step-dots {
		margin: 0;
	}

	.step-grid {
		margin-top: 5vw;
		column-gap: 3vw;
		row-gap: 3vw;
		min-height: 395px;
		align-content: start;
	}
	.colors-wrapper {
		display: grid;
		min-height: 395px;
		margin-top: 5vw;
		align-items: start;
	}
	.colors-grid {
		margin-top: 0;
		padding: 6vw;
		row-gap: 5vw;
		column-gap: 5vw;
	}

	.buttons {
		margin-top: 3vw;
	}

	.next-btn {
		font-size: 4vw;
	}

	.back-btn {
		font-size: 4vw;
	}

	/*finalpage*/
	.mradio-grid {
		column-gap: 5%;
		width: 100%;
	}

	.phone-field input {
		width: 100%;
		height: 70px;
		font-size: 5vw;
		margin-top: 5vw;
	}

	.red-submit {
		font-size: 5vw;
		margin-top: 5vw;
	}

	.messengerGroup__whatsapp{
		font-size: 4.5vw;
	}

}