
@media all and (max-width: 1249px) {

	.main-menu-container .nav-search form#sivustohaku {
		right: 0;
	}

}

@media all and (max-width: 1499px) {

	.main-menu-container .expandable-menu {
		font-size: 18px;
	}

}

@media all and (max-width: 1299px) {

	.main-menu-container .expandable-menu {
		font-size: 16px;
	}

	.main-menu-container.open .expandable-menu {
		height: 33em;
	}

	.main-menu-container .expandable-menu .menu-banners {
		max-width: 22em;
	}

}

@media all and (max-width: 1199px) {

	.main-menu-container .expandable-menu {
		font-size: 15px;
	}

	.main-menu-container.open .expandable-menu {
		/*height: 31em;*/
	}

}

@media all and (max-width: 999px) {

	.main-menu-container.small:not(.touch-menu) .nav-bar { height: var(--navbar-height); }
	.main-menu-container:not(.touch-menu) .nav-bar nav > div.nav-item { height: auto; }
	.main-menu-container:not(.touch-menu) .nav-bar .brand { width: 100%; padding-top: 8px; }
	.main-menu-container .nav-bar .brand img { width: 100px; }

	.main-menu-container .expandable-menu {
		font-size: 16px;
	}

}

/* MOBILE MENU */
@media all and (max-width: 859px) {

	html.menu-open,
	html.menu-open body { overflow: hidden; height: 100%; }

	.main-menu-container .nav-bar { position: fixed; }
   
	.main-menu-container .nav-bar,
	.main-menu-container.small .nav-bar { height: var(--navbar-mobile-height); }

	.main-menu-container .expandable-menu {
		font-size: 22px;
		margin-top: var(--navbar-mobile-height);
	}

	.main-menu-container.open .expandable-menu { 
    	overflow: auto;
    	height: 100vh;
 		height: calc(var(--doc-height) - var(--navbar-mobile-height));
	}

	.main-menu-container .expandable-menu .menu-item.expandable a .menu-link-icon { margin-top: 0; margin-bottom: 0; }

	.main-menu-container .expandable-menu .tab.selected.relative-pos { position: relative; }

	.main-menu-container .expandable-menu .tab .tab-cols { height: auto; }

	.main-menu-container .expandable-menu .tab .tab-cols > div.positioner { width: 100%; }

	.main-menu-container .expandable-menu,
	.main-menu-container .expandable-menu .tab,
	.main-menu-container .expandable-menu .tab .tab-cols,
	.main-menu-container .expandable-menu .tab .tab-cols > div.positioner {
	    flex-direction: column;
	}

   	.main-menu-container .expandable-menu .tab .tab-cols > div:first-child,
   	.main-menu-container .expandable-menu .tab .tab-cols > div:last-child { display: none; }

	.main-menu-container .expandable-menu .tab .content-main,
	.main-menu-container .expandable-menu .tab .content-side {
		width: 100%;
	}

	.main-menu-container .expandable-menu .tab .content-main { padding: 1.5em 0 0.5em; }

	.main-menu-container .expandable-menu .content-main > div {
		width: 100%;
		margin-bottom: 0.7em;
		padding: 0 1em 0 2em;
	}

	.main-menu-container .expandable-menu .column-1 .menu-item {
		white-space: normal;
	}

	.main-menu-container .expandable-menu .menu-item { 
		padding: 0.3em 0;
	}

	.main-menu-container .expandable-menu .menu-item.style-regular,
	.main-menu-container .expandable-menu .menu-item.style-subheading,
	.main-menu-container .expandable-menu .menu-item.back,
	.main-menu-container .expandable-menu .tab.level-0 .column-1 .menu-item.style-regular, 
	.main-menu-container .expandable-menu .tab.level-1 .column-1 .menu-item.style-regular { 
		font-size: 1em; 
	}

	.main-menu-container .expandable-menu .tab[data-menuid="3"] .menu-item.style-button, 
	.main-menu-container .expandable-menu .tab[data-menuid="4"] .menu-item.style-button {
		margin-top: 1.5em;
	}

	.main-menu-container .expandable-menu .menu-item.spaceafter { margin-bottom: 0.7em; }
	.main-menu-container .expandable-menu .menu-item.spacebefore { margin-top: 0.7em; }

	.main-menu-container .expandable-menu .menu-banners {
		max-width: none;
		margin: 0;
	}

	.main-menu-container .nav-search { z-index: 1; margin-top: var(--navbar-mobile-height); }
	.main-menu-container .nav-search form#sivustohaku { width: 100%; }

}


@media all and (max-width: 499px) {
	.main-menu-container .expandable-menu .menu-banners {
	    font-size: 0.8em;
	}
}

@media all and (max-width: 399px) {
	.main-menu-container .expandable-menu { font-size: 18px; }
}