@media screen and (max-width: 1800px){
	.left-column img{
		width: 95%;
	}

	.left-column .main-text{
		padding: 65px 300px 0 50px;
	}

	.left-column .main-text h1:after{
		width: 61%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 56%;
	}
}

@media screen and (max-width: 1680px){
	.left-column .main-text h1:after{
		width: 70%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 65%;
	}

	footer{
		right: 1.5%;
	}

	.success img{
		padding-top: 0;
	}

	.success div{
		padding: 100px 220px 0 100px;
	}
}

@media screen and (max-width: 1600px){
	.left-column .main-text{
		padding: 85px 300px 0 0px;
	}

	.success div{
		padding: 100px 150px 0 80px;
	}
}

@media screen and (max-width: 1440px){
	body{
		background-image: url('../img/BG_2.png');
	}

	.left-column img{
		width: 90%;
	}

	.left-column .main-text{
		padding: 85px 200px 0 75px;
	}

	.left-column .main-text h1{
		font-size: 36px;
	}

	.left-column .main-text h1:after{
		width: 70%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 65%;
	}

	.left-column .main-text p{
		font-size: 14px;
		line-height: normal;
	}

	.form{
		padding: 50px 0 0 100px;
	}

	.form p{
		font-size: 36px;
		line-height: 42px;
	}

	.form label{
		font-size: 14px;
	}

	.form button{
		font-size: 14px;
		padding: 15px 70px;
	}

	.modal-dialog{
		max-width: 75%;
	}

	.success img{
		width: 70%;
		padding-top: 0px;
	}

	.success div{
		padding: 50px 150px 0 65px;
	}

	.success h1{
		font-size: 30px;
	}

	.success p{
		font-size: 28px;
		line-height: 40px;
	}

	.winners img{
		width: 60%;
		margin: -30px 0 30px 30px;
	}

	.winners h1{
		font-size: 24px;
		margin: 0 0 30px 80px;
	}

	.winners .winners_list{
		height: 230px;
	}

	.winners .winners_list .row{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1366px){
	body{
		padding: 55px 0 0 0;
	}

	.blue-line{
		width: 6px;
		height: 66px;
		margin-right: 50px;
	}

	.left-column{
		padding: 0 0 0 30px
	}

	.left-column .main-text{
		padding: 65px 200px 0 45px;
	}

	.left-column .main-text h1:after{
		width: 64%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 58%;
		left: -15px;
	}

	.form .form-group{
		margin-bottom: 30px;
	}

	footer ul li{
		font-size: 12px;
	}

	.success h1{
		font-size: 28px;
	}

	.success p{
		font-size: 24px;
		line-height: 30px;
	}
}

@media screen and (max-width: 1280px){
	.success img{
		padding-top: 0;
	}

	.success div{
		padding: 80px 100px 0 50px;
	}

	.winners img{
		width: 55%;
		margin: -30px 0 30px 120px;
	}

	.winners h1{
		font-size: 21px;
		margin: 0 0 15px 80px;
	}

	.winners .winners_list{
		height: 200px;
	}

	.winners p{
		font-size: 16px;
		line-height: normal;
	}
}

@media screen and (max-width: 1200px){
	.left-column .main-text{
		padding: 65px 200px 0 20px;
	}

	.left-column .main-text h1{
		font-size: 32px;
	}

	.left-column .main-text h1:after{
		width: 68%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 62%;
	}

	.form{
		padding: 30px 0 0 100px;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape){
	body{
		padding: 40px 0 0 0;
	}

	.blue-line{
		margin-right: 20px;
	}

	.left-column .main-text{
		padding: 40px 150px 0 20px;
	}

	.left-column .main-text h1{
		font-size: 24px;
	}

	.left-column .main-text h1:after{
		height: 5px;
		width: 55%;
	}

	.left-column .main-text h1:last-of-type:after{
		left: -10px;
		width: 50%;
	}

	.form{
		padding: 30px 0 0 50px;
	}

	.form p{
		font-size: 32px;
		line-height: 34px;
		margin-bottom: 30px;
	}

	.form input:not([type='checkbox']){
		height: 45px;
		width: 350px;
	}

	.form button{
		padding: 13px 60px;
	}

	.success div{
		padding: 80px 70px 0 50px;
	}
}

@media screen and (max-width: 1024px) and (orientation: portrait){
	.winners.col-lg-6{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.winners img{
		display: block;
		margin: 0 auto 100px auto;
	}

	.winners h1{
		font-size: 27px;
		margin: 0 0 30px 100px;
	}

	.winners .winners_list{
		height: 500px;
	}

	.winners .winners_list .row{
		margin-bottom: 20px;
	}

	.winners p{
		font-size: 24px;
	}

	.winners button{
		float: right;
	}
}

@media screen and (max-width: 991px) and (orientation: landscape){
	.winners img{
		display: block;
		margin: 0 auto 10px auto;
	}

	.winners h1{
		margin: 0 0 15px 0;
	}

	.winners .winners_body .blue-line{
		margin: 10px 30px 0 -45px;
	}

	.winners p{
		font-size: 14px;
	}

	.winners button{
		float: none;
		margin: 20px 0 0 20px;
	}
}

@media screen and (max-width: 991px) and (orientation: portrait){
	.winners.col-md-6{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.winners img{
		margin: 0 auto 50px auto;
	}

	.winners h1{
		font-size: 27px;
		margin: 0 0 30px 0;
	}

	.winners .winners_body .blue-line{
		margin: 10px 30px 0 0px;
	}

	.winners .winners_list{
		height: 500px;
		margin-bottom: 10px;
	}

	.winners .winners_list .row{
		margin-bottom: 20px;
	}

	.winners p{
		font-size: 22px;
	}

	.winners button{
		float: right;
	}
}

@media screen and (max-width: 800px){
	.left-column{
		padding:  0 0 0 15px;
	}

	.left-column img{
		padding-top: 40px;
	}

	.left-column .main-text{
		padding: 80px 120px 0 0;
	}

	.left-column .main-text h1{
		font-size: 18px;
	}

	.left-column .main-text h1:after{
		width: 49%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 46%;
	}

	.left-column .main-text p{
		font-size: 12px;
	}

	.form p{
		font-size: 28px;
		line-height: 32px;
	}

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

	.form button{
		padding: 10px 50px;
	}

	.success div{
		padding: 80px 30px 0 40px;
	}

	.success h1{
		font-size: 25px;
	}

	.success p{
		font-size: 20px;
		line-height: 26px;
	}

	.swal2-popup .swal2-title{
		font-size: 1.5em!important;
	}
}

@media screen and (max-width: 800px) and (min-height: 991px){
	.winners.col-lg-6{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.winners img{
		margin: 0 auto 50px auto;
	}

	.winners h1{
		margin: 0 0 30px 50px;
	}

	.winners .winners_body .blue-line{
		margin: 10px 30px 0 0;
	}

	.winners .winners_list{
		height: 400px;
	}

	.winners p{
		font-size: 17px;
	}

	.winners button{
		float: right;
	}
}

@media screen and (max-width: 767px){
	body{
		background-image: url('../img/BG_3.png');
		background-position: 0% 0%;
		padding: 0;
	}

	.blue-line{
		display: none;
	}

	.container-fluid{
		height: auto;
	}

	.left-column{
		color: #122E4F;
		padding: 0;
	}

	.left-column img{
		width: 73%;
		padding: 30px 0 0 100px;
	}

	.left-column .main-text{
		position: static;
		padding: 40px 130px 0 130px;
	}

	.left-column .main-text h1{
		font-size: 35px;
		color: #122E4F;
	}

	.left-column .main-text h1:after{
		width: 46%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 39%;
		left: 0;
	}

	.left-column .main-text p{
		font-size: 15px;
		line-height: 22px;
		color: #122E4F;
	}

	.left-column .main-text p:after{
		content: '';
		display: block;
		height: 6px;
		width: 115px;
		background: #89E3E5;
		margin: 25px 0;
	}

	.form{
		padding: 0 130px;
	}

	.form p{
		margin-bottom: 25px;
	}

	.form .form-group{
		margin-bottom: 25px;
	}

	.form label{
		font-size: 16px;
		margin-bottom: 7px;
	}

	.winners img{
		margin: 50px 0 30px 90px;
	}

	.winners .winners_body{
		margin-left: 90px;
	}

	.winners h1{
		font-size: 23px;
		margin: 0 0 30px 0;
	}

	.winners .winners_list{
		height: 320px;
	}

	.winners .winners_list::-webkit-scrollbar-thumb{
		background: #122E4F;
	}

	.winners p{
		font-size: 16px;
	}

	.winners button{
		float: none;
		margin: 20px 0 0 0;
	}

	footer{
		position: static;
		margin-top: 35px;
	}

	footer ul{
		text-align: center;
	}

	.error-page h1{
		font-size: 37px;
	}

	.success img{
		display: block;
		margin: 50px auto 150px auto;
	}

	.success div{
		padding: 0 50px;
	}

	.success h1{
		font-size: 40px;
		line-height: normal;
		margin-bottom: 20px;
	}

	.success p{
		font-size: 36px;
		line-height: 49px;
		margin-bottom: 100px;
	}

	.modal-dialog{
		max-width: 90%;
	}

	.modal-body h1{
		font-size: 25px;
		margin-bottom: 20px;
	}

	.modal-body h2{
		font-size: 15px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 700px){
	body{
		background-size: 100% 115%;
	}

	.left-column img{
		width: 67%;
	}

	.left-column .main-text{
		padding: 40px 100px 0 100px;
	}

	.left-column .main-text h1{
		font-size: 30px;
	}

	.left-column .main-text h1:after{
		width: 40%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 34%;
	}

	.left-column .main-text p:after{
		margin: 25px 0 15px 0;
	}

	.form{
		padding: 0 100px;
	}

	.form p{
		font-size: 26px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.form .form-group{
		margin-bottom: 20px;
	}

	.form input:not([type='checkbox']){
		width: 350px;
		height: 40px;
	}
}

@media screen and (max-width: 580px){
	.left-column .main-text h1:after{
		width: 52%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 44%;
	}

	.winners .winners_body{
		margin-left: 50px;
	}
}

@media screen and (max-width: 500px){
	.left-column .main-text{
		padding: 40px 50px 0 50px;
	}

	.left-column .main-text h1:after{
		width: 50%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 42%;
	}

	.form{
		padding: 0 50px;
	}

	footer{
		padding-top: 50px;
	}

	footer ul li{
		display: block;
		border-right: none;
		font-size: 14px;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.error-page{
		padding: 150px 0 0 0;
	}

	.error-page h1{
		font-size: 30px;
	}

	.modal-dialog{
		margin: 20px auto; 
	}
}

@media screen and (max-width: 425px){
	body{
		background-image: url('../img/BG_4.png');
		background-size: 100% 140%;
	}

	.left-column img{
		width: 90%;
		padding: 20px 20px 0 30px;
	}

	.left-column .main-text{
		padding: 20px 20px 0 20px;
	}

	.left-column .main-text h1{
		font-size: 25px;
	}

	.left-column .main-text h1:after{
		width: 44%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 38%;
	}

	.left-column .main-text p{
		font-size: 13px;
		line-height: 18px;
	}

	.left-column .main-text p:after{
		height: 5px;
		width: 100px;
	}

	.form{
		padding: 0 20px;
	}

	.form label{
		font-size: 13px;
	}

	.form input:not([type='checkbox']){
		width: 100%;
	}

	.form button{
		display: block;
		margin: 0 auto;
	}

	footer{
		padding-top: 0;
		margin-top: 50px;
	}

	.error-page h1{
		font-size: 25px;
		margin-bottom: 50px;
	}

	.success div{
		padding: 0 25px;
	}

	.success h1{
		font-size: 32px;
		line-height: 40px;
	}

	.success img{
		width: 90%;
		margin: 40px auto;
	}

	.success div{
		padding: 0 15px;
	}

	.success p{
		font-size: 25px;
		line-height: 32px;
	}

	.winners img{
		width: 80%;
		margin: 40px 0 30px 20px;
	}

	.winners .winners_body{
		margin-left: 0;
	}

	.winners .winners_list .row{
		margin-bottom: 25px;
	}

	.winners p{
		font-size: 17px;
	}

	.winners button{
		margin: 30px 0 0 0;
	}

	.modal-body{
		font-size: 14px;
		line-height: normal;
	}

	.modal-body h1{
		font-size: 21px;
		margin-bottom: 10px;
	}

	.modal-body h2{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 375px){
	body{
		background-size: 100% 150%;
	}

	.left-column .main-text h1:after{
		width: 50%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 42%;
	}

	.success h1{
		font-size: 31px;
		line-height: 32px;
	}

	.success p{
		font-size: 22px;
		line-height: 27px;
	}

	footer ul li{
		font-size: 12px;
	}

	.swal2-popup{
		padding: 40px 25px!important;
	}
}

@media screen and (max-width: 320px){
	body{
		background-size: 100% 190%;
	}

	.left-column .main-text h1:after{
		width: 59%;
	}

	.left-column .main-text h1:last-of-type:after{
		width: 50%;
	}

	.error-page{
		padding: 100px 0 0 0;
	}

	.error-page h1{
		font-size: 21px;
		margin-bottom: 50px;
	}

	.error-page button{
		padding: 15px 65px;
	}

	.success h1{
		font-size: 25px;
		line-height: 26px;
	}

	.success p{
		font-size: 21px;
		line-height: 25px;
	}

	.winners h1{
		font-size: 21px;
	}

	.winners .winners_list{
		height: 250px;
	}

	.winners .winners_list .row{
		margin-bottom: 20px;
	}
}