@media only screen
and (min-width : 960px) {
	#header_main h1 {height: 40px !important;}
	#header_main h1 a {padding: 8px 0 0 0 !important;}
	.booking_col {display:none;}
}

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

	#header {padding-top: 7px;}
	#head_left, #head_right {display: none; float: none !important;}
	#header_main h1 {clear: both; float: none !important; margin: 0 auto 0 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;}
	

	.booking_top {display:none;}
	.booking_col {display:block;}

	.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: -44px;}

	#footer_yada {width: 100% !important; text-align: center;}
	#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;}
	ul#footer_menu {margin: 20px auto !important; width: 100% !important; text-align: center;}
	ul#footer_menu li {display: inline !important; margin: 0 !important; padding: 10px !important; float: none !important;}
	#bigfoot_container div.clearfix {text-align: center;}
	a#dreamscape_logo {display: inline-block !important; float: none !important; margin: 20px 5px 0 5px !important;}
	img#i_made_this {display: none !important;}
	a#hyrexlink {display: inline-block !important; float: none !important; margin: 20px 5px 0 5px !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;}

	.calendar_post img {max-width: 150px; max-height: 100px;}
}

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

	.social_col div a {overflow: visible; height: auto;}
	.social_col div a img {	display: block; margin: 0 auto 10px auto !important; }
	.social_col div a span {display: block; width: 100%; text-align: center;}
}

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

	.ls-bottom-slidebuttons {display: none !important;}

	#product_pictures, #product_controls {float: none !important; clear: both; width: 100% !important;}

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

	ul.images, .post .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, .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#hyrexlink, a#dreamscape_logo {display: block !important; width: 100% !important; text-align: center; margin: 25px auto 0 auto !important;}
	div.deliver-section {float: none !important; clear: both; width: 100% !important; padding-left: 0 !important; background: none !important; min-height: 0 !important;}
	div.deliver-section label {margin-top: 10px !important;}

 	.bb_wrap h3 {font-size: 16px !important; font-weight: bold !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #fff;}

	.index-frm-right {text-align: center;}
	.index-frm-right img {display: none !important;}
	.index-frm-right img, .index-frm-right div {float: none !important; margin: 0 auto 10px auto !important; text-align: center; width: 100% !important;} 

	.calendar_post img {display: none;}
}


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

	div#product_controls p.price {float: none; clear: both; width: 90%; margin: 0 auto 5px auto !important; border: none; padding: 0; text-align: center;}

	.index_content .dbContent div img {
		max-width: 100%;
	}
	.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;}

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