/*** Responsive ***/

@media (max-width: 992px) {
	.login-page .container {
		width: 300px;
	}
	.copyright-text {
		font-size: 3px;
	}
}

@media screen and (min-width:541px) {
	.login-form {
		margin-left: 62px;
	}
	.welcome-login {
		position: absolute;
		right: 0;
		top: 30px;
		color: #fff;
		font-size: 30px;
		padding: 18px;
		text-transform: uppercase;
		font-weight: bolder;
	}
	.welcome-login-bottom {
		position: absolute;
		right: 0;
		top: 75px;
		color: #fff;
		font-size: 30px;
		padding: 18px;
		text-transform: uppercase;
		font-weight: bolder;
	}
	.welcome-login-bottom span {
		font-size: 34px;
		color: #23394c;
	}
}

@media screen and (max-width:540px) {
	.login-page {
		font-family: 'montserrat', sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 100%;
		color: #fff;
		/* background: #222222; */
		background-image: none;
	}
	body.login-body {
		background-color: #334859 !important;
	}
	.login-form {
		width: 100%;
		margin-left: 0px;
	}
	.welcome-login,
	.welcome-login-bottom {
		display: none;
	}
	.login-form {
		height: 100vh;
	}
	.login-form img.logo-img {
		width: 155px;
	}
	.login-page .for-pass {
		font-size: 12px;
	}
}

@media screen and (min-width:541px) and (max-width:1024px) {
	.login-page {
		font-family: 'montserrat', sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 100%;
		color: #fff;
		/* background: #222222; */
		background-image: url(../images/login-bg.png);
		background-repeat: no-repeat;
		height: 427px;
		background-position: inherit;
		;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:480px) {
	.footer-wrap {
		flex-direction: column;
	}
}

@media only screen and (max-width:991px) and (orientation: landscape) {
	.welcome-login-bottom,
	.welcome-login {
		display: none;
	}
	.login-page {
		font-family: 'montserrat', sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 100%;
		color: #fff;
		/* background: #222222; */
		background-image: none;
	}
	body.login-body {
		background-color: #334859 !important;
	}
	.login-form {
		height: 100vh;
		width: 500px;
		margin: 0 auto;
	}
}