@media only screen and (max-width: 1919px) {}

@media only screen and (max-width: 1800px) {}

@media only screen and (max-width: 1700px) {}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1535px) {
}

@media only screen and (max-width: 1366px) {
}

/* Header and footer only */
@media only screen and (max-width: 1360px) {
}

@media only screen and (max-width: 1240px) {
	#login > .wrp {
		margin-right: 0;
		margin-left: 0;
		max-width: 840px;
	}
}

@media only screen and (max-width: 1024px) {
	#check_email {
		padding: 0 100px;
	}
}

@media only screen and (max-width: 960px) {
	#login {
		flex-direction: column;
		background: #fff;
	}
	#login > .wrp {
		margin-bottom: 0;
		margin-top: 0;
		max-width: 100%;
		flex: 1;
		display: flex;
		flex-direction: column;
	}
	#login > .wrp > .in {
		padding: 32px;
		border-radius: 0;
		flex: 1;
	}
	#login > .wrp > .footer {
		display: flex;
		padding: 16px 32px;
	}
	#check_email {
		padding: 0 50px;
	}
}

@media only screen and (max-width: 768px) {
	#check_email {
		padding: 0 24px;
	}
	#check_email {
		padding: 0 20px;
	}
	#check_email > .select_number {
		flex-direction: column;
	}
	#check_email > .select_number > .item {
		width: 100%;
		flex-basis: 100%;
	}
	
}

@media only screen and (max-width: 688px) {
	#login {
		background: #f0f4f9;
	}
	#login > .wrp > .in > .items {
		flex-direction: column;
	}
	#login > .wrp > .in > .items > .item {
		flex-basis: 100%;
		width: 100%;
	}
	#login > .wrp > .in > .items > .item.right {
		padding-left: 0;
	}
	#login > .wrp > .in > .items > .item.left {
		padding-right: 0;
	}
	#login > .wrp > .footer {
		padding: 16px;
	}
	#login > .wrp > .in > .items > .item.right > .btns > .item {
		justify-content: space-between;
	}
	#login > .wrp > .in > .items > .item.right > .btns > .item > a.btni {
		padding-left: 0;
	}
}

@media only screen and (max-width: 479px) {
	#login > .wrp > .footer {
		flex-direction: column;
	}
}

@media only screen and (max-width: 360px) {
}