@media (max-width: 576px) {
	.aonline-top {
		padding: 0;
		text-align: left;
		font-family: Roboto, "Segoe UI", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 10pt;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.aonline-top-xs-one {
		height: var(--xs-height-size);
		line-height: var(--xs-height-size);
	}

	.aonline-top-xs-two {
		height: calc(var(--xs-height-size) * 2);
	}

	.aonline-top-xs-three {
		height: calc(var(--xs-height-size) * 3);
	}

	.aonline-top-xs-four {
		height: calc(var(--xs-height-size) * 4);
	}

	.aonline-top-xs-five {
		height: calc(var(--xs-height-size) * 5);
	}

	.aonline-top-xs-six {
		height: calc(var(--xs-height-size) * 6);
	}

	.aonline-top-xs-seven {
		height: calc(var(--xs-height-size) * 7);
	}

	.aonline-top-xs-eight {
		height: calc(var(--xs-height-size) * 8);
	}

	.aonline-top-xs-nine {
		height: calc(var(--xs-height-size) * 9);
	}

	.aonline-top-xs-ten {
		height: calc(var(--xs-height-size) * 10);
	}

	.aonline-top .aonline-top-xs-header {
		text-align: left;
		background-color: #2a70b9;
		color: white;
		font-size: 7pt;
		text-shadow: 2px 2px 3px black;
		line-height: 30px;
		height: 30px;
	}

	.aonline-top .aonline-top-xs-header {
		padding: 0;
		text-align: left;
		/*background-color: #2a70b9;*/
		background-color: darkslategray;
		color: white;
		font-size: 8pt;
		text-shadow: 2px 2px 3px black;
		line-height: 30px;
		height: 30px;
	}

	.aonline-top .aonline-top-xs-menus {
		text-align: center;
		background-color: #434343;
		color: white;
		font-size: 6pt;
		font-weight: bold;
		line-height: 30px;
		height: 30px;
		max-height: 30px;
		cursor: pointer;
	}

	.aonline-top-xs-sub-menus {
		font-size: 8pt;
		line-height: 30px;
		height: 30px;
		cursor: pointer;
	}

	.aonline-top .aonline-top-xs-sub-menus > .col {
		border-right: 1px solid lightgrey;
		height: 30px;
		font-size: 7pt;
		border-bottom: 1px solid lightgrey;
	}

	.aonline-top .aonline-top-xs-sub-menus > .col:last-child {
		border-right: none;
	}

	.aonline-top .aonline-top-xs-options {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 25px;
	}

	.aonline-form-control-input {
		font-size: 7pt;
		width: 100%;
	}

	.aonline-top .aonline-top-xs-menus > .col {
		border-right: 1px solid lightgrey;
		padding: 0;
		height: 30px;
		font-size: 6pt;
	}

	.aonline-top .aonline-top-xs-menus > .col:last-child {
		border-right: none;
	}

	.aonline-top-xs-menu-selected {
		background-color: #333333;
		color: white;
	}

	.aonline-top .aonline-top-xs-close {
		padding: 0;
		text-align: center;
		cursor: pointer;
	}

	.aonline-container {
		display: block;
		overflow: auto;
		position: relative;
		width: 100%;
		padding: 0;
		backface-visibility: hidden;
		will-change: overflow;
	}

	/* ZERO */
	.aonline-container-xs-zero {
		height: calc(var(--app-height));
	}

	.aonline-container-xs-bottom-zero {
		height: calc(var(--app-height) - (var(--bottom-height)));
	}

	/* ONE */
	.aonline-container-xs-one {
		height: calc(var(--app-height) - var(--xs-height-size));
	}

	.aonline-container-xs-bottom-one {
		height: calc(var(--app-height) - (var(--bottom-height)) + var(--xs-height-size));
	}

	/*.aonline-container-xs-fullscreen-fixed-zero {
		height: calc(var(--app-height) - 30px);
	}*/
	/* TWO */
	.aonline-container-xs-two {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 2));
	}

	.aonline-container-xs-bottom-two {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 2)));
	}

	/*.aonline-container-xs-fixed-one {
		height: calc(var(--app-height) - 60px);
	}*/
	/* THREE */
	.aonline-container-xs-three {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 3));
	}

	.aonline-container-xs-bottom-three {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 3)));
	}

	/* FOUR */
	.aonline-container-xs-four {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 4));
	}

	.aonline-container-xs-bottom-four {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 4)));
	}

	/* FIVE */
	.aonline-container-xs-five {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 5));
	}

	.aonline-container-xs-bottom-five {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 5)));
	}

	/* SIX */
	.aonline-container-xs-six {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 6));
	}

	.aonline-container-xs-bottom-six {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 6)));
	}

	/* SEVEN */
	.aonline-container-xs-seven {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 7));
	}

	.aonline-container-xs-bottom-seven {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 7)));
	}

	/* EIGHT */
	.aonline-container-xs-eight {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 8));
	}

	.aonline-container-xs-bottom-eight {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 8)));
	}

	/* NINE */
	.aonline-container-xs-nine {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 9));
	}

	.aonline-container-xs-bottom-nine {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 9)));
	}

	/* TEN */
	.aonline-container-xs-ten {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 10));
	}

	.aonline-container-xs-bottom-ten {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 10)));
	}

	/* ELEVEN */
	.aonline-container-xs-eleven {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 11));
	}

	.aonline-container-xs-bottom-eleven {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 11)));
	}

	/* TWELVE */
	.aonline-container-xs-twelve {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 12));
	}

	.aonline-container-xs-bottom-twelve {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 12)));
	}

	/* THIRTEEN */
	.aonline-container-xs-thirteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 13));
	}

	.aonline-container-xs-bottom-thirteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 13)));
	}

	/* FOURTEEN */
	.aonline-container-xs-fourteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 14));
	}

	.aonline-container-xs-bottom-fourteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 14)));
	}

	/* FIFTEEN */
	.aonline-container-xs-fifteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 15));
	}

	.aonline-container-xs-bottom-fifteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 15)));
	}

	.aonline-container-xs-sixteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 16));
	}

	.aonline-container-xs-bottom-sixteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 16)));
	}

	.aonline-container-xs-seventeen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 17));
	}

	.aonline-container-xs-bottom-seventeen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 17)));
	}

	.aonline-container-xs-eighteen {
		height: calc(var(--app-height) - calc(var(--xs-height-size) * 18));
	}

	.aonline-container-xs-bottom-eighteen {
		height: calc(var(--app-height) - (var(--bottom-height) + calc(var(--xs-height-size) * 18)));
	}

	.aonline-body {
		/*overflow: hidden;*/
		height: auto;
		padding: 0;
		/*-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;*/
		width: 100%;
	}

	.aonline-bottom {
		display: flex;
		align-items: center;
		position: relative;
		z-index: 10;
		font-size: 8pt;
		text-align: center;
		background-color: #858585;
		color: white;
	}

	.aonline-bottom-one {
		height: 40px;
		line-height: 40px;
	}

	.aonline-bottom-two {
		height: 80px;
		line-height: 40px;
	}

	.aonline-bottom-three {
		height: 120px;
		line-height: 40px;
	}

	#top_over_menu_logged_in {
		font-size: 13pt;
	}

	.top_over_menu_name {
		color: white;
		line-height: 30px;
		font-size: 8pt;
		padding: 0 10px;
	}

	.aonline-question-block {
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 2400;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.aonline-content-show-hide-map {
		position: relative;
	}

	/*===========================================================================*/
	/*===========================================================================*/
	/*===========================================================================*/
	/*===========================================================================*/
}