@media (min-width: 576px) {
	.aonline-top-sm-one {
		height: var(--sm-height-size);
		line-height: var(--sm-height-size);
	}

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

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

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

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

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

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

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

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

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

	.aonline-top .aonline-top-sm-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-sm-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-sm-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-sub-sm-menus {
		font-size: 8pt;
		line-height: 40px;
		height: 40px;
		cursor: pointer;
	}

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

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

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

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

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

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

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

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

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

	/* ONE */
	.aonline-container-sm-one {
		height: calc(var(--app-height) - 30px);
	}

	.aonline-container-bottom-sm-one {
		height: calc(var(--app-height) - (var(--bottom-height) - (var(--sm-switch-height)) + 30px));
	}

	/*.aonline-container-sm-fullscreen-fixed-zero {
		height: calc(var(--app-height) - 30px);
	}*/

	/* TWO */
	.aonline-container-sm-two {
		height: calc(var(--app-height) - 60px);
	}

	.aonline-container-bottom-sm-two {
		height: calc(var(--app-height) - (var(--bottom-height) + 60px));
	}

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

	/* THREE */
	.aonline-container-sm-three {
		height: calc(var(--app-height) - 90px);
	}

	.aonline-container-bottom-sm-three {
		height: calc(var(--app-height) - (var(--bottom-height) + 90px));
	}

	/* FOUR */
	.aonline-container-sm-four {
		height: calc(var(--app-height) - 120px);
	}

	.aonline-container-bottom-sm-four {
		height: calc(var(--app-height) - (var(--bottom-height) + 120px));
	}

	/* FIVE */
	.aonline-container-sm-five {
		height: calc(var(--app-height) - 150px);
	}

	.aonline-container-bottom-sm-five {
		height: calc(var(--app-height) - (var(--bottom-height) + 150px));
	}

	/* SIX */
	.aonline-container-sm-six {
		height: calc(var(--app-height) - 180px);
	}

	.aonline-container-bottom-sm-six {
		height: calc(var(--app-height) - (var(--bottom-height) + 180px));
	}

	/* SEVEN */
	.aonline-container-sm-seven {
		height: calc(var(--app-height) - 210px);
	}

	.aonline-container-bottom-sm-seven {
		height: calc(var(--app-height) - (var(--bottom-height) + 210px));
	}

	/* EIGHT */
	.aonline-container-sm-eight {
		height: calc(var(--app-height) - 240px);
	}

	.aonline-container-bottom-sm-eight {
		height: calc(var(--app-height) - (var(--bottom-height) + 240px));
	}

	/* EIGHT */
	.aonline-container-sm-nine {
		height: calc(var(--app-height) - 270px);
	}

	.aonline-container-bottom-sm-nine {
		height: calc(var(--app-height) - (var(--bottom-height) + 270px));
	}

	/* NINE */
	.aonline-container-sm-ten {
		height: calc(var(--app-height) - 300px);
	}

	.aonline-container-bottom-sm-ten {
		height: calc(var(--app-height) - (var(--bottom-height) + 300px));
	}

	/* TEN */
	.aonline-container-sm-ten {
		height: calc(var(--app-height) - 330px);
	}

	.aonline-container-bottom-sm-ten {
		height: calc(var(--app-height) - (var(--bottom-height) + 330px));
	}

	/* ELEVEN */
	.aonline-container-sm-eleven {
		height: calc(var(--app-height) - 360px);
	}

	.aonline-container-bottom-sm-eleven {
		height: calc(var(--app-height) - (var(--bottom-height) + 360px));
	}

	/* TWELVE */
	.aonline-container-sm-twelve {
		height: calc(var(--app-height) - 390px);
	}

	.aonline-container-bottom-sm-twelve {
		height: calc(var(--app-height) - (var(--bottom-height) + 390px));
	}

	/* THIRTEEN */
	.aonline-container-sm-thirteen {
		height: calc(var(--app-height) - 420px);
	}

	.aonline-container-bottom-sm-thirteen {
		height: calc(var(--app-height) - (var(--bottom-height) + 420px));
	}

	/* FOURTEEN */
	.aonline-container-sm-fourteen {
		height: calc(var(--app-height) - 450px);
	}

	.aonline-container-bottom-sm-fourteen {
		height: calc(var(--app-height) - (var(--bottom-height) + 450px));
	}

	/* FIFTEEN */
	.aonline-container-sm-fifteen {
		height: calc(var(--app-height) - 480px);
	}

	.aonline-container-bottom-sm-fifteen {
		height: calc(var(--app-height) - (var(--bottom-height) + 480px));
	}

	.aonline-container-sm-sixteen {
		height: calc(var(--app-height) - 510px);
	}

	.aonline-container-bottom-sm-sixteen {
		height: calc(var(--app-height) - (var(--bottom-height) + 510px));
	}

	.aonline-container-sm-seventeen {
		height: calc(var(--app-height) - 540px);
	}

	.aonline-container-bottom-sm-seventeen {
		height: calc(var(--app-height) - (var(--bottom-height) + 540px));
	}

	.aonline-container-sm-eighteen {
		height: calc(var(--app-height) - 570px);
	}

	.aonline-container-bottom-sm-eighteen {
		height: calc(var(--app-height) - (var(--bottom-height) + 570px));
	}

	.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-sm-one {
		height: 30px;
		line-height: 30px;
	}

	.aonline-bottom-sm-two {
		height: 60px;
		line-height: 30px;
	}

	.aonline-bottom-sm-three {
		height: 90px;
		line-height: 30px;
	}

	#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;
	}

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