/* Desktop, full */
@media only screen and (max-width: 2048px) and (min-width: 560px) {
}

/* Desktop smaller 2, Tablet */
@media only screen and (max-width: 1029px) and (min-width: 560px) {
	body {
		font-size: 9px;
	}
}


/* Desktop smaller 3, Tablet */
@media only screen and (max-width: 960px) and (min-width: 560px) {
	body {
		font-size: 7px;
	}

	nav#topmenu > ul > li > span,
	nav#topmenu > ul > li > a {
		font-size: 2em;
		padding: 0 2em;
	}

	div#footer > footer > section.copy > p,
	div#footer > footer > section.menu > ul > li > a,
	nav#topmenu > ul > li > ul > li > a,
	.content li,
	.content p {
		font-size: 1.857em;
	}

	.content h1 {
		font-size: 3em;
	}

	.content h2 {
		font-size: 2.572em;
	}

	.content h4,
	.content h3,
	section#product_groups > ul > li > a > figure > figcaption {
		font-size: 2em;
	}
}

/* Desktop smaller 4, Tablet */
@media only screen and (max-width: 760px) and (min-width: 560px) {
	body {
		font-size: 6px;
	}

	nav#topmenu > ul > li > span,
	nav#topmenu > ul > li > a {
		font-size: 2.4em;
		padding: 0 1.4em;
	}

	div#footer > footer > section.copy > p,
	div#footer > footer > section.menu > ul > li > a,
	nav#topmenu > ul > li > ul > li > a,
	.content li,
	.content p {
		font-size: 2.4em;
	}

	.content h1 {
		font-size: 4em;
	}

	.content h2 {
		font-size: 3em;
	}

	.content h4,
	.content h3,
	section#product_groups > ul > li > a > figure > figcaption {
		font-size: 2.6em;
	}
}

/* Desktop smaller 4, Tablet */
@media only screen and (max-width: 759px) and (min-width: 560px) {
	body {
		font-size: 5px;
	}
}

/* Desktop smaller 4, Tablet */
@media only screen and (max-width: 559px) and (min-width: 320px) {

	.content img.left {
		float: none;
		margin: 0;
	}

	.content img.right {
		float: none;
		margin: 0;
	}

	div#heading > header {
		width: 100%;
		background: none;
	}

	div#heading > header > h1 > a {
		width: 90%;
		margin-left: 5%;
		background-position: left center;
	}

	nav#topmenu {
		height: auto;
		border: none;
		background: none
	}

	nav#topmenu > ul {
		border: none;
		display: none;
		text-align: left;
		z-index: 65535;
	}


	nav#topmenu > ul > li {
		float: none;
		line-height: 3em;
		border: none;
	}

	nav#topmenu > ul > li > span,
	nav#topmenu > ul > li > a {
		color: #861315;
		padding: 0 0;
	}

	nav#topmenu > ul > li > ul {
		position: static;
		list-style: none;
		padding: 0;
		margin: 0 0 0 3.6em;
		border: none;
	}

	nav#topmenu > ul > li > ul > li {
		background: none;
		padding: 0;
	}


	nav#topmenu > ul.js {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		margin: 0 1em 0 0;
		padding: 4.4em 0 0 0;
		background: url(images/mob_menu_trg.png) no-repeat top right;
		overflow: hidden;
		height: auto;
		width: auto;
	}

	nav#topmenu > ul.js.closed {
		height: 0;
		width: 5em;
	}

	nav#topmenu > ul.js > li {
		display: block;
		float: none;
		margin: 0;
		padding: 0 1em;
		background-color: #f8d8a9;
		border-left: 1px solid #861315;
		border-right: 1px solid #861315;
	}

	nav#topmenu > ul.js > li:first-child {
		border-top: 1px solid #861315;
	}

	nav#topmenu > ul.js > li:last-child {
		border-bottom: 1px solid #861315;
	}

	nav#topmenu > ul.js > li > a.selected {
		border: none;
	}

	div#footer {
		border-top: 1px solid #cc9d65;
		padding-left: 5%;
	}

	div#footer > footer {
		position: static;
		width: auto;
		line-height: auto;
		text-align: center;
	}

	div#footer > footer > section.copy {
		float: left;
	}

	div#footer > footer > section.top {
		float: right;
		position: static;
		margin-left: 0;
	}

	div#footer > footer > section.menu {
		display: none;
	}

	div#home_slider_wrp {
		display: none;
	}

	div#main {
		padding: 0 5%;
	}

	div#main > main {
		position: static;
		width: auto;
		min-height: auto;
	}

	section#partners > ul > li {
		display: block;
		float: left;
		width: 100%;
		height: 25.6em;
		text-align: center;
	}

	section#product_details > ul > li,
	section#product_groups > ul > li {
		float: none;
		width: 100%;
		margin: 3.2em 0 0 0;
	}

	section#product_details > ul > li > figure > span,
	section#product_groups > ul > li > a > figure > span {
		display: block;
		width: auto;
		height: 34em;
	}

	#gmap {
		width: 100%;
		height: 20em;
	}

}

@media only screen and (max-width: 480px) and (min-width: 320px) {
	section#product_details > ul > li > figure > span,
	section#product_groups > ul > li > a > figure > span {
		height: 30em;
	}
}

@media only screen and (max-width: 400px) and (min-width: 320px) {
	section#product_details > ul > li > figure > span,
	section#product_groups > ul > li > a > figure > span {
		height: 26em;
	}
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
	section#product_details > ul > li > figure > span,
	section#product_groups > ul > li > a > figure > span {
		height: 22em;
	}
}

@media only screen and (max-width: 320px) and (min-width: 320px) {
	section#product_details > ul > li > figure > span,
	section#product_groups > ul > li > a > figure > span {
		height: 20em;
	}
}