html { -webkit-text-size-adjust: 100%; }

@media only screen and (max-width: 1180px) {
	.wrap { width: 96%; margin: 0 2%; }
	
	.round { height: auto !important; width: 100% !important; }
	.wm-zoom-box { width: 100% !important; height: 100% !important; }
		
	#AddWidgetContent { margin: 2% 0 2% 8%; }
} 

@media only screen and (max-width: 1100px) {
	.leftImg, .rightImg { padding-bottom: 5%; }
}

@media only screen and (max-width: 1000px) {
	.leftImg, .rightImg { padding-bottom: 5%; }
	.leftImg .subtitle, .rightImg .subtitle,
		.leftImg .text, .rightImg .text { width: 50%; }
}

@media only screen and (max-width: 900px) {
	#promosection .contact div.contactBorder { font-size: 90%; }	
}

@media only screen and (max-width: 900px) {
	header { margin-top: 100px; }
	#Logo img { top: -64px; }
}

@media only screen and (max-width: 800px) {
	header { margin-top: 80px; }
	#Logo img { top: -54px; }
	
	#startsection > div.colLeft, #startsection .marginal, #startsection .colLeft .marginal, #startsection .slider { width: 100% !important; margin: 0; float: none; padding-bottom: 4%; }
	#startsection .marginal .round { width: 45% !important; margin-right: 5%; float: left; }
	#startsection .marginal.colRight .round { margin-left: 5%; margin-right: 0; float: right; }
	#startsection .arrowLink { margin: 2% 30% 2% 70%; width: 10% !important;}
	#startsection .marginal.colRight .arrowLink { margin: 2% 80% 2% 20%; }
	
	#promosection .objects, #promosection .contact { width: 100%; margin: 0; }
	#promosection .contact div.contactBorder { margin-top: 2%; padding: 0; }
	#promosection .contact div.contactBorder > div { min-height: inherit; padding-top: 0; }
	#promosection h3#AddWidgetHeading, #promosection #AddWidgetContent { margin: 0 2%; }
	#promosection .colRight.contact li ul { padding: 1% 0; }
	#promosection .contactBorder .ornament { display: none; }
	section#promosection { margin-bottom: 2%; }
	
	#promosection .contact div.contactBorder { font-size: 100%; }
	
	.antikLeft .subtitle, .antikRight .subtitle { width: 58%; }
	.antikLeft .text, .antikRight .text { width: 38%; }
}

@media only screen and (max-width: 700px) {
	header { margin-top: 70px; }
	#Logo img { top: -44px; }
	
	#ProductOverview { width: 100%; overflow: hidden; }
	#ProductOverview > li { width: 48%; margin: 2%; }
	#ProductOverview > li:nth-child(2n+1) { margin-left: 0; }
	#ProductOverview > li:nth-child(2n+2) { margin-right: 0; }
	
	.antikLeft .subtitle, .antikRight .subtitle { width: 48%; }
	.antikLeft .text, .antikRight .text { width: 48%; }
	
	.productvisImageList li { width: 48%; margin: 2%; }
	.productvisImageList li:nth-child(2n+1) { margin-left: 0; }
	.productvisImageList li:nth-child(2n+2) { margin-right: 0; }
	
	li.contactWidget.colLeft { width: 59%; }
	li.contactWidget.colRight { width: 39%; }
	li.contactWidget.colRight img { width: 100% !important; height: auto !important; }
}

@media only screen and (max-width: 650px) {
	footer p { display: block; float: none; text-align: center; }
	#footerNavi { float: none; width: 100%; text-align: center; padding: 2% 0; }
	#footerNavi li { float: none; display: inline; }
}

@media only screen and (max-width: 600px) {
	header { margin-top: 60px; }
	#Logo img { top: -34px; }
	
	.antikLeft .subtitle, .antikRight .subtitle { width: 100%; }
	.antikLeft .text, .antikRight .text { width: 96%; }
	
	.leftImg, .rightImg { display: block; }
	.leftImg .subtitle, .rightImg .subtitle,
		.leftImg .text, .rightImg .text { width: 100%; display: block; }
	.leftImg .subtitle img, .rightImg .subtitle img { height: auto !important; width: 60% !important; margin: 0 20%; }
	
	#text .refImages li { width: 48%; }
}

@media only screen and (max-width: 500px) {
	.productvislistmodule .col2.colRight,
		.productvislistmodule .col2.colLeft { margin: 0; width: 100%; }
		
	li.contactWidget.colLeft, li.contactWidget.colRight { width: 100%; margin: 0; }
}

/*
@media only screen and (max-width: 970px) {
	.wrap { width: 96%; margin: 0 2%; min-width: inherit; }
	header { min-height: 50px; }
	main { overflow: hidden; clear: both; }
	
	#text img.fullsizeImg { width: 100% !important; height: auto !important; }
	#text img.fullsizeImg.floating { width: 48% !important; height: auto !important; }
}

@media only screen and (max-width: 800px) {
	#mobileNavItem { left: inherit; top: 10px; right: 15px; background: #204999 ; color: #fff; cursor: pointer; padding: 5px 10px; position: absolute; }
	
	#navWrapper { width: 100%; float: none; background: #fff; text-align: left; }
	#horizontalNavi { float: none; clear: both; width: 100%; height: 0; overflow: hidden; }
	#horizontalNavi > li { float: none; width: 100%; border-bottom: solid 1px #fff; border-bottom: solid 1px #204999; }
	#horizontalNavi > li > a { padding: 7px 2% }
	#horizontalNavi span i { display: none; }
	
	#horizontalNavi ul { height: inherit; position: relative; width: 95%; margin-left: 5%;}
	#horizontalNavi ul li, #horizontalNavi ul li:hover { background: none; color: #204999; }
	#horizontalNavi > li:hover ul.simpleDropDown  { height: auto; }
	#horizontalNavi ul li a, #horizontalNavi ul li a:hover { color: #204999; padding: 1.5% 0%; border-top: dotted 1px #204999; }
	
	#logo { width: 100%; }
	#logo img { height: 50px; width: auto; }
}

@media only screen and (max-width: 720px) {
	#mobileSubNavItem { display: block; background: #204999; color: #fff; padding: 10px 10px; cursor: pointer; margin: 5px 0; left: inherit; position: relative;}
	#mobileSubNavItem:hover { background: #333; }
	.default section#contentsection { width: 100%; margin-left: 0; margin-right: 0;}
	.default aside#subNavi { width: 280px; margin-left: -300px; }
}

@media only screen and (max-width: 500px) {
	#text img.fullsizeImg.floating { width: 100% !important; margin: 0 !important;}
}
*/