.webshop_cart_titlerow {display: none;}

@media only screen 
and (max-width : 1010px) {
	#wrapper { width: 94% !important; }
}

@media only screen 
and (min-width : 961px) {
#topline {display: none;}
}

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

	div#wrapper, div.slide_contact, div#header-inner {width: 94% !important;}

	#bigfoot_content ul, #bigfoot_content ul.footcat_up {display: inline-block; width: 23% !important; margin: 0 1% 15px 1% !important; }

	#navigation {display: none; position:absolute;}
	#navigation ul#nav_main {margin: 0 !important; width: 100% !important; max-width: none !important; border-top: 1px solid #999;}
	ul#nav_main li, ul#nav_main li *, ul#nav_main li a, #navigation ul#nav_main li.active a {text-shadow: none !important; color: #fff !important; background-image: none !important;}
	#navigation ul:hover li.active, #navigation ul#nav_main li.active {background-image: none !important; background-color: #02518a !important;}
	#navigation ul:hover li.active a, #navigation ul#nav_main li:hover, #navigation ul#nav_main li a:hover {
		background-image: none !important;
		-moz-border-top-right-radius: 0px !important;
		-webkit-border-top-right-radius: 0px !important;
		-khtml-border-top-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	#navigation ul li.active, #navigation ul li:hover, #navigation ul:hover li.active:hover, #navigation ul li.active:hover {
		height: 42px !important;
		line-height: 43px !important;
		margin: 0 0 0 -9px !important;
		background: none !important;
	}

	#search_toggler {display: none !important;}
	#msearchbox, #msearchbox form {display: block !important; position: relative !important; right: auto !important; width: 100% !important; margin: 0 !important; max-width: none !important; left: auto !important;}
	div#m_search {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		background-image: none !important;
		padding: 0 !important;
	}
	form#column_search_right fieldset {margin: -4px 0 0 0 !important;}

	div.nav-sub-slide {width: 100% !important;}
	div.nav-sub-slide p a, div.nav-sub-slide p a.sub-exp-link, .nav-sub-slide .sub-exp p a, .active .nav-sub-slide .sub-exp p a {border-bottom: none !important;}

	.col_right {display: none;}
	#content {float: none !important; width: 100% !important;}
	.col_left {display: none;}
	#content_inner {padding: 0 !important;}

	.staff .post {width: 48% !important;}

	#topline {position: fixed; z-index: 100;}
	#bodywrap {padding-top: 45px;}

	#header {padding-bottom: 20px !important; border-bottom: 1px solid #ddd;}

	p.header_contact {margin: 0px 15px 5px 0 !important;}
	#set_vat_form {clear: both; float: right; margin: 5px 15px 0 0; }
	.cart_topliner {border-left: 1px solid #999; border-right: 1px solid #999; margin: 0 !important; height: 45px; width: 45px !important;}
	.cart_topliner p {display: none !important;}
	#topline .cart_no_items {background: url(/wwwdocs/img/icons/cart.gif) no-repeat center center;}
	#topline .cart_yes_items {background: url(/wwwdocs/img/icons/cart_full.gif) no-repeat center center;}
	a#to_cart_link {display: block; width: 100%; height: 45px; }

	#menu-mobile, #menu-search { display: block; }

	div#contact_map {
		margin-right: 0 !important;
	}

	ul#nav_main_sub { padding: 0 0 0 10px !important; }
	ul#nav_main_sub li {height: 40px !important; line-height: 40px; display: inline-block;}

	.new_product, #new_products .row, #new_products .alpha, #new_products .omega {margin: 0 1% 20px 1% !important; width: 22%; clear: none !important;}
	.new_product table tr td img {width: auto !important; max-width: 94% !important;}

	.cat_item, .cat_listing .row, .cat_listing .alpha, .cat_listing .omega {
		margin: 0 1% 20px 1% !important; width: 22%; clear: none !important;
	}
	.cat_item table tr td img {width: auto !important; max-width: 94% !important;}

	p.book_direct {max-width: 100%; border-bottom: 1px solid #262626; padding-bottom: 15px; height: auto !important; }
}


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


	#header h1, #header_rightmost {display: block !important; float: none !important; clear: both; width: auto !important; max-width: none !important;}
	#header h1, #header h1 img {margin: 5px auto 10px auto !important; text-align: center;}
	#header-carts {float: none !important; margin: 0 auto !important; display: block !important; max-width: 450px;}
	

	#bigfoot_content ul, #bigfoot_content ul.footcat_up {width: 31% !important;}
	#content, .col_right, .body-index-index #content {float: none !important; width: 100% !important;}
	#column_search_right {display: none;}

	#news_latest_list {margin-top: 15px !important;}
	#news_latest_list ul li {display: inline-block; width: 31.3%; margin: 0 1% 15px 1% !important; }
	#news_latest_list a.more_posts {display: inline-block; margin-left: 1%;}

	.staff .post {width: 48% !important;}

	div#contact_map {
		width: -moz-calc(49% - 15px);
		width: -webkit-calc(49% - 15px);
		width: -o-calc(49% - 15px);
		width: calc(49% - 15px);
	}


	
	div#video_container {height: 360px !important; margin-top: -180px !important;}

}

@media only screen 
and (max-width : 720px) {
	.new_product, #new_products .row, #new_products .alpha, #new_products .omega,
	.cat_item, .cat_listing .row, .cat_listing .alpha, .cat_listing .omega {width: 30% !important;}
	form#webshop_checkout, div.wishlist {float: none !important; width: 100% !important; max-width: none !important; margin: 0 0 30px 0 !important;}
	
}

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


	#bigfoot_container h3 {font-size: 32px !important;}
	#content h1 {font-size: 28px;}
	#content h2 {font-size: 22px;}
	#content h3 {font-size: 18px;}
	.news .post h4 {font-size: 16px !important;}

	form#contact_form, div#contact_map {width: 100% !important; margin-right: 0 !important; }

	.start-box {width: 100% !important; max-width: none !important; margin: 0 auto 20px auto !important;}

	div#flash {width: 90% !important; margin-left: -45% !important;}

	.cart_footer button, .cart_footer .button {margin-top: 5px; margin-bottom: 5px; }

	.nav_product_view {padding-top: 20px !important; }
	.product_pics_wrapper {float: none !important; width: 100% !important; margin: 0 auto 20px auto; max-width: 350px !important;}
	.product_view_column {float: none !important; width: 100% !important; margin: 0; border: 0 !important; max-width: 100% !important;}
	.product_body, .product_pics_wrapper .product_view_pictures {height: auto !important;}
	div#product_column p, div.product_view_column p, div#product_column form, div.product_view_column form {margin-left: 0 !important;}

	#webshop_checkout .grid_4, #webshop_checkout .alpha, #webshop_checkout .omega {float: none !important; width: 100% !important; margin: 0 0 15px 0 !important;}

	.filspalt {width: 48% !important;}

	div#video_container {height: 320px !important; margin-top: -160px !important;}

	.ws_shortinfo p, .webshop_cart_image, .webshop_cart_title {display: none;}
	td.webshop_cart_qty {width: auto !important; min-width: 0 !important; }
	.webshop_cart_titlerow {display: table-row !important;}
	td.cart_total_foot {padding-right: 20px !important;}
	.cart_footer button, .cart_footer a.button {height: 30px !important; line-height: 30px !important; margin: 5px 0 5px 0 !important;}
	.webshop_cart_total_price {padding-left: 0 !important; padding-right: 20px !important;}
	
}

@media only screen 
and (max-width : 560px) {
	.new_product, #new_products .row, #new_products .alpha, #new_products .omega, 
	.cat_item, .cat_listing .row, .cat_listing .alpha, .cat_listing .omega {width: 47% !important;}

	#news_latest_list ul li {width: 47% !important;}
	div.price_info_box {width: 200px !important; margin: 0 0 0 -120px !important;}
	.product_accessories_list td.acc_artno {display: none;}
	.section-fourth {width: 49% !important; margin: 0 !important;}
	.col_contact div, .col_contact p { margin: 15px auto !important; width: 96% !important;}

	.category_box {float: none !important; margin: 0 auto 25px auto !important; clear: both; width: 100% !important;}
}


@media only screen 
and (max-width : 520px) {
	#header h1 img {max-width: 90%;}
	#header h1 {margin: 0; padding: 0;}




	#bigfoot_content ul, #bigfoot_content ul.footcat_up {width: 48% !important;}
	#dreamscape_logo {display: none !important;}
	#footer_yada {width: 100% !important; float: none;}

	
	.staff .post {width: 100% !important; margin: 0 0 15px 0 !important;}
	.staff .post img {width: 30% !important;}

	div#slideshow_container {display: none;}

	#header-carts {max-width: 300px;}
	#cart-wishlist {float: none !important; margin: 0 auto !important; display: block !important; padding-bottom: 20px; max-width: 120px !important;}
	#cart-shop {margin-left: 0 !important; clear: both !important; float: left;}

	ul#nav_main_sub {margin-top: 20px;}

	.only_on_phone {display: block !important;}
	.not_on_phone {display: none !important;}

	.section-half {float: none !important; width: 100% !important; margin-right: 0 !important;}

	.filspalt {width: 98% !important;}

	div#video_container {height: 280px !important; margin-top: -140px !important;}
	.product_accessories_list td.acc_price {display: none;}

	.switch_to_description em, .switch_to_videos em, .switch_to_files em {display: inline;}
	.switch_to_description span, .switch_to_videos span, .switch_to_files span {display: none;}
	.nav_product_view li {width: auto !important;}
	.nav_product_view li a {padding: 0 20px !important;}

	.webshop_add_to_cart, .product_view_column p.price {width: 100% !important; max-width: none !important;}
	.webshop_add_to_cart {margin-top: 20px !important;}

	.grid_4, input.large, select.large {width: 98% !important;}

}

@media only screen 
and (max-width : 420px) {
	#bigfoot_container {padding-top: 20px !important;}
	#bigfoot_container h3, #bigfoot_content ul, #bigfoot_content ul.footcat_up {display: none;}
	.topsearch {width: 100% !important;}
	.footsearch {width: 94% !important; float: none !important; margin: 0 auto; padding-top: 0;}
	.news .post img, .news_view .images {max-width: 100% !important; width: 100% !important; float: none !important; display: block; margin: 0 auto 15px auto !important; }

	.ws_shortinfo {padding-left: 10px !important; }

	.section-third {width: 100% !important; margin: 0 !important;}
	.section-fourth {width: 100% !important; margin: 0 !important;}

	.category_box div ul li {padding: 7px 10px !important; border-bottom: 1px solid #bbb;}
	.category_box div p {padding-left: 10px; padding-right: 10px;}

}