@media only screen
and (min-width : 960px) {
	#header, #header h1 {position: relative; z-index: 2000;}
	#header h1 img {position: absolute; width: auto !important; max-width: 200px !important;}
}

@media only screen and (min-width : 980px) {
	.only_on_phone {display:none;}
}

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

	

	/*
	#header {padding-top: 15px;}
	#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: none; width: 100%; text-align: center;}
	#nav_main {text-align: center !important; float: none !important;}

	#cart_topliner, #set_vat_form {float: left !important; width: 48% !important; margin: 0 1% 15px 1% !important;}
	#set_vat_form {text-align: left !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;}

	/* #cart_topliner, #set_vat_form {float: none !important; clear: both; width: 98% !important; text-align: center !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) {

	div#wrapper {padding-top:55px;}
	#nav_mobile {display: block; float:right !important;}
	#nav_main, #nav_main_sub_container {display: none !important;}
	#navigation {display:none;}
	div#header {height:55px;position:fixed;width:100%;top:0;left:0;z-index:500;}
	#header_main h1 {width:40% !important; margin: 7px 0 0 10px !important; float:left !important;}
	#header_main h1 img {width:auto !important;height:40px;max-width:none;}
	.top-forms {z-index: 0 !important;}


	.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; }

	.webshop_view .section_third, .webshop_view .section_two_thirds {clear: both; float: none !important; margin: 0 auto 20px auto !important; width: 96% !important;}

	.footer_depot {width:40%;margin:0 5% 20px 5%;}
}

@media only screen and (max-width : 720px) {
	div#depot_map_container, div.depot_contact_form {float:none;clear:both;width:100%;}
}

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

	div.webshop_view table {width:100%;min-width:auto;}

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

	ul.images, .post .images, div.with_pics, .post img.alignright {float: none; width: 96%; max-width: 96% !important; margin: 0 auto 20px auto !important;}
	.post img.alignright {width: auto !important;}

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

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

	.index_news ul li img {max-width: 300px !important; display: block !important; margin: 0 auto 15px auto !important;}

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

	.index_col_left, .index_col_right {float: none !important; width: 100% !important;}

	#contact_table, #contact_table tr, #contact_table tr td {display: block !important; width: 100% !important; padding-bottom: 20px !important;}
}

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

	#nav_mobile {display: block;}
	#nav_main, #nav_main_sub_container {display: none !important;}
	a#dreamscape_logo {float: none !important; text-align: center;}
}


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

	.cart_footer button, .cart_footer a {padding: 0 !important; margin: 0 0 10px 0 !important; width: 100% !important; max-width: 100% !important; }
	
	#slideshow_container {display: none;}
	.body-index-index .darkwrap {margin-top: 0 !important;background:#000 url("/wwwdocs/img/footerbg.jpg") no-repeat center center !important;background-size:cover;}
	.body-index-index .darkwrap .fath2 {z-index: 0 !important;}
	.top-forms {padding: 20px 0 30px 0 !important;}

	.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_depot {width:48%;margin:0 1% 20px 1%;}

	#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: #000;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	top: 0;
}
.msub_menu {position: absolute; width: 100%; z-index: 90000; list-style: none; display: none;}
.msub_menu li { margin: 0; font-size: 130%; padding-left: 15px; }
.msub_menu li a {color: #fff; padding: 10px 0; display: block; text-decoration: none;}
.msub_menu li ul { border-top: 1px solid #999; position: relative; }
.msub_menu li ul li {font-size: 90%;}

.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;}