@media (max-width: 850px) and (orientation: portrait), (max-width: 1110px) {
	.titleAreaLogin {
		width: 100vw;
		margin-top: 75px !important;
		margin-bottom: 0 !important;
	}

	.usirLogo{
		padding: 0;
	}

	.loginElements{
		margin: var(--gap-title-elements);
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
		flex-direction: column;
		gap: var(--gap-inside-block);
	}

	.loginElement{
		width: calc( 100% - var(--gap-title-elements));
	}

	.inputLoginField{
		margin: 0;
		width: 100%;
		padding-left: var(--gap-title-elements);
	}

	.loginElementRight{
		width: 100%;
	}

	.mainBlockLogin{
		height: fit-content;
	}

	.loginBackFooter,
	.loginSonacomLogo{
		margin: var(--gap-title-elements);
		width: calc( 100vw - ( 2 * var(--gap-title-elements)));
	}
}