.login.login-1 .login-otp,
.login.login-1 .login-forgot,
.login.login-1 .login-signin,
.login.login-1 .login-signup {
	display: none
}

.login.login-1.login-signin-on .login-signup {
	display: none
}

.login.login-1.login-signin-on .login-signin {
	display: block
}

.login.login-1.login-signin-on .login-forgot {
	display: none
}

.login.login-1.login-signin-on .login-otp {
	display: none
}

.login.login-1.login-signup-on .login-signup {
	display: block
}

.login.login-1.login-signup-on .login-signin {
	display: none
}

.login.login-1.login-signup-on .login-forgot {
	display: none
}

.login.login-1.login-signup-on .login-otp {
	display: none
}

.login.login-1.login-forgot-on .login-signup {
	display: none
}
.login.login-1.login-otp-on .login-signup {
	display: none
}

.login.login-1.login-forgot-on .login-signin {
	display: none
}
.login.login-1.login-otp-on .login-signin {
	display: none
}

.login.login-1.login-forgot-on .login-forgot {
	display: block
}

.login.login-1.login-otp-on .login-otp {
	display: block
}

@media (min-width:992px) {
	.login.login-1 .login-aside {
		width: 100%;
		max-width: 800px
	}

	.login.login-1 .login-form {
		width: 100%;
		max-width: 400px
	}
}

@media (min-width:992px) and (max-width:1399.98px) {
	.login.login-1 .login-aside {
		width: 100%;
		max-width: 800px
	}
}

@media (max-width:991.98px) {
	.login.login-1 .login-form {
		width: 100%;
		max-width: 350px
	}
}

@media (max-width:575.98px) {
	.login.login-1 .login-form {
		width: 100%;
		max-width: 100%
	}
}