.admin-login .left-panel-wrapper {
	background: #FFFFFF url("../../../images/admin/brand-admin-login-background.jpg") no-repeat bottom center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
}

.admin-login .ad-box .btn-learn-more {
	background-color: #fff;
	color: #0b2037;
	font-size: 18px;
	margin: 20px 0px 0px;
}

.admin-login .ad-box .content {
	margin: 0px;
	font-size: 18px;
	padding: 0px 14px 15px;
}

.admin-login .right-panel-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.admin-login .ad-box-wrapper {
	background-color: #0b2037;
	color: #FFFFFF;
	width: 80%;
	min-width: 300px;
	max-width: 450px;
	border-radius: 0;
}

.admin-login .right-panel-wrapper,
.admin-login .left-panel-wrapper {
	height: 100vh;
}

.admin-login .login-box-wrapper {
	width: 100%;
	min-width: 300px;
	border-radius: 0.5rem;
}

.input-group-text {
	border-radius: 0.5rem;
}

.card {
	border-radius: 0.5rem;
}

.card-header:first-child {
	border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.admin-login .ad-box .learn-more {padding: 0px 45px;}

@media (min-width: 768px) {

	h1{font-size: 30px;}
	.admin-login .ad-box .learn-more {padding: 0px;}
}

@media (min-width: 992px) {

	h1 {font-size: 50px;}
	.admin-login .ad-box .learn-more {padding: 0px 45px;}
	.admin-login .ad-box-wrapper {width: 50%;}

	.admin-login .login-box-wrapper {
		width: 40%;
		min-width: 350px;
	}
}