@media all and (max-width: 1199px) {
	.solar-giveaway {
		padding: 200px 0;
	}
	.question-section {
		padding: 200px 0;
	}
	.question-content {
		border-bottom: 32px solid #C3DEF1;
	}
	.questionOne-load::after, .questionTwo-load::before, .questionThree-load::after, .questionFour-load::before, .questionFive-load::after, .questionSix-load::before, .questionSeven-load::after, .lastQuestion-load::before {
		height: 32px;
		bottom: -32px;;
	}
	.questionOne-load::after {
		width: 12.5%;
		left: -1px;
	}
	.questionTwo-load::before {
		width: 12.5%;
		left: 60px;
	}
	.questionThree-load::after {
		width: 12.5%;
		left: 120px;
	}
	.questionFour-load::before {
		width: 12.5%;
		left: 181px;
	}
	.questionFive-load::after {
		width: 12.5%;
		left: 242px;
	}
	.questionSix-load::before {
		width: 12.5%;
		left: 303px;
	}
	.questionSeven-load::after {
		width: 12.5%;
		left: 364px;
	}
	.lastQuestion-load::before {
		width: 12.5%;
		left: 425px;
	}


}


@media all and (max-width: 991px) {
	h1 {
		font-size: 120px;
	}
	.solar-giveaway {
		padding: 150px 0;
	}
	.solar-giveaway-text h2 {
		font-size: 45px;
		margin-bottom: 10px;
	}
	.question-section {
		background-size: cover;
	}
	.thankYou-section {
		padding: 100px 0;
	}
	.thankYou-content h1 {
		font-size: 80px;
		line-height: 100px;
	}
	.text-message-heading h2 {
		margin-bottom: 70px;
	}
	.but-wait-heading h2 {
		font-size: 40px;
		margin-bottom: 15px;
		line-height: 40px;
	}
	.another-chance-heading h2 {
		font-size: 41px;
	}
	.another-chance-heading h2::before,.another-chance-heading h2::after {
		width: 40px;
		height: 42px;
	}
	.thankYou-button a {
		font-size: 26px;
	}

}


@media all and (max-width: 767px) {
	.solar-giveaway {
		background: url(../images/mobileBanner.png);
		background-size: cover;
	}
	.thankYou-section{
		background: none;
	}
	.question-content {
		width: 100%;
		margin-left: inherit;
	}
	.question-section {
		padding: 150px 0;
	}
	.lastQuestion-heading-two h2 {
		padding-top: 25px;
		padding-bottom: 10px;
		font-size: 30px;
		line-height: 40px;
	}
	.thankYou-content h1 {
		font-size: 70px;
		line-height: 80px;
	}
	.text-message-heading h2 {
		font-size: 28px;
		margin-top: 50px;
		margin-bottom: 60px;
	}
	.text-message-heading::before,.text-message-heading::after {
		width: 315px;
		left: 48%;
	}
	.text-message-heading::before {
		bottom: -10px;
	}
	.text-message-heading::after {
		top: -10px;
	} 
	.text-message-heading h2::after {
		width: 32px;
		height: 30px;
		left: 68%;
		display: none;
	}
	.but-wait-heading h2 {
		font-size: 38px;
		line-height: 30px;
	}
	.another-chance-heading h2 {
		font-size: 35px;
	}
	.another-chance-heading h2::before, .another-chance-heading h2::after {
		top: 7px;
		display: none;
	}
	.thankyou-last-text h3 {
		font-size: 25px;
	}
	.thankYou-button a {
		font-size: 22px;
	}
	.lastQuestion-load::before {
		width: 16.5%;
	}

	.winbx{
	  display: block;
	  text-align: center;
	  margin-top: 20px;
	}
	.winbx img{
	  width: 80%;
	}
}


@media all and (max-width: 575px) {
	h1 {
		font-size: 110px;
		line-height: 115px;
	}
	p {
		line-height: 32px;
	}
	.solar-giveaway {
		padding: 80px 0;
	}
	.solar-giveaway-text h2 {
		font-size: 40px;
	}
	.solar-giveway-btn button {
		margin-top: 40px;
	}
	.question-heading h1 {
		font-size: 38px;
		padding: 8px 0;
	}
	.question-button a {
		font-size: 25px;
		width: 86%;
	}
	.question-button.lastQuestion input[type="submit"] {
		margin: 35px 0;
	}
	.thankYou-section {
		background-size: cover;
		background-position-x: 90%;
	}
	.thankYou-content h1 {
		font-size: 62px;
	}
	.thankYou-button a {
		font-size: 20px;
		padding: 10px 68px 10px 35px;
	}
	.thankYou-button a::after {
		width: 30px;
		height: 30px;
		right: 34px;
		top: 11px;
	}
	.text-message-heading::before, .text-message-heading::after {
		width: 300px;
		left: 46%;
	}
	.question-content {
		border-bottom: inherit;
	}
	.questionOne-load::after, .questionTwo-load::before, .questionThree-load::after, .questionFour-load::before, .questionFive-load::after, .questionSix-load::before, .questionSeven-load::after, .lastQuestion-load::before {
		display: none;
	}


}


@media all and (max-width: 450px) {
	h1 {
		font-size: 90px;
		line-height: 100px;
	}
	p {
		font-size: 18px;
		line-height: 28px;
	}
	.solar-giveaway {
		padding: 50px 0;
	}
	.solar-giveaway-text h2 {
		font-size: 35px;
	}
	.solar-giveway-btn button {
		margin-top: 30px;
		font-size: 20px;
	}
	.question-section {
		padding: 80px 0;
	}
	.question-section {
		padding: 80px 0;
	}
	.question-heading h1 {
		font-size: 34px;
	}
	.questionOne-heading-two h2 {
		margin-top: 25px;
		margin-bottom: 15px;
		font-size: 25px;
	}
	.question-button.questionTwo a {
		font-size: 20px;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.lastQuestion-heading-two h2, .questionSeven-heading-two h2, .questionTwo-heading-two h2,.questionSix-heading-two h2  {
		padding-top: 20px;
		font-size: 22px;
		line-height: 32px;
	}
	.questionSix-heading-two h2 br,.questionTwo-heading-two h2 br {
		display: none;
	}
	.lastQuestion-heading-two p {
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 25px;
	}
	.question-button.lastQuestion input[type="submit"]{
		margin: 35px 0;
		font-size: 20px;
	}
	.lastQuestion-form form input {
		padding: 8px 15px;
	}
	.name-form::after,.email-form::after {
		right: 35px;
	}
	.phone-form::after {
		right: 37px;
	}
	.adress-form::after {
		right: 35px;
	}
	.lastQuestion-form form input::placeholder {
		font-size: 15px;
	}
	.question-select input[type="radio"]:checked + label, .question-select input[type="radio"]:not(:checked) + label {
		padding-left: 48px;
	}
	.question-select input[type="radio"]:checked + label::before, .question-select input[type="radio"]:not(:checked) + label::before {
		left: 8px;
	}
	.question-select input[type="radio"]:checked + label::after, .question-select input[type="radio"]:not(:checked) + label::after {
		left: 9px;
	}
	.thankYou-section {
		padding: 60px 0;
	}
	.thankYou-content h1 {
		font-size: 44px;
		line-height: 50px;
	}
	.text-message-heading h2 {
		font-size: 22px;
		margin-top: 40px;
		margin-bottom: 50px;
	}
	.text-message-heading::before, .text-message-heading::after {
		width: 245px;
		left: 46%;
		height: 4px;
	}
	.but-wait-heading h2 {
		font-size: 30px;
		line-height: 15px;
	}
	.text-message-heading h2::after {
		width: 25px;
		height: 22px;
		left: 73%;
	}
	.another-chance-heading h2 {
		font-size: 28px;
	}
	.another-chance-heading h2::before, .another-chance-heading h2::after {
		width: 30px;
		height: 32px;
		top: 5px;
	}
	.thankyou-last-text h3 {
		font-size: 22px;
	}
	.thankyou-last-text p {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 30px;
	}
	.thankYou-button a {
		font-size: 14px;
		padding: 10px 45px 10px 22px;
	}
	.thankYou-button a::after {
		width: 22px;
		height: 25px;
		right: 17px;
		top: 9px;
	}
	.question-button button, .question-button.lastQuestion input[type="submit"] {
		font-size: 20px;
	}
	
}

