#header {
	padding: 0;
	background-size: cover !important;
}

#header .logo-area {
	background: #cd163f;
	padding: 25px 50px;
	width: 80%;
	margin: 0 10%;
}

.before_login #header {
	background: unset !important;
	width: 25%;
}

.before_login .erx_tab_ul {
	display: none !important;
}

.before_login .login-banner {
	width: 25%;
}

.before_login .btn_login .slds-button, .before_login .submit-button .slds-button {
	border: solid 1px #c3cbe9;
	background: #e0e7ff;
	color: #000;
}

.before_login .btn_login .slds-button:hover, .before_login .submit-button .slds-button:hover {
     background: #c3cbe9;
}

.before_login .ewd-login-sec {
	padding-left: 0;
}

.before_login .erx-body-container {
	padding-left: 27%;
}

.before_login .erx-body-container .main-form-div {
	width: 75%;
}

#footer .container {
	max-width: 100%;
	padding: 0;
}

#footer .footer-top-wrap {
	background: #202020;
	color: #FFF;
}

#footer .footer-bottom-wrap {
	background: #000;
	color: #FFF;
	overflow: auto;
}

#footer .footer-row {
	max-width: 1400px;
	margin: 0 auto;
	padding: 25px 0;
	overflow: auto;
}

#footer .logo {
	padding: 0 100px;
	box-sizing: border-box;
}

#footer .footer-col:last-child {
	float: left;
	text-align: left;
}

.main .slds-button--brand, .main .slds-button--neutral, .main b.slds-truncatem .slds .slds-button--brand, .main .slds .slds-button--brand {
	border: solid 1px #c3cbe9;
	background: #e0e7ff;
	color: #000;
}

.main .slds-button--brand:hover, .main .slds-button--neutral:hover, .main b.slds-truncatem .slds .slds-button--brand:hover, .main .slds .slds-button--brand:hover {
	background: #c3cbe9;
}

@media only screen and (max-width: 2800px) {
	#header {
		padding: 10px 0;
	}
	.before_login #header {
		width: 30%;
	}
	.before_login .login-banner {
		width: 30%;
	}
	.before_login .erx-body-container {
		padding-left: 32%;
	}
	.before_login .erx-body-container .main-form-div {
		width: 80%;
	}
}

@media only screen and (max-width: 2400px) {
	#header {
		padding: 25px 0;
	}
	.before_login #header {
		width: 35%;
	}
	.before_login .login-banner {
		width: 35%;
	}
	.before_login .erx-body-container {
		padding-left: 37%;
	}
	.before_login .erx-body-container .main-form-div {
		width: 85%;
	}
}

@media only screen and (max-width: 1920px) {
	#header {
		padding: 50px 0;
	}
	.before_login #header {
		width: 40%;
	}
	.before_login .login-banner {
		width: 40%;
	}
	.before_login .erx-body-container {
		padding-left: 42%;
	}
	.before_login .erx-body-container .main-form-div {
		width: 90%;
	}
}

@media only screen and (max-width: 990px){
	.before_login #header {
		position: relative;
		width: 100%;
		padding: 0;
	}
	.before_login .erx-body-container {
		padding: 0 3%;
	}
}

@media only screen and (max-width: 480px) {
	.before_login .ewd-login-area {
		padding: 40px 20px;
	}
}