@media screen and (max-width: 1020px) {

}

@media screen and (max-width: 600px) {
	
	#viewport {
		padding-top:94px;
	}
	
	#header .topbar .language-switch {
		display:none;
	}
	#header .topbar p {
		text-align:center;
	}
	#header .middlebar .table-display .td-display {
		display:none;
	}
	#header .middlebar .table-display .td-display.td-w-160 {
		display:block;
		width:100%;
		text-align:center;
	}
	#header .bottombar {
		display:none;
	}
	body.scrolled #header .middlebar a.brand,
	#header .middlebar a.brand {
	}
	
	
	#header .middlebar .mobile-menu-toggle{
		position:absolute;
		top:-5px;
		left:0px;
		display:block;
		width:42px;
		height:42px;	
		float:left;
		padding:3px 6px 6px;
		border:solid 1px rgba(6, 92, 169,0.7);
	}
	#header .middlebar .mobile-menu-toggle span {
		display:block;
		width:100%;
		height:5px;
		background:rgba(6, 92, 169,0.7);
		margin-top:5px;
	}
	#header .middlebar .mobile-menu-toggle:hover {
		border:solid 1px rgba(6, 92, 169,0.9);
		cursor:pointer;
	}
	#header .middlebar .mobile-menu-toggle:hover span {
		background:rgba(6, 92, 169,0.9);
	}
	
}
