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

	:root{
		--navLeftClosed: 0px;
		--defaultNavLeftWidthClosed: 0px;
	}

	h2{font-size: 1.2em;}

	.main{padding: 30px 10px 0; width: calc(100%); margin-left: 0}

	.main > div, .main > form {width: 100%;display: inline-flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap;align-content: flex-start;}
	.main.filled > div, .main.filled > form{ max-width: calc(100%); padding: 0 0 30px 0 ;}
	.main.center > div, .main.center > form{justify-content: center;}

	.navLeft:not(.active) + div + .main{width: calc(100% - var(--navLeftClosed)); margin-left: var(--navLeftClosed);}

	.main .sectionBox.w10{width: 50%;}
	.main .sectionBox.w20{width: 100%;}
	.main .sectionBox.w25{width: 50%;}
	.main .sectionBox.w30{width: 50%;}
	.main .sectionBox.w30.fullMobile{width: 100%;}
	.main .sectionBox.w33{width: 50%;}
	.main .sectionBox.w40{width: 100%;}
	.main .sectionBox.w50{width: 100%;}
	.main .sectionBox.w60{width: 100%;}
	.main .sectionBox.w70{width: 100%;}
	.main .sectionBox.w75{width: 100%;}
	.main .sectionBox.w80{width: 100%;}
	.main .sectionBox.w100{width: 100%;}

	.main .sectionBox.w100.actionPlanTasks{width: 100%; min-width: 100%;}
	/*.main .sectionBox.actionPlanKPIs{width: 100%;}*/
	.main .sectionBox.actionPlanKPIs .actionPlanKpi{width: var(--actionPlanKpiWidth);}
	.main .sectionBox.actionPlanKPIs .actionPlanKPIWrapper{flex-wrap: wrap; flex-direction: row; justify-content: center; column-gap: 50px}


	.main #selectedScheduledOrderForm {width: 50%; margin: 0 auto;}

	.main .sectionBox.la{text-align: center;}
	.main .sectionBox.ra{text-align: center;}

	.headerBar .btn.noHover:has(img){display: none;}

	section.half{width: calc(100%);}
	section.third{width: calc(100%);}
	section.forth{width: calc(100%);}
	section.forthMobileHalf{width: calc(50%);}
	section.fifth{width: calc(100%);}
	section.sixth{width: calc(100%);}

	.formBtn.inRow{margin: 5px;}

	section.block.long .longBlock{font-size: 16px;}
	section.block.long .longBlock .subject{padding: 0 5px}

	section.block.long.miniCol .longBlock.btn{width: 100%; padding: 0}

	.popUpBox{margin: 100px calc((100% - var(--popupBoxW))/2) 0 calc((100% - var(--popupBoxW))/2);; padding: 30px 20px 50px;}
	.popUpBox.small{margin: 100px 5px 0 5px;}
	.popUpBox:not(.locationOptions):not(.small) {left: 10px; width: calc(100% - 20px);}

	section.block.kpiBlock { margin: 0 auto; }
	section.block.short.kpiBlockV2 > div.kpiBoxV2 { max-width: none; flex-basis: 30%; }
	section.block.short.kpiBlockV2.vertical { flex-direction: row; }

	/* Live Remote Line */
	#liveRemoteLine .main.realtimeDisplayMainInternal.filled { flex-wrap: wrap; font-size: 2.5vw; padding: 30px 0 0; }
	.main.realtimeDisplayMainInternal.filled .sidebar { width: 100vw; flex-direction: row; flex-wrap: wrap; border: none; }
	.main.realtimeDisplayMainInternal.filled .sidebar .clientLogo { background: none; box-shadow: none; flex-basis: 100%; }
	.main.realtimeDisplayMainInternal.filled .sidebar .kpiBoxV2 { width: auto; text-align: center; flex-grow: 1; }
	.main.realtimeDisplayMainInternal.filled .xyz,
	.main.realtimeDisplayMainInternal.filled .xyz .downActionWrap { width: 100vw; height: unset; flex-wrap: wrap; }
	.main.realtimeDisplayMainInternal.filled .xyz .downActionWrap > div { flex-basis: 100%; }
	.main.realtimeDisplayMainInternal.filled .xyz .downActionWrap .downActionTitle { font-size: 3vw; }
	.main.realtimeDisplayMainInternal.filled .xyz .downActionWrap .daItemDetails { font-size: 2vw; }

}