@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

}

@media (max-width: 1024px) {
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.content {
		padding: 0 10px;
	}

	.loginLogo {
		margin: 50px auto;
		width: 260px;
	}

	.frontendLogin .authForm {
		width: 100%;
	}

	.authForm.login form {
		margin-top: 25px;
	}

	.header {
		padding: 0;
		height: 50px;
	}

	.header .logo,
	.header .mobileTrigger {
		padding: 10px;
	}

	.header .logo img {
		width: auto;
		height: 30px;
	}

	.header .user,
	.menu {
		display: none;
	}

	.header .mobileTrigger a {
		width: 30px;
		height: 30px;
		float: right;
		color: var(--color-white);
	}

	.mobileMenu {
		position: fixed;
		z-index: 10000;
		margin-left: 100vw;
		height: calc(100vh - 50px);
		top: 50px;
		width: 100vw;
		background-color: transparent;
		transition-property: margin-left;
		transition-duration: 500ms;
		padding: 0;
	}

	.mobileMenu.active {
		margin-left: 0;
	}

	.mobileMenu > div {
		float: right;
		width: calc(100% - 30px);
		max-width: 320px;
		height: 100%;
		padding: 25px 15px 0 15px;
		background-color: var(--color-white);
		box-shadow: 0 0 15px 1px var(--color-dark-blue);;
	}

	.mobileMenu ul li {
		display: block;
		margin: 0 0 15px 0;
	}

	.mobileMenu ul li a {
		font: var(--font-regular);
		color: var(--color-dark-blue);
	}

	.maingrid {
		grid-template-columns: 100fr;
		grid-column-gap: 0;
		padding: 20px 0;
	}

	.filter {
		margin-top: 0;
	}

	.filterTrigger a {
		display: block;
		float: right;
		margin: 0 10px 10px 0;
		width: 20px;
		height: 20px;
	}

	.filterTrigger a[data-trigger="on"],
	.filterTrigger.active a[data-trigger="off"] {
		display: block;
	}

	.filterTrigger a[data-trigger="off"],
	.filterTrigger.active a[data-trigger="on"] {
		display: none;
	}

	.detail .dossierButtons button:not(.newblock) {
		margin-top: 20px;
	}

	.maingrid.dossier .filter {
		overflow-x: hidden;
		height: 0;
		transition-property: height;
		transition-duration: 500ms;
		margin-bottom: 20px;
	}

	.maingrid.dossier .filter .containerCurrency {
		display: none;
	}

	.maingrid.detail .containerText,
	.edit .containerText {
		grid-template-columns: repeat(1, 1fr);
	}

	.detail .block .blockFiles {
		grid-template-columns: repeat(1, 1fr);
	}

	.detail .realUploader {
		height: 50px;
		background-color: transparent;
	}

	.detail .realUploader .ax-main-container .ax-browse-c {
		height: 50px;
	}

	.detail .ax-main-container .ax-file-list {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 50px;
	}

	.ax-main-container .ax-file-list .ax-file-wrapper {
		background-color: var(--color-white);
	}

	.detail .ax-main-container .ax-main-buttons {
		float: initial;
		width: 100%;
	}

	.containerCheckboxes {
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
	}

}