@CHARSET "UTF-8";

/* RESPONSIVE UP TO LAPTOP */
@media only screen and (min-width: 0px) and (max-width: 1149px) {
	div#content p, div#content ul, div#content td, div#content ol {
		font-size: 1.25em;
	}
	
	div.productline p {
		display: none;
	}
	
	h4 {
		display: block;
		font-size: 1.25em;
		height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	h4 a {
		display: block;
		height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	iframe {
		width: 100%;
		height: auto;
	}
}

/* SMARTPHONES AND TABLETS */
@media only screen and (min-width: 0px) and (max-width: 1023px) {
	.desktop {
		display: none !important;
	}
	
	.responsive {
		display: block !important;
	}
	
	span.responsive {
		display: inline !important;
	}
	
	span.singleline {
		height: 25px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
	}
	
	h1 {
		height: auto;
	}
	
	h1.always_visible_small {
		line-height: normal;
	}
	
	
	div#menu {
		position: relative;
		margin-left: 20px;
		margin-right: 20px;
		left: auto;
		width: auto;
		min-width: 320px;
	}
	
	div#menunano {
		height: 0px;
	}
	
	div#menucontent {
		width: 100%;
	}
	
	a#logo {
		right: 0px;
		width: 200px;
		background-position: -100px center;
	}
	
	a#menu {
		position: absolute;
		width: 100px;
		height: 92px;
		/*background-image: url("../img/icon_menu.png");
		background-size: 42px 42px;
		background-repeat: no-repeat;
		*/
		left: 9px;
		top: 9px;
	}
	
	div#logo {
		left: auto;
		right: 9px;
	}
	
	div#content_container {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		width: auto;
	}
	div#content {
		position: static;
		margin: 0px;
		width: auto;
		border-radius: 10px;
	}
	
	div#footer {
		position: relative;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		right: auto;
	}
}

/* SMARTPHONES */
@media only screen and (min-width: 0px) and (max-width: 767px) {
}

/* TABLETS */
@media only screen and (min-width: 768px) and (max-width: 955px) {

}

@media only screen and (min-width: 0px) and (max-width: 680px) {
	
}

/* SMALL SMARTPHONES */
@media only screen and (min-width: 0px) and (max-width: 450px) {
	h1 {
		font-size: 1.4em;
	}

}