/* Prevent scrolling on mobile */
html, body {
	height: 100%;
	margin: 0;
	overflow: hidden; /* Prevent scrolling */
	position: fixed; /* Prevent page scroll */
	width: 100%;
}

/* Ensure the login form is fully responsive */
.login-box {
	width: 100%;
	max-width: 400px;
	margin: auto;
	padding: 20px;
	box-sizing: border-box;
}

/* Make the modal content responsive */
.modal-content {
	width: 100%;
	max-width: 500px;
	margin: auto;
}

/* Make sure input fields are responsive */
.form-control {
	width: 100%;
	padding: 10px;
	font-size: 16px;
}

.mobile-title {
	display: none;
}

@media ( max-width : 768px) {
	.digiLogo, .longTitle {
		display: none !important;
	}
	.mobile-title {
		display: block;
		text-align: left;
	}
	.login-box {
		width: 90%;
		padding: 15px;
	}
}