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

	:root{
		--navLeftClosed: 0;
	}

	h2{font-size: 1.2em;}

	.main{padding: 30px 2px 0 2px; 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: 10%;}
	.main .sectionBox.w20{width: 50%;}
	.main .sectionBox.w25{width: 50%;}
	.main .sectionBox.w30{width: 50%;}
	.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.la{text-align: center;}
	.main .sectionBox.ra{text-align: center;}

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

	.navLeft{
		height: calc(100% - 50px);
		margin-top: 50px;
		width: var(--navLeftClosed);
		overflow: hidden;
		white-space: nowrap;
		background-color: #eee;
		box-sizing: border-box;
		vertical-align: top;
		display: inline-block;
		position: fixed;
		left: 0;
		z-index: 10;
		transition: width 0.3s;
	}

	.navLeft.active{width: 100vw;}
	.navLeft .btn:hover{background-color: var(--yellow);color: #ffffff;cursor: pointer;}
	.navLeft .btn i{width: 30px;text-align: center;margin: 0 10px;left: 0;}
	.navLeft .btn:visited{}

	.navRight.active{width: calc(100%);}
	.main.rightNavActive{width: calc(100% - 50px);}

	.headerBar{
		height: 50px;
		width: 100%;
		font-size: 14px;
		overflow: hidden;
		background-color: white;
		box-sizing: border-box;
		vertical-align: top;
		position: fixed;
		left: 0;
		z-index: 9;
	}


	.headerBar img.logo{
		margin: 5px 15px;
		height: calc(100% - 10px);
		width: 190px;
	}


	.headerBar .btn{
		display: inline-block;
		box-sizing: border-box;
		height: 100%;
		line-height: 100%;
		min-width: 0;
		padding: 15px 5px;
		vertical-align: top;
		text-align: center;
	}

	.headerBar .btn.sml{
		display: inline-block;
		box-sizing: border-box;
		height: 100%;
		line-height: 100%;
		min-width: 55px;
		padding: 15px 5px;
		vertical-align: top;
		font-size: 0;
		text-align: center;
	}

	.headerBar .btn{
		min-width: 55px;
		font-size: 0;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	.headerBar .btn.noIcon i,
	.headerBar .btn i{font-size: 18px;}

	.headerBar .btn:first-child{
		min-width: 50px;
		font-size: 0;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	/*section.block.long.xLargeCenter{height: initial;}*/
	section.block.long.xLargeCenter .longBlock.formInput{width: 100%; padding-left: 0; padding-right: 0;}
	section.block.long.xLargeCenter .longBlock.formInput input[type='text']{width: 100%;}
	section.block.long.xLargeCenter .longBlock.formInput .subject{align-items: center; margin-bottom: 20px;}
	section.block.long.xLargeCenter .longBlock.formInput .subject label{font-size: 1.2em}

	.locationOptions{
		width: calc(100% - 70px);
		margin: 60px 10px 10px 60px;
		padding: 20px;
		height: calc(100% - 70px);
		background-color: #fff;
		z-index: 10;
		font-size: 16px;
		box-sizing: border-box;
		border: 1px #ccc solid;
		overflow-y: auto;
	}
	.locationOptions.active{display: inline-block;}


	.locationOptionsHead{
		font-size: 18px;
		padding: 0 0 10px 0;
		margin: 0;
		/*width: 100%;*/
		height: 30px;
		line-height: 30px;
		box-sizing: border-box;
		display: inline-block;
	}

	.popUpOptionsItem.mod i{
		font-size: 0px;
		margin: 0;
	}

	.popUpOptionsItem,
	.popUpOptionsItem.plant,
	.popUpOptionsItem.mod{
		height: 45px;
		/*padding: 3px 0 5px 0;*/
		padding: 13px 0;
		margin: 3px 0;
		background-color: var(--blue);
		color: #fff;
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
	}

	.modHomeMenu a{
		font-size: 14px;
		width: calc(50% - 10px);
		height: 100px;
		padding: 10px;
		margin: 10px 5px;
		line-height: 1em;
	}

	.innerPart{
		width: 100%;
	}

	.kpiBar .item{
		height: 65px;
		width: calc((100% - 10px)/3);
		margin: 0 5px 0 0;
		font-size: 32px;
		line-height: 85px;
	}

	.kpiBar.active{ height: 80px;}

	#rmsg::after{left: 5%;}

	section{
		padding: 5px;
		width: 100%;
		margin-bottom: 5px;
		font-size: 16px;
	}

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

	.formBtn.inRow{margin: 5px;}

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

	.popUpBox{display: none;position: fixed;width: calc(100% - 10px);margin: 100px 5px 0 5px; padding: 30px 20px 50px;min-height: 200px;max-height: calc(100vh - 200px);font-size: 16px;}
	.popUpBox.small{margin: 100px 5px 0 5px;}

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

	.scrollIndicator {position: fixed; display: flex; border-width: 0; padding: 0; margin: 0; justify-content: center; bottom: 0; z-index: 100; width: 100vw; height: 120px; background-color: rgba(0,0,0,0.85); opacity: 1; transition: opacity 1s;}
	.scrollIndicator.hide {opacity: 0;}
	/*box-shadow: 0 0 50px 70px #333;*/
	.scrollIndicator a {
		padding-top: 70px;
		padding-bottom: 30px;
		color: #ffffff;
		font-size: 1.2em;
		text-decoration: none;
		font-family: 'Spline Sans', sans-serif;
	}
	.scrollIndicator a span {
		position: absolute;
		top: 0;
		left: 50%;
		width: 30px;
		height: 30px;
		margin-left: -15px;
		border-left: 3px solid #fff;
		border-bottom: 3px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation: sdb05 1.5s infinite;
		animation: sdb05 1.5s infinite;
		box-sizing: border-box;
	}

	.horizontalScrollable .formRow > div.sticky{position: unset;}

	.main.filled section.pageHeaderV2{flex-direction: column; row-gap:10px;}
	.main.filled section.pageHeaderV2 .hx{width: 100%; justify-content: center;}
	.main.filled section.pageHeaderV2 .hx h1{width: 100%; text-align: center;}
	.main.filled section.pageHeaderV2 .headerActions{align-items: center;}
	.main.filled section.pageHeaderV2 .headerActions .links{justify-content: center;}
	.main.filled section.pageHeaderV2 .headerBtns{justify-content: center;}

	.main .sectionBox.kpiBlockV3{padding: 0 40px; justify-content: flex-start;}
	.main .sectionBox.collapsableOuter .collapsableHeader{flex-direction: column;}
	.main .sectionBox.collapsableOuter .collapsableHeader span:last-of-type{flex-wrap: wrap; justify-content: space-between; width: 100%;}

	.main .sectionBox.flexAlignCenter{flex-wrap: wrap;}

	@-webkit-keyframes sdb05 {
		0% {
			-webkit-transform: rotate(-45deg) translate(0, 0);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			-webkit-transform: rotate(-45deg) translate(-20px, 20px);
			opacity: 0;
		}
	}
	@keyframes sdb05 {
		0% {
			transform: rotate(-45deg) translate(0, 0);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			transform: rotate(-45deg) translate(-20px, 20px);
			opacity: 0;
		}
	}

}