/* CSS Document */
@media screen and (min-width: 1600px) {
	body_1090 {}
		
	.registration .content .left_content {
		width:880px;
	}
	
	.registration .content .right_content {
		width:720px;
	}
}

@media screen and (max-width: 1280px) {
	body_1280 {}

	.registration .content .left_content h1 {
		font-size:64px;
		line-height:66px;
	}	
	
	.registration .content .left_content p {
		font-size:24px;
		line-height:30px;
	}
}

@media screen and (max-width: 1080px) {
	body_1080 {}
	
	.registration .content .left_content h1 {
		font-size:54px;
		line-height:56px;
	}	
	
	.registration .content .left_content p {
		font-size:20px;
		line-height:24px;
	}
	
	.blue_bg, 
	.gold_bg {
		width:50%;
	}
	
	.registration .content .left_content {
		width:calc(50% - 20px);
		padding-right:20px;
	}
	
	.registration .header .left_content {
		width:70%;
	}
	
	.footer ul.texts {
		font-size:16px;
		width:calc(100% - 150px);
	}
	
	.registration .content {
		min-height:calc(100vh - 180px);
	}
	
	.registration .content .half_content {
		min-height:calc(100vh - 180px);
	}
}

@media screen and (max-width: 820px) {
	body_820 {}

	.blue_bg, 
	.gold_bg {
		width:45%;
	}	
	
	.registration .content .left_content {
		width:calc(45% - 20px);
	}
	
	.registration .content .right_content {
		width:calc(55% - 20px);
	}
	
	.registration .content .left_content h1 {
		font-size:46px;
		line-height:48px;
	}
	
	.registration .content .left_content p {
		font-size:16px;
		line-height:20px;
	}
}

@media screen and (max-width: 680px) {
	body_680 {}
	
	.blue_bg, 
	.gold_bg {
		width:100%;
		height:360px;
		clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
    	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
    	position:absolute;
    	min-width:360px;
	}
	
	.registration .content {
		min-height:0;
		padding-top:0;
	}
	
	.registration .content .half_content {
		min-height:0;
	}
	
	.registration .content .left_content {
		width:100%;
		float:none;	
		height:260px;
		padding-right:0;	
	}
	
	.registration .content .right_content {
		padding-top:50px;
		width:100%;
	}		
	
	.registration.gold .footer ul.texts li {
		color:#AE8F47;
	}
}

@media screen and (max-width: 480px) {
	body_480 {}
	
	.registration .content .left_content p {
		width:100%;
	}
}