/* Mobile + tablet stacked styles: stylelogin.css (@media max-width: 1199.98px) */
/* Desktop split layout starts at xl (1200px+) */

@media (min-width: 1200px) and (max-width: 1280px) {
	body {
		background-size: 65% 110% !important;
	}

	.col-md-12.mt-5,
	.login-form-inner {
		margin-top: 2rem !important;
	}

	img.mx-auto.d-block.vector {
		height: 165px;
		margin: 0;
	}

	p.opensans.text-center.my-3 {
		letter-spacing: 0;
	}

	hr.mt-5 {
		margin: 0 !important;
	}

	.site-logo {
		padding: 0 40px !important;
	}

	p {
		font-size: 12px;
	}

	input#email,
	#password {
		padding: 14px 55px;
	}

	.login-field-icon {
		height: 28px;
	}

	button.btn.mt-4.w-100.bg-gradiant {
		padding: 8px;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	body {
		background-size: 65% 110% !important;
	}

	.col-md-12.mt-5,
	.login-form-inner {
		margin: 0 !important;
	}

	img.mx-auto.d-block.vector {
		height: 165px;
		margin: 0;
	}

	p.opensans.text-center.my-3 {
		letter-spacing: 0;
	}

	hr.mt-5 {
		margin: 0 !important;
	}

	input#email,
	#password {
		padding: 14px 55px;
	}

	.login-field-icon {
		height: 28px;
	}

	button.btn.mt-4.w-100.bg-gradiant {
		padding: 8px;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	body {
		background-size: 69% 111% !important;
	}

	.login-desktop-services {
		margin: 60px 0;
	}

	input#email,
	#password {
		padding: 14px 55px;
	}

	.login-field-icon {
		height: 28px;
	}

	button.btn.mt-4.w-100.bg-gradiant {
		padding: 8px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	body {
		background-size: 69% 110% !important;
	}

	input#email,
	#password {
		padding: 16px 60px;
	}

	.login-field-icon {
		height: 28px;
	}

	button.btn.mt-4.w-100.bg-gradiant {
		padding: 9px;
	}
}

@media (min-width: 1601px) {
	body {
		background-size: 65% 110% !important;
	}
}