@media screen and (min-width: 2000px) {
	body:has(main.page-quiz) main.page-quiz {
		height: 65vh;
	}
	.quiz-quetsion__img img {
		height: 100%;
		object-fit: cover;
		transform: translateX(-45px);
	}
}

@media screen and (max-width: 1650px) {
	.page-quiz {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.quiz-container {
		width: 1200px;
	}
	.header__last-logo {
		display: none;
	}
	.quiz-header__link {
		cursor: pointer;
		display: flex;
		font-size: 14px;
		padding: 8px 15px;
	}
	.quiz-start__h1,
	.quiz-start__h1 span {
		font-size: 40px;
	}
	.quiz-start__sub span {
		font-size: 16px;
	}
	.quiz-start__r-img img {
		transform: translateX(150px);
	}
	.quiz-start__r {
		padding: 30px;
	}
	.quiz-start__r-title {
		font-size: 24px;
	}
	.quiz-start__r-content {
		gap: 20px;
	}
	.footer_center {
		flex-wrap: wrap;
	}
	.quiz-start__l {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.quiz-block__answer {
		font-size: 16px;
		padding: 12px 20px;
		padding-left: 45px;
	}
	.quiz-quetsion__self {
		max-width: 200px;
		font-size: 24px;
	}
	.quiz-quetsion__img {
		transform: translateX(-50px);
	}
	.quiz-quetsion__num {
		font-size: 90px;
	}
	.quiz-last__title {
		font-size: 30px;
	}
	.quiz-start__r-block span {
		font-size: 16px;
	}
	.footer_bottom {
		justify-content: center;
	}
}

@media screen and (max-width: 1480px) {
	body:has(main.page-quiz) main.page-quiz {
		height: 550px;
	}
	.quiz-start__h1,
	.quiz-start__h1 span {
		font-size: 30px;
	}
	.quiz__bar {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 1220px) {
	.quiz-container {
		width: 1024px;
	}
	.footer__inner {
		padding: 30px 0px;
	}
	.quiz-start__sub {
		gap: 10px;
	}
	.quiz-start__contact-text,
	.quiz-start__contact-text span {
		font-size: 16px;
	}
	.quiz-def-btn {
		font-size: 16px;
		padding: 15px 20px;
	}
	.quiz-start__buttons {
		margin-top: 15px;
	}
	/* body:has(main.page-quiz) main.page-quiz {
		height: 650px;
	} */
	.quiz-quetsion__self {
		max-width: 175px;
		padding-right: 0px;
	}
	.quiz-start__r-block {
		padding: 12px 20px;
	}
	.quiz-start__contact-text {
		max-width: none;
	}
	.quiz-block__answer {
		padding: 12px 20px;
		padding-left: 45px;
	}
	.quiz-block__answer::after,
	.quiz-block__answer::before {
		width: 15px;
		height: 15px;
	}
	.quiz__nav-btn {
		padding: 10px;
	}
	.quiz-quetsion__img {
		max-width: 60%;
		transform: none;
	}
	.quiz-quetsion__img img {
		height: 100%;
		object-fit: cover;
		object-position: right;
	}
	.quiz-last .quiz-quetsion__img {
		height: 75%;
	}
	.quiz-last .quiz-quetsion__img {
		max-width: 80%;
	}
	.footer_center {
		margin-top: 20px;
	}
	.quiz-last__title {
		font-size: 24px;
	}
	.quiz-def-btn--bordered span {
		font-size: 16px;
	}
}

@media screen and (max-width: 1044px) {
	.quiz-container {
		width: 800px;
	}
	.mobile-header {
		display: block;
	}
	.header__burger {
		display: flex;
	}
	.quiz-header__nav {
		display: none;
	}
	.mobile-header .quiz-header__nav {
		display: flex;
	}
	header.header {
		position: relative;
		z-index: 20;
	}
	.quiz-start__l {
		display: contents;
	}
	.quiz-start__inner {
		display: flex;
		flex-direction: column;
	}
	.quiz-start__lb {
		order: 3;
	}
	.quiz__half-l {
		display: none;
	}
	.quiz-block__m-title {
		display: flex;
	}
	.quiz__inner {
		grid-template-columns: 1fr;
	}
	.footer_center {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}
	.footer_bottom {
		justify-content: flex-start;
	}
	body:has(main.page-quiz) main.page-quiz {
		height: 700px;
		margin-block: 20px;
	}
	.quiz-start__r {
		height: fit-content;
	}
	.quiz-start__contact-text {
		max-width: 330px;
	}

	.quiz-start__r-img img {
		transform: none;
	}
	.quiz-header__link {
		font-size: 18px;
	}

	.manager-contact_title {
		font-size: 40px;
		margin-bottom: 30px;
	}
	.manager-contact_btns {
		margin-bottom: 30px;
	}
	.manager-contact_descr {
		font-size: 24px;
	}
	.manager-contact_text {
		font-size: 16px;
	}
}

@media screen and (max-width: 800px) {
	.quiz-start__lb {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}
	.quiz-container {
		width: 100%;
	}
	.footer-social {
		flex-wrap: wrap;
	}
	.quiz-start__buttons,
	.footer-btns {
		flex-wrap: wrap;
	}
	.quiz-start__sub span {
		font-size: 14px;
	}
	.quiz-start__sub {
		margin-top: 15px;
	}
	.quiz-start__contact-text {
		max-width: 100%;
	}
	.quiz-start__r-title {
		font-size: 20px;
	}
	.quiz-start__r {
		padding: 20px 15px;
	}
	.quiz-start__r-block span {
		font-size: 14px;
	}
	.quiz-start__r-block svg {
		width: 20px;
		height: 20px;
	}
	.quiz-last__from-wrap form p button {
		margin-top: 20px;
	}
	.quiz-last__from-wrap {
		margin-top: 30px;
	}
	.quiz-start__buttons {
		margin-top: 0px;
		gap: 10px;
	}
	.manager-contact_btns {
		flex-direction: column-reverse;
		gap: 10px;
	}
	.quiz-def-btn--bordered svg {
		width: 20px;
		height: 20px;
	}
	.quiz-def-btn--bordered {
		gap: 5px;
	}
}

@media screen and (max-width: 550px) {
	.footer-contacts {
		flex-direction: column;
		gap: 10px;
	}
	.quiz-block__m-title p {
		font-size: 16px;
	}
	.quiz-start__contact {
		gap: 10px;
	}
	.quiz-block__m-title span {
		font-size: 60px;
	}
	.quiz-start__h1,
	.quiz-start__h1 span {
		font-size: 30px;
	}
	body:has(main.page-quiz) main.page-quiz {
		height: 700px;
	}
	.footer_bottom {
		flex-direction: column;
		gap: 10px;
	}
	.quiz-last__title {
		font-size: 20px;
	}
}