div#ttl_show3d_info {
	margin-bottom: 1em;
}

div.ttl_model_nav {
   background-color: #5b5b5b; 
}

div#ttl_model_control {
	display: none;
}

div#ttl_show3d_full:-webkit-full-screen {
	width: 100vw;
	height: 100vh;
}

div#ttl_show3d_full:-moz-full-screen {
	width: 100vw;
	height: 100vh;
}

div#ttl_show3d_full:-ms-fullscreen {
	width: 100vw;
	height: 100vh;
}

div#ttl_show3d_full:fullscreen {
	width: 100vw;
	height: 100vh;
}

div#ttl_show3d_full:-webkit-full-screen > canvas {
	height: 100%;
}

div#ttl_show3d_full:-moz-full-screen > canvas {
	height: 100%;
}

div#ttl_show3d_full:-ms-fullscreen > canvas {
	height: 100%;
}

div#ttl_show3d_full:fullscreen > canvas {
	height: 100%;
}

div#ttl_show3d_full:-webkit-full-screen > div#ttl_base_control {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}

div#ttl_show3d_full:-moz-full-screen > div#ttl_base_control {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}

div#ttl_show3d_full:-ms-fullscreen > div#ttl_base_control {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}

div#ttl_show3d_full:fullscreen > div#ttl_base_control {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}

@media (min-width: 641px) and (max-width: 1200px) /* Tab and portrait-phone*/
{
	div.ttl_model_nav > button.ttl_toggle {
		width: 20%;
		display: inline-block;
	}
	div#ttl_model_control > button.ttl_toggle {
		width: 50%;
		display: inline-block;
		margin: 0;
	}
}

@media (max-width: 640px) /* smartphone breaks */
{
	div.ttl_model_nav > button.ttl_toggle {
		width: 20%;
		display: inline-block;
	}
	div#ttl_model_control > button.ttl_toggle {
		width: 100%;
		display: inline-block;
		margin: 0;
	}
}