/* ------ bis 1700px ----- */
@media screen and (max-width: 1700px) {
#header-top-nav .menu-top-nav-container {right: 20%;}
}

/* ------ von 1550px bis 1700px ----- */
@media screen and (min-width: 1550px) and (max-width: 1700px) {
/* Nur Firefox */
	@-moz-document url-prefix() {
		#header-top-nav .menu-top-nav-container {right: 400px;}
		a.cart-contents {right: 320px;}
	}
}

/* ------ von 1500px bis 1550px ----- */
@media screen and (min-width: 1500px) and (max-width: 1550px) {
/* Nur Firefox */
	@-moz-document url-prefix() {
		#header-top-nav .menu-top-nav-container {right: 21%;}
		a.cart-contents {right: 230px;}
	}
}

/* ------ von 1230px bis 1400px ----- */
@media screen and (min-width: 1230px) and (max-width: 1400px) {
/* Nur Firefox */
	@-moz-document url-prefix() {
		#header-top-nav .menu-top-nav-container {right: 20%;}
		a.cart-contents {right: 12%;}
	}
}

/* ------ bis 1500px ----- */
@media screen and (max-width: 1500px) {
a.cart-contents {right: 15%;}
}

/* ------ bis 1230px ----- */
@media screen and (max-width: 1230px) {
a.cart-contents {right: 7%;}
#header-top-nav .menu-top-nav-container {right: 13%;}

}

/* ------ bis 1080px ----- */
@media screen and (max-width: 1080px) {
a.cart-contents {right: 2%;}
#header-top-nav .menu-top-nav-container {right: 9%;}
#header-top-nav .menu-top-nav-container .menu-image-title {display: none;}
}

/* ------ bis 980px ----- */
@media screen and (max-width: 980px) {

div.inner {width: 750px; margin: 0 auto;}

div#logo img {width: 180px;}

div#navigation {background: url(gfx/mobile_header_bg.png) repeat-x;}
	div#navigation div.background {background: url(gfx/mobile_header_bg.png) repeat-x;}
	div#navigation ul li {}
	div#navigation ul li a {font-size: 16px; padding-top: 10px;  padding: 10px 10.5px 5px 10.5px !important;}
	div#navigation ul li#menu-item-18 a {background: url(gfx/navi_a_bg.png) no-repeat; background-position: top right;}
	
	div#navigation ul li#menu-item-290 {max-width: 115px;}
	div#navigation ul li#menu-item-449 {max-width: 105px;}
	
div#footer div.footer_widget {margin-left: 49px;}

div#footer {background: none; font-size: 13px; margin-bottom: 0px;}
	div#footer div.background {background: #102d61; height: auto; float: left;}
div#navigation ul li#menu-item-18 a {background: none !important;}
div#navigation ul li#menu-item-37 {max-width: 160px !important;}

div#logo {padding-top: 50px;}
#header-top-nav .inner {margin: 0 0;}

#content .inner ul.products li.product {margin: 0 10px 10px 0; width: 49%;}
#content .inner ul.products li.product:nth-child(2) {margin: 0 0px 10px 0;}


.woocommerce-order-received #content .woocommerce .woocommerce-order ul.woocommerce-order-overview {padding-left: 0px;}
	.woocommerce-order-received #content .woocommerce .woocommerce-order ul.woocommerce-order-overview li {float: none; border-right: none;}
		.woocommerce-order-received #content .woocommerce .woocommerce-order ul.woocommerce-order-overview li strong {padding: 5px 0 15px 0;}
		.woocommerce-order-received #content .woocommerce .woocommerce-order section ul.order_details {padding-left: 0px;}
	.woocommerce-order-received #content .woocommerce .woocommerce-order section ul.order_details li {float: none; border-right: none;}
		.woocommerce-order-received #content .woocommerce .woocommerce-order section ul.order_details li strong {padding: 5px 0 15px 0;}
}


/* ------ bis 768px ----- */
@media screen and (max-width: 768px) {
#content .inner ul.products li.product {
    margin: 0 20px 20px 0;
}
#content .inner ul.products li.product:nth-child(3n) {
    margin-right: 20px;
}
#content .inner ul.products li.product:nth-child(2n) {
    margin-right: 0px;
}
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #f5f7f8;
}
.single-product.woocommerce div.product .product_title {padding-top: 8px; width: 75%; font-size: 26px;}
.single-product.woocommerce .product .summary .price {padding-top: 15px;}
.single-product.woocommerce .product .summary .price .woocommerce-Price-amount.amount {font-size: 26px;}

div.inner {width: 620px; margin: 0 auto;}
div.one_half {width: 100%; margin-right: 0%; margin-bottom: 20px;}
	div.one_half img {margin: 0 auto !important; display: block;}

div#header {position: relative;}
	
div#navigation {background: none !important;}
	div#navigation div.background {background: url(gfx/mobile_header_bg.png) repeat-x; background-position: bottom; height: 40px;}
	div#navigation div.inner {display: none;}
	
#content {margin: 15px 0px; padding-top: 0px; min-height: 100px;}
	.ngg-slideshow img {width: 100% !important; height: auto !important;}
	
div#footer {background: none; font-size: 13px; margin-bottom: 0px;}
	div#footer div.background {background: #102d61; height: auto; float: left;}
	div#footer div.footer_widget {margin-left: 0px; margin-right: 10px; width: 190px;}

#content .inner ul.products li.product {width: 48%;}

#header-top-nav .menu-top-nav-container {right: 160px;}
a.cart-contents {right: 90px;}

.woocommerce-order-received #content .woocommerce .woocommerce-order section.woocommerce-customer-details section.woocommerce-columns .woocommerce-column--billing-address {margin-bottom: 30px;}
.woocommerce #review_form #respond p.comment-form-author input#author, .woocommerce #review_form #respond p.comment-form-email input#email {width: 87%;}

body.woocommerce table.shop_table_responsive tr td:before, body.woocommerce-page table.shop_table_responsive tr td:before {display: none;}
.woocommerce-cart .woocommerce #content table.cart .product-thumbnail, .woocommerce-cart .woocommerce table.cart .product-thumbnail, .woocommerce-cart.woocommerce-page #content table.cart .product-thumbnail, .woocommerce-cart.woocommerce-page table.cart .product-thumbnail {display: block; text-align: left!important;}
.woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before {display: block;}

}

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


div.inner {width: 460px; margin: 0 auto;}
div.one_half {width: 100%; margin-right: 0%; margin-bottom: 20px;}


div#navigation {background: url(gfx/mobile_header_bg.png) repeat-x;}
	div#navigation div.inner {display: none;}
	
	
div#footer div.footer_widget {margin-left: 0px;}
	div#footer div.footer_widget.last-widget {width: 100%;}
		div#footer div.footer_widget.last-widget li {width: auto; float: left; margin-right: 15px;}

#content .inner ul.products li.product {display: block; min-height: auto; width: 47%;}
	#content .inner ul.products li .product-content-custom {width: 100%; display: block; overflow: hidden;}
		#content .inner ul.products li .product-content-custom h2 {min-height: 170px; font-size: 20px;}
		#content .inner ul.products li .product-content-custom a.button {width: 130px; float: none; clear: both; margin: 0px; padding: 15px 15px; overflow: hidden; margin: 0 13.25% 10px;}
			#content .inner ul.products li .product-content-custom span.price, #content .inner ul.products li p.wc-gzd-additional-info.tax-info {width: 100%;}
		
	#content .inner ul.products li .product-content-custom {margin-top: 0px;}
		#content .inner ul.products li > a.woocommerce-LoopProduct-link .product-image-custom, #content .inner ul.products li > a.woocommerce-LoopProduct-link .product-image-custom img {height: auto;}

.woocommerce #review_form #respond p.comment-form-author input#author, .woocommerce #review_form #respond p.comment-form-email input#email {width: 82%;}

.woocommerce table.shop_attributes th {text-align: left;}
.single-product.woocommerce #content div.product .woocommerce-tabs ul.tabs li {padding: 0 10px;}

#header-top-nav .menu-top-nav-container {right: 130px;}
	#header-top-nav .menu-top-nav-container ul#menu-top-nav {padding-top: 14px;}
a.cart-contents {top: 25px; width: 40px;}
}



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

h1 {font-size: 24px; line-height: 30px;}
div.inner {width: 320px; margin: 0 auto;}

div#footer h6, #footer ul#menu-footer a {font-size: 16px;}	
div#footer div.footer_widget {margin-left: 0px; width: 100%; margin-bottom: 10px;}
	div#footer div.footer_widget.last-widget li {width: auto; float: left; margin-right: 15px;}

#content .inner ul.products li.product {width: 99%; float: none; clear: both; margin: 20px 20px 20px 0;}
	#content .inner ul.products li.product h1 {font-size: 20px;}
	#content .inner ul.products li .product-content-custom h2 {margin-bottom: 10px; min-height: 70px;}
	#content .inner ul.products li .product-content-custom a.button {width: 150px; text-align: center; margin: 0 21.5% 20px;}
	#content .inner ul.products li .product-content-custom span.price {float: none; clear: both; width: 120px; text-align: center; margin: 10px auto 10px;}
	#content .inner ul.products li p.wc-gzd-additional-info.tax-info {text-align: center; width: 90px; margin: 0 auto 10px;}
#content div.inner form.woocommerce-ordering label {width: 100%; display: block; float: left; margin-bottom: 5px;}
#content .inner form.woocommerce-ordering select.orderby {margin: 0px 0 0 0px;}

div#logo {padding-top: 70px;}

.single-product.woocommerce .product .summary .price {width: 100%;}
	.single-product.woocommerce .product .summary .price .woocommerce-Price-amount.amount {font-size: 20px; color: #102d61;}
.single-product.woocommerce div.product .product_title {width: 100%; float: none; clear: both; font-size: 20px;}
.single-product.woocommerce #content .product .woocommerce-tabs ul.tabs {padding-left: 0px;}
	.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li {margin: 0 0px;}
		.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active {border-bottom-color: #d3ced2;}
		.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li:before {display: none;}
		.single-product.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li, .single-product.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .single-product.woocommerce-page div.product .woocommerce-tabs ul.tabs li {display: block; border-radius: 0; bottom: unset;}
		.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .single-product.woocommerce div.product .woocommerce-tabs ul.tabs li:before {position: static; bottom: unset; border: none;}
		
.single-product.woocommerce .woocommerce-product-rating .star-rating {float: none;}

.woocommerce-checkout #content .woocommerce form.checkout.woocommerce-checkout table.shop_table tr.cart_item .wc-gzd-product-name-left {max-width: unset; margin-bottom: 10px;}
}





/* ----- bis 321px ----- */
@media screen and (min-width: 10px) and (max-width: 321px) {


div.inner {width: 290px; margin: 0 auto;}



}