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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1329px) {
	.main.thanks.sect .info .items {
		margin-top: -35px;
	}
	.main.thanks.sect .info .item {
		margin-top: 35px;
	}
	.main.thanks.sect .info .item {
		height: auto;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	input[type="text"],
	textarea {
		font-size: 18px;
		padding-top: 13px;
		padding-bottom: 14px;
	}
	.button {
		font-size: 18px;
		padding: 20px 50px;
	}
	.button img {
		margin-left: 15px;
	}
	.main.sect {
		background-position: right -260px center;
	}
	.main.sect .intro .caption {
		font-size: 34px;
	}
	.main.sect .intro .desc {
		font-size: 28px;
	}
	.main.sect .intro .note {
		font-size: 16px;
	}
	.footer.sect {
		display: none;
	}
	.main.thanks.sect .intro {
		margin-bottom: 40px;
	}
	.main.thanks.sect .intro .caption {
		font-size: 28px;
	}
	.main.thanks.sect .info .item {
		max-width: 260px;
	}
	.main.thanks.sect .info .item .caption {
		font-size: 16px;
	}
	.steps.sect form {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.steps.sect .step {
		padding: 50px 20px 80px;
	}
	.steps.sect .step .middle {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.steps.sect .step .button {
		font-size: 16px;
		padding: 15px 30px;
	}
	.steps.sect .step .button.prev {
		width: 50px;
	}
	.steps.sect .line .fill .tooltip {
		right: -18px;
		width: 36px;
		font-size: 12px;
	}
	.steps.sect .question .caption {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.steps.sect .fields {
		margin-top: -15px;
	}
	.steps.sect .field {
		margin-top: 15px;
	}
	.steps.sect .field .checkbox input[type="checkbox"] + label {
		font-size: 16px;
		padding-left: 34px;
	}
	.steps.sect .field .note {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.steps.sect .answer {
		max-height: 40vh;
		overflow: auto;
	}
	.steps.sect .answer::-webkit-scrollbar {
		width: 6px;
		background-color: rgba(255, 255, 255, .3);
		border-radius: 4px
	}
	.steps.sect .answer::-webkit-scrollbar-thumb {
		background-color: #AEFF01;
		border-radius: 4px
	}
}

@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;
	}
}