@media screen and (max-width: 1200px) {
	:root{
		--headBarHeight: 60px;
	}

	.headerBar .btn.sml { min-width: 50px; }

	.headerBar .btn.clientImg {display: none;}
	.headerBar .btn {font-size: 0.85em; min-width: 60px;}
	.headerBar .btn.withChild {padding: 0 10px;}
	.headerBar .btn.withChild .primary {padding: 0;}
	.headerBar .btn .expand {display: none;}


	section.block.short > div.kpiBox{margin: 0 15px 10px 0; max-width: calc(25% - 15px);}

	.loading{width: calc(100%); height: calc(100vh - 10px); margin-top: 10px; margin-left: 0;}

	.headerBar .btn:first-child,
	.headerBar .btn i
	{font-size: 1em;}

	.main .sectionBox.collapsableV2ParentGrid.jobAgendaGrid { grid-template-columns: 1fr; }
}