/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1329px) {
	.main.sect .intro .caption {
		font-size: 42px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.main.sect .intro .caption {
		font-size: 32px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	input[type="text"],
	textarea {
		font-size: 14px;
		padding: 15px 20px;
	}
	.button {
		font-size: 14px;
		padding: 15px 20px;
	}
	.button.max {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.button img {
		margin-left: 10px;
	}
	.iti__selected-dial-code {
		font-size: 24px;
	}
	.main.sect {
		background-position: top right 15%;
	}
	.main.sect .intro {
		text-align: center;
		margin-bottom: 35px;
	}
	.main.sect .intro .caption {
		font-size: 20px;
	}
	.main.sect .buttons {
		margin-top: -10px;
	}
	.main.sect .buttons .button {
		margin-top: 10px;
	}
	.steps.sect form {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.steps.sect .fields {
		margin-top: -8px;
	}
	.steps.sect .field {
		margin-top: 8px;
	}
	.steps.sect .step {
		border-radius: 15px;
		padding: 20px;
		padding-top: 30px;
	}
	.steps.sect .line {
		margin-bottom: 20px;
	}
	.steps.sect .question .caption {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.steps.sect .step .buttons {
		margin-top: 20px;
	}
	.steps.sect .step .buttons > .row > :first-child {
		margin-right: 15px;
	}
	.steps.sect .field .checkbox input[type="checkbox"] + label .num {
		display: none;
	}
	.steps.sect .field .checkbox input[type="checkbox"] + label {
		font-size: 14px;
		border-radius: 10px;
		align-items: center;
		padding: 15px;
		padding-right: 51px;
	}
	.steps.sect .line .fill .tooltip {
		font-size: 10px;
	}
	.steps.sect .field .checkbox {
		min-height: 64px;
	}
	.steps.sect .step.thanks {
		border-radius: 15px;
		padding: 15px;
		padding-top: 25px;
	}
	.steps.sect .step.thanks .intro {
		margin-bottom: 15px;
	}
	.steps.sect .step.thanks .intro .img {
		width: 32px;
		height: 32px;
		margin-bottom: 10px;
	}
	.steps.sect .step.thanks .intro .img svg {
		max-width: 12px;
	}
	.steps.sect .step.form {
		border-radius: 15px;
		padding: 15px;
		padding-top: 25px;
	}
	.steps.sect .step.form .intro .img {
		display: flex;
		width: 32px;
		height: 32px;
		margin-bottom: 10px;
	}
	.steps.sect .step.form .intro .img svg {
		max-width: 12px;
	}
	.steps.sect .step.thanks .intro .caption {
		font-size: 24px;
	}
	.steps.sect .step.thanks .intro .desc {
		font-size: 14px;
		margin-top: 10px;
	}
	.footer.sect {
		margin-top: 50px;
	}
	.footer.sect .note {
		text-align: center;
		font-size: 12px;
		margin-bottom: 10px;
	}
	.footer.sect .politics {
		font-size: 12px;
	}
	.steps.sect .step.form .intro {
		text-align: center;
		margin-bottom: 20px;
	}
	.steps.sect .step.form .intro .caption {
		font-size: 20px;
	}
	.steps.sect .step.form .intro .desc {
		font-size: 14px;
		margin-top: 10px;
	}
	.steps.sect .step.form > .bottom {
		border-radius: 10px;
		padding: 15px;
		padding-top: 20px;
	}
	.steps.sect .step.form > .bottom .note {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.steps.sect .step.form > .bottom .answer {
		margin-top: 25px;
	}
	.steps.sect .step.form .field .checkbox input[type="checkbox"] + label {
		font-size: 14px;
	}
	.steps.sect .step.form .field .checkbox input[type="checkbox"] + label svg {
		margin-right: 8px;
	}
	.main.sect .top {
		padding-bottom: 100px;
	}
	.video-background video {
	  transform: translate(-80%, -50%); /* Центрируем видео */
  	min-width: 250%;
	}
}

@media only screen and (max-width : 575px) {		

}

@media only screen and (max-width : 374px) {			

}

/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 576px) {  

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1330px) {
	.container {
		max-width: 1310px;
	}
}