#loginBox {
    display: flex;
    background-color: var(--bsc-lightgrey);
    max-width: 1920px;
    margin: auto;
}
.email-register-box {
	background-image: url('../images/bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #FFF;
	background-color: var(--bsc-theme2);
}
.email-login-box{
	background-color: var(--bsc-lightgrey)
}
.inner-box {
	width: 100%;
	max-width: 530px;
	padding: 0 15px;
	margin: auto;
}
.email-register-box .lr-box-title {
	color: #FFF;
}
.new-customer-box .btn-secondary {
	border-color: var(--bsc-white);
	color: var(--bsc-white);
}
.new-customer-box .btn-secondary:hover, .new-customer-box .btn-secondary:focus, .new-customer-box .btn-secondary:active {
    color: var(--bsc-theme2);
    background-color: var(--bsc-white);
    border-color: var(--bsc-white);
    box-shadow: none;
}
.new-customer-text {
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}
.forgot-password {
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 500;
}
.forgot-page {
	padding: calc(56px + (64 - 56) * ((100vw - 320px) / (1920 - 320))) 0 calc(98px + (112 - 98) * ((100vw - 320px) / (1920 - 320)));
}

/* Start min-width:1921px */
@media (min-width: 1921px){
.new-customer-text, .forgot-password {
	font-size: 14px;
}
.forgot-page {
	padding: 64px 0 112px;
}	

}
/* End min-width:1921px */

/* Start max-width:767px */
@media (max-width:767px){
.inner-box {
	padding: 40px 15px;
}
.new-customer-box .btn {
	margin-bottom: 5px;
}


}
/* End max-width:767px */