@media only screen
and (max-width : 959px) {

	#head_left, #head_right {display: none; float: none !important;}
	#header_main h1 {clear: both; float: none !important; margin: 0 auto 10px auto !important; width: 84% !important;}
	#navigation {clear: both; float: right; width: 100%;}

	#cart_circle {margin: -97px 0 0 0 !important; }

	.index-frm-left, .index-frm-right { width: 49% !important; }
	.index-frm-left {margin-left: 1% !important;}

	.new_products .omega, .new_product {float: left !important; clear:none !important; margin: 0 1% 20px 1% !important; width: 23% !important; }


	#bigfoot_left, #bigfoot_right, #bigfoot_left h3 {height: 80px; line-height: 80px;}
	#bigfoot_left h3 {font-size: 26px; text-align: center;}
	#footer_search {padding-top: 22px !important; margin-right: 10%;}
	#footer_search fieldset {margin: 0;}
	#footer_search a {margin-top: -46px;}

	#footer_yada {width: 70% !important;}
	#footer_yada ul, #footer_yada p {margin-left: 10px;}
	#footer_contact {width: 30% !important;}
	#footer_contact p {margin-right: 10px !important;}

	ul.footcat_up {margin-top: 0 !important;}
}

@media only screen 
and (max-width : 820px) {
	#inf_prod_select span {display: none;}
	#inf_prod_select em {display: inline !important;}
	.contact .half-box {float: none !important; width: 96% !important; margin: 0 auto 20px auto !important;}
}

@media only screen 
and (max-width : 760px) {
	.new_products .omega, .new_product { width: 31% !important; }

	.webshop_add_btn {width: 40% !important;}

	#webshop_category_index .section_half, #webshop_category_index .last {clear: both; float: none !important; width: 96% !important; margin: 0 auto 20px auto !important; }
}

@media only screen 
and (max-width : 640px) {

	#header_main h1 {width: 70% !important; margin: 0 0 10px 10px !important; }
	#cart_circle {margin: -185px 0 0 -10px !important; }

	.staff .post {clear: both; float: none; width: 96% !important; margin: 0 auto 20px auto !important; }

	ul.images, div.with_pics {float: none; width: 96%; margin: 0 auto 20px auto;}

	.slide-txt-bg { width: 100% !important; margin-left: -150%; }
	.slide-txt-content { margin-left: -70%; }

	.index-frm-left, .index-frm-right {clear: both; float: none !important; border-right: none !important; width: 96% !important; margin: 0 auto 15px auto !important;}
	.index-frm-right fieldset legend {padding-top: 10px;}

	#webshop_checkout .section_third, #webshop_checkout .last {
		clear: both;
		float: none !important;
		width: 96% !important;
		margin: 0 auto 15px auto !important;
	}
}

@media only screen 
and (max-width : 560px) {
	.new_products .omega, .new_product { width: 48% !important; }
	.webshop_add_btn {width: 60% !important;}
}


@media only screen 
and (max-width : 480px) {

	#header_main {height: 220px !important;}
	#header_main h1 {width: 80% !important; margin: 0 auto 10px auto !important; height: 100px !important;}
	#nav_mobile {display: block;}
	#navigation, #nav_main_sub_container {display: none;}
	#cart_circle {margin: -94px 0 0 -22% !important;}

	#slideshow_container {display: none;}

	.webshop_add_btn {width: 70% !important;}

	#bigfoot_left {display: none;}
	#bigfoot_right {width: 100%; float: none !important; }
	#footer_search {margin-right: 10%;}

	p.book_direct, #bigfoot_content ul, #bigfoot_content ul { width: 96% !important; margin: 0 auto 15px auto !important; text-align: center; }
	p.book_direct {padding-bottom: 15px; border-bottom: 1px solid #222; margin-bottom: 30px !important;}

	#footer_menu {display: none;}
	#footer_yada {margin-top: 25px;}
	#footer_yada, #footer_contact {float: none !important; width: 100% !important; text-align: center !important;}
	#footer_yada ul, #footer_yada p, #footer_contact p {margin: 0 10px !important;}

	form .section_half { clear: both !important; float: none !important; width: 100% !important; margin-right: 0 !important; }

}

@media only screen 
and (max-width : 360px) {
	.new_products .omega, .new_product { width: 90% !important; margin: 0 5% 20px 5% !important;}
	.many-items {display: none;}
}


/*--------------------------------------------------------------------------------------------------------
/* == MOBILE NAVIGATION
------------------------------------------------------------------------------------------------------- */

ul#msub_ul_0 {
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	top: 0;
}
ul#msub_ul_0 li {border-bottom: 1px solid #ddd;}

.msub_menu {position: absolute; width: 100%; z-index: 90000; list-style: none; display: none;}
.msub_menu li { margin: 0; text-align: center; font-size: 130%; background: #fff; }
.msub_menu li a {color: #333; padding: 10px 0; display: block; text-decoration: none;}
.msub_menu li ul { background: #fafafa; border-top: 1px solid #ddd; position: relative; }
.msub_menu li ul li { background: #fafafa; font-size: 90%; border-top: 1px solid #ddd;}

.msub_menu ul.nav_col_categories {margin: 0 !important;}
.msub_menu .nav_col_categories li, .msub_menu .nav_col_categories li a {float: none; background: none !important; height: auto !important; line-height: normal !important;}
.msub_menu .nav_col_categories li {padding: 0; margin: 0;}
.msub_menu .nav_col_categories li a {padding: 10px 0;}

li.msub_contact {padding-top: 15px; border-bottom: 9px solid #ddd !important;}
.msub_menu li.msub_contact a {padding: 0; display: inline; font-size: inherit; color: #03F;}

a#msub_close {display: none; width: 30px; height: 30px; position: absolute; left: 100%; margin-left: -45px; top: 15px; background: url(/wwwdocs/img/close_1.png?=1) no-repeat center center; z-index: 90009;}