@media screen and (max-width: 1024px) {

	.mainViewContainer {
		margin-left: var(--sidebar-medium-width);
	}

	.mainSidebarContainer {
		position: absolute;
		z-index: 2;
		top: 0;
		bottom: 0;
		max-width: var(--sidebar-medium-width);
	}

	.mainSidebarContainer .mainSidebarTop {
		max-height: 0rem;
		opacity: 0;
		visibility: hidden;
	}

	.mainSidebarContainer .mainSidebarOverlap {
		visibility: visible;
	}

	.mainSidebarContainer .circleButtonTextLarge, .mainSidebarContainer .circleButtonTextMedium {
		opacity: 0.0;
	}

	.circleButton {
		width: calc(var(--sidebar-full-width) - 2 * var(--sidebar-medium-content-margin));
		padding: 0 var(--sidebar-medium-content-margin);
	}

	.mainSidebarContainer:hover,
	.mainSidebarContainer:active {
		max-width: var(--sidebar-full-width);
		box-shadow: 0.45rem 0 0.9rem rgba(0, 0, 0, 0.25);
	}

	.mainSidebarContainer:hover .mainSidebarOverlap,
	.mainSidebarContainer:active .mainSidebarOverlap {
		visibility: hidden;
	}

	.mainSidebarContainer:hover .mainSidebarTop,
	.mainSidebarContainer:active .mainSidebarTop {
		max-height: fit-content;
		opacity: 1;
		visibility: visible;
	}

	.mainSidebarContainer:hover ~ .mainViewContainer .mainViewContainerOverlap,
	.mainSidebarContainer:active ~ .mainViewContainer .mainViewContainerOverlap {
		visibility: visible;
		background: rgba(0, 0, 0, 0.1);
	}

	.mainSidebarContainer:hover .circleButton,
	.mainSidebarContainer:active .circleButton {
		width: calc(var(--sidebar-full-width) - 2 * var(--sidebar-full-content-margin));
		padding: 0 var(--sidebar-full-content-margin);
	}

	.mainSidebarContainer:hover .circleButtonTextLarge, .mainSidebarContainer:hover .circleButtonTextMedium,
	.mainSidebarContainer:active .circleButtonTextLarge, .mainSidebarContainer:active .circleButtonTextMedium  {
		opacity: 1.0;
	}

	#biddingFlexbox {
		flex-direction: column;
	}

	.widescreenFlexbox {
		flex-direction: column;
	}
	
	/* the row of issuevalues in the bid table.*/
	.issuevalues {
		display:flex; 
		flex-flow: column nowrap;
		width: 100%; 
	}
	
	
	
}