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

	:root{
		--popupBoxW: 550px;
	}

	section{overflow-x: auto;}
	section.block.kpiBlock{flex-wrap: nowrap; margin: -15px 15px 0; justify-content: flex-start;}
	section.block > div{min-height: initial;}

	.main .sectionBox.w10{width: 50%;}
	.main .sectionBox.w20{width: 100%;}
	.main .sectionBox.w25{width: 100%;}
	.main .sectionBox.w30{width: 100%;}
	.main .sectionBox.w33{width: 100%;}
	.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%;}

	.headerBar .btn.hideViaMobile,
	.hideViaMobile
	{display: none;}

	.headerBar .btn.showViaMobile{display: inline-block;}

	.headerBar .btn.sml{padding: 16px 10px; min-width: 40px;}

	.popUpBox section.block.short > div{width: calc(50% - 15px); min-width: initial; max-width: initial; min-height: 50px; height: 50px;}
	.popUpBox section.block.short .shortBlockBtn{font-size: 14px;}
	.popUpBox:not(.locationOptions):not(.small).commentThreadPopUp{top: calc(var(--headBarHeight) + 15px); left: 0; width: 100%; margin: 0; padding: 5px;}


	/*.popUpBox.small{margin: 100px calc((100% - 500px + 50px)/2) 0 calc((100% - 500px)/2);}*/
	.popUpBox h2 i{font-size: 1.2em; padding: 0 5px;}

	hr{margin: 40px 10px 40px;}

	.touchAction *:not(.popUpBox) i.link{font-size: 1.8em; padding: 5px 7px;}
	.touchAction div:has(.checkmark){padding-top: 20px; padding-bottom: 20px}
	.main.filled section.pageHeader h1 .tooltipWrap.touchAction i.link,
	.main.filled section .tooltipWrap.touchAction i.link
	{font-size: 30px; padding: 5px 12px;}

	.touchAction .blockSizeMin-1{width: calc(2 * 10px) !important;}
	.touchAction .blockSizeMin-2{width: calc(2 * 20px) !important;}
	.touchAction .blockSizeMin-3{width: calc(2 * 30px) !important;}
	.touchAction .blockSizeMin-4{width: calc(2 * 40px) !important;}
	.touchAction .blockSizeMin-5{width: calc(2 * 50px) !important;}
	.touchAction .blockSizeMin-6{width: calc(2 * 60px) !important;}
	.touchAction .blockSizeMin-7{width: calc(2 * 70px) !important;}
	.touchAction .blockSizeMin-8{width: calc(2 * 80px) !important;}
	.touchAction .blockSizeMin-9{width: calc(2 * 90px) !important;}
	.touchAction .blockSizeMin-10{width: calc(2 * 100px) !important;}
	.touchAction .blockSizeMin-11{width: calc(2 * 110px) !important;}
	.touchAction .blockSizeMin-12{width: calc(2 * 120px) !important;}
	.touchAction .blockSizeMin-13{width: calc(2 * 130px) !important;}
	.touchAction .blockSizeMin-14{width: calc(2 * 140px) !important;}
	.touchAction .blockSizeMin-15{width: calc(2 * 150px) !important;}
	.touchAction .blockSizeMin-16{width: calc(2 * 160px) !important;}
	.touchAction .blockSizeMin-17{width: calc(2 * 170px) !important;}
	.touchAction .blockSizeMin-18{width: calc(2 * 180px) !important;}
	.touchAction .blockSizeMin-19{width: calc(2 * 190px) !important;}
	.touchAction .blockSizeMin-20{width: calc(2 * 200px) !important;}
	.touchAction .blockSizeMin-21{width: calc(2 * 210px) !important;}
	.touchAction .blockSizeMin-22{width: calc(2 * 220px) !important;}
	.touchAction .blockSizeMin-23{width: calc(2 * 230px) !important;}
	.touchAction .blockSizeMin-24{width: calc(2 * 240px) !important;}
	.touchAction .blockSizeMin-25{width: calc(2 * 250px) !important;}
	.touchAction .blockSizeMin-26{width: calc(2 * 260px) !important;}

	#rmsg{max-width: calc(100vw - 20px); margin: 15px 10px 0; font-size: 1.1em;}
	#rmsg.toast{max-width: calc(100vw - 20px); margin: 15px 10px 0; left: 30px; right: 30px; width: auto;}

	/* .main .sectionBox.kpiBlockV3{display: flex; row-gap: 20px; flex-wrap: wrap; column-gap: unset; justify-content: space-around;} */
	.main .sectionBox.kpiBlockV3Lrg .sectionBox.kpiV3{min-width: calc(50% - 30px); overflow: hidden;}

	.sectionBox.kpiV3 > div.textWrap .text{font-size: 1em; text-align: left;}

}