/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
	
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	.modal-wrapper.open {
		padding: 0 50px;
	}

	.swiper-slide h2 {
		width: 90%;
	}

	.modal {
		width: 100%;
		left: 0;
		margin: 0;
		height: 100%
	}

	.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		width: 55%;
	}

	.priz-item {
		width: 47%;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768.98px) { 
	.swiper-slide-prizBlock1,
	.swiper-slide-prizBlock2,
	.swiper-slide-prizBlock3 {
		padding-bottom: 3rem
	}

	.test-start {
		width: 60%;
	}

	.swiper-slide h2 {
		width: 90%;
	}

	.test-start-form h2 {
		font-size: 25px;
	}

	.test-start-form p {
		font-size: 16px;
	}

	.start {
		padding: 15px 20px;
		line-height: 1;
		min-height: auto;
		width: 100%;
		text-align: center;
	}

	.modal {
		border: none;
	}

	.modal-wrapper.open .modal {
		margin-top: 0;
	}

	.modal {
		top: 0;
		height: 100%;
	}

	.modal-wrapper.open {
		padding: 0;
	}

	.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		width: 50%;
	}

	.content-test {
		padding: 15px;
		padding-bottom: 6px;
	}

	.content-test:before {
		left: 15px;
		width: calc(100% - 35px);
		bottom: 85px;
	}

	.swiper-slide-prizBlock2 .priz-item {
		width: 47%;
		margin-right: 15px;
	}

	.priz-item {
		width: 100%;
		margin-right: 0;
	}

	.content-test:before {
		display: none;
	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	.header-title {
		color: #000;
		background: #fff;
		width: 100%;
		box-shadow: 0 0 25 #ccc;
		padding: .5rem 1rem;
	}

	.header-title img {
		margin-right: 1rem;
	}

	.swiper-slide-prizBlock3 .priz {
		width: 100%;
	}

	.swiper-slide-prizBlock2 .priz-item {
		width: 170px;
		margin: 5px;
	}

	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
		padding: 0px 7px;
	}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		right: 135px;
	}

	.content-test:before {
		display: none;
	}

	.test-start {
		width: 100%;
		height: 100vh;
		position: relative;
		align-items: unset;
		flex-direction: column;
		padding: 0;
	}

	.test-start-form {
		padding: 1.5rem 2rem;
	}

	.wrapper {
		background-image: none;
		background: rgb(39, 61, 50)
	}

	.wrapper:before {
		content: none;
	}

	.test-start-form h2 {
		color: #fff;
	}

	.test-start-form p {
		color: #fff;
	}

	.header-title {
		display: none;
	}

	.test-start {
		justify-content: flex-start;
	}

}

@media (max-width: 399.98px) {
	.swiper-slide-prizBlock2 .priz-item {
		width: 158px;
		margin: 2.5px;
	}

	.swiper-slide-flex {
		justify-content: flex-start;
	}

	.content-test {
		padding: 10px;
	}

	input[type='checkbox']:not(.switch){
		width: 32px;
	}

	.swiper-slide.swiper-slide-active {
		height: 100%;
	}

	.swiper-container:before {
		content: '';
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 73px;
		background: #273d32;
		z-index: 2;
	}

	.counter {
		display: none;
	}

	.test-start-form {
		padding: .5rem 1rem;
	}

	.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		width: 40%;
	}

	.test-start-form h2 {
		font-size: 25px;
	}

	.swiper-slide h2 {
		width: 100%;
		font-size: 16px !important;
	}

	.swiper-slide h5 {
		font-size: 21px;
	}

	.swiper-slide-prizBlock1 .media-body h5,
	.swiper-slide-prizBlock2 .media-body h5 {
		font-size: 15px;
	}

	.final-page__lead-form {
		padding: 25px 15px 25px;
	}

	.step-fields input[type="text"], .step-fields input[type="tel"] {
		height: 45px;
	}

	.step-fields .step-fields-item-name:before, .step-fields .step-fields-item-phone:before {
		bottom: 8px;
	}

	.step-fields .step-fields-item-name-after.step-fields-item-name:after, .step-fields .step-fields-item-phone-after.step-fields-item-phone:after {
		bottom: 8px;
	}

	.step-fields button {
		font-size: 15px;
	}
} 

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 375.98px) { 
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	
}