@media screen and (max-width: 1680px){
	header{
		top: 60px;
		left: 120px;
	}
	.home-bg{
		padding: 370px 120px 300px;
	}
	.home-bg .img-fluid{
		width: 950px;
	}
	h3{
		font-size: 6em;
	}
	.reg{
		padding: 220px 100px 250px;
	}
	.vote{
		padding: 240px 150px 200px;
	}
	.radio-category{
		margin: 0 20px;
	}
	.reg label{
		margin-right: 20px;
	}
	.thank-you{
		padding: 350px 20px 400px;
	}
	.thank-you p{
		font-size: 6em;
	}
}
@media screen and (max-width: 1600px){
	.main-btn{
		font-size: 1.7em;
		padding: 18px 50px;
	}
	header{
		top: 40px;
		left: 80px;
	}
	.logo{
		width: 180px;
	}
	.home-bg{
		padding: 260px 80px 200px;
	}
	.home-bg .img-fluid{
		width: 900px;
	}
	.home-footer .partners{
		left: 80px;
		bottom: 20px;
	}
	.reg{
		padding: 200px 100px 150px;
	}
	h2{
		font-size: 2.5em;
	}
	h3{
		font-size: 4.5em;
	}
	form input{
		padding: 17px 20px;
	}
	form input,
	form input::placeholder,
	.reg label,
	.radio-category{
		font-size: 1.1em;
	}
	form .desktop{
		margin-top: 15px;
	}
	.radio-category{
		margin: 0 15px;
	}
	.candidate .confirm,
	.candidate .decline{
		padding: 14px 25px;
	}
	.thank-you{
		padding: 350px 20px 400px;
	}
	.thank-you p{
		font-size: 5.5em;
	}
	.partners{
		bottom: 55px;
		right: 120px;
	}
}
@media screen and (max-width: 1440px){
	body{
		font-size: 85%;
	}
	.vote form{
		margin: 30px 0;
	}
}
@media screen and (max-width: 1367px){
	.home-bg .img-fluid{
		width: 750px;
	}
	.reg{
		padding: 220px 100px 200px;
	}
	.reg form .desktop{
		margin-top: 10px;
	}
	.vote{
		padding: 240px 100px 200px;
	}
	.vote label{
		font-size: 1.8em;
		letter-spacing: 0.01em;
	}
}
@media screen and (max-width: 1280px){
	header{
		left: 50px;
	}
	.home-bg{
		padding: 260px 50px 200px;
	}
	.reg{
		padding: 220px 60px 200px;
	}
	.radio-category{
		margin: 0 0 0 10px;
	}
	.reg label{
		margin-right: 15px;
	}
	input[type="radio"] + label:before{
		width: 22px;
		height: 22px;
	}
	.vote{
		padding: 240px 50px 200px;
	}
	.home-footer .partners{
		left: 50px;
	}
}
@media screen and (max-width: 1024px){
	body{
		font-size: 75%;
	}
	.logo{
		width: 130px;
	}
	.home-bg{
		background-size: cover;
		background-position: 80%;
	}
	.home-bg .img-fluid{
		width: 650px;
	}
	.reg{
		padding: 200px 30px 200px;
	}
	.radio-category{
		margin: 0 10px;
	}
	form input{
		padding: 12px 11px;
	}
	input[type="radio"] + label:before{
		width: 20px;
		height: 20px;
	}
	form .desktop{
		margin-top: 10px;
	}
	.reg label{
		margin-right: 15px;
	}
	.candidate .confirm,
	.candidate .decline{
		padding: 10px 25px;
	}
	.thank-you{
		padding: 270px 20px 300px;
	}
	.partners{
		bottom: 40px;
		right: 40px;
	}
	.partners img{
		padding-right: 40px;
	}
}
@media screen and (max-width: 992px){
	header{
		top: 25px;
		left: 25px;
	}
	.logo{
		width: 100px;
	}
	.home-bg{
		padding: 260px 25px 200px;
	}
	.home .img-fluid{
		width: 600px;
	}
	.main-btn{
		font-size: 1.5em;
		border: 3px solid #009FE3;
	}
	.reg{
		padding: 160px 20px 200px;
	}
	.reg form .col-lg-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	form .desktop{
		display: none;
	}
	form .mobile{
		display: block;
	}
	form .mobile div{
		margin-bottom: 20px;
	}
	.radio-category{
		margin: 0 20px 0 10px;
	}
	form button{
		margin-top: 20px;
	}
	.candidate .confirm,
	.candidate .decline{
		margin-bottom: 40px;
	}
	.partners img{
		padding: 0;
	}
	.error-modal .modal-dialog{
		max-width: 80%;
	}
	.error-modal .dps{
		width: 100px;
	}
}
@media screen and (max-width: 768px){
	.home-bg{
		background-position: 68%;
		padding: 250px 20px;
	}
	main:not(.home-bg){
		background-size: contain;
	}
	.reg form .col-lg-2{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.reg{
		padding: 170px 20px 200px;
	}
	.thank-you{
		padding: 280px 20px 400px;
	}
	.home-footer .partners{
		left: 40px;
	}
	.error-modal .modal-dialog{
		max-width: 90%;
		margin: 30px auto;
	}
}
@media screen and (max-width: 580px){
	.home-bg{
		background-size: contain;
		background-position: top right;
	}
	.home-bg .img-fluid{
		width: 450px;
	}
	.vote{
		padding: 150px 10px 200px;
	}
	.error-modal .modal-body{
		padding: 80px 15px;
	}
	.error-modal .close{
		top: 10px;
		right: 20px;
	}
	.partners img{
		width: 350px;
		padding: 0;
	}
}
@media screen and (max-width: 425px){
	body{
		font-size: 70%;
	}
	.main-btn{
		padding: 15px 40px;
	}
	header{
		top: 15px;
		left: 15px;
	}
	.logo{
		width: 80px;
	}
	.home-bg{
		padding: 250px 10px 300px;
	}
	.reg{
		padding: 120px 0px 150px;
	}
	h2{
		font-size: 2em;
	}
	h3{
		font-size: 3.5em;
	}
	.vote{
		padding: 120px 10px 150px;
	}
	.thank-you{
		padding: 250px 20px 400px;
	}
	.thank-you p{
		font-size: 4em;
	}
	.partners{
		bottom: 40px;
		right: auto;
		left: 50%!important;
		transform: translateX(-50%);
	}
	.partners img{
		width: 250px;
	}
	.error-modal .modal-body{
		padding: 80px 15px 50px;
	}
	.error-modal p{
		font-size: 1.8em;
	}
	.error-modal .dps{
		width: 90px;
	}
}
@media screen and (max-width: 376px){
	.home-bg{
		padding: 250px 10px;
	}
	.vote{
		padding: 120px 0 150px;
	}
	.thank-you{
		padding: 200px 20px 350px;
	}
}
@media screen and (max-width: 320px){
	.logo{
		width: 70px;
	}
	.home-bg{
		padding: 200px 0;
	}
	.radio-category{
		margin: 0 10px 0 0;
	}
	input[type="radio"] + label:before{
		margin-right: 5px;
	}
	.thank-you{
		padding: 200px 0 300px;
	}
	.thank-you p{
		font-size: 3.5em;
	}
	.partners{
		left: 50px;
		bottom: 50px;
	}
	.error-modal p{
		font-size: 1.5em;
	}
	.error-modal .dps{
		width: 80px;
	}
}