@media screen and ( max-width:1220px ) {
	#menu li { width:auto; }
}

@media screen and ( max-width:980px ) {
	
	#menu { font-size:0.75em; }
	#menu li a { padding:0 5px; }
	#menu li a.active, #menu li a.active:hover { padding:0 17px 0 20px; }
	
	#countdown { display: none; }

}

@media screen and ( max-width:720px ) {
	#main, #sidebar { float:none !important; clear:both; width:auto; margin-left:0 !important; margin-right:0 !important; }
		#main { margin-bottom:40px; }

	
	#footer .top ul, #slogan { width:auto; float:none; clear:both; text-align:left; }
	#footer .top ul { overflow:auto; }
	#slogan { margin-top:40px; text-align:center; }
	#slogan p { padding:0; margin:0; }
	
		
	#ten-logo { display: none; }
	#countdown { display: none; }
	
	
}

@media screen and ( max-width:588px ) {
	#header { background:#000; }
	#logo { width:100px; height:40px; float:none; margin:0; padding:10px 0; }
	#logo img { display:none; }
	#main-logo { background:url('/data/images/1/4/7/logo-m.png') no-repeat; background-size:100% 100%; margin:0; width:100px; height:40px; display:block; }
	/* Display none */
	#service-menu, #menu { display:none; }
	#mobile-menu-expand { display:block; width:40px; height:40px; position:absolute; right:10px; top:10px; }
	
	#menu.show { display:block; }
	#menu { line-height:40px; height: auto; }
	#menu li { float:none; text-align:left; }

	#menu li a { padding: 0 0 0 20px; }
	#menu li a.has-menu { position: relative; }
	#menu li a.has-menu:before { content: ""; position: absolute; display: block; width: 8px; height: 8px; left: 6px; top: 15px; background-image: url('https://www.talq-consortium.org/data/images/3/9/3/caret-right.png'); background-position: center; background-repeat: no-repeat;  transition: transform 300ms ease-out; }  
	#menu li a.active-link.has-menu:before { transform: rotate(90deg); transition: transform 300ms ease-out; }  
	#menu li a:hover, #menu li a.active, #menu li a.active:hover { background: #000; color: #FFF; }
	
	#menu li ul { width: auto; height: auto; position: static; background-color: #222222; }
	
	#content { margin:20px 0; }
	.page_title, #submenu li.last, #whitepaper { margin-bottom:20px; }
		.page_title h1 { margin-top:0.4em; }

	#footer .bottom ul { width:auto; margin:0 10px; font-size:0.75em; }
	#footer .bottom ul li a { padding:0; margin-right:10px; }
	
	.cookieaccept 				{ position: fixed; bottom: 5px; z-index: 100; left: 5px; right: 5px; border-radius: 5px; }
	.cookieaccept p 			{ margin: 10px 30px; }
	
	table th { writing-mode: vertical-rl; text-orientation: mixed; }
	
	
	#ten-logo { display: none; }
	#countdown { display: none; }
	
}