﻿  
/******************************************************/
@media (min-width: 1200px) {
	header #logo {
		margin-bottom:30px;
	}
	.banner>div {
		max-width:290px;
		margin-left:-1px;
		}
	.banner .s-desc p {
		width:59%;
		margin-bottom:10px;
	}
	.banner>div:first-child {
		margin-left:30px;
		}
	.banner .s-desc h1 {
		font-size: 27px;
		line-height: 31px;
	}	
	.banner .s-desc h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.banner .s-desc p {
		margin-bottom:18px;
	}	
	.wishlist {
		margin-right: 14px;
		padding-right: 14px;
	}
	.box-category > ul > li ul {
		padding:10px 0 10px 25px;
	}
	.box-category > ul > li > ul {
		padding: 17px 0 24px 35px;
	}
	.box-category > ul > li li.parent > i {
		margin-right: 21px;
		padding-right: 10px;
	}
	.related {
		padding:0 50px;
	}
	#search{
		margin-left:80px;
		margin-top:27px;
		float:none;
	}
	.login-content .form-horizontal .control-label{
		max-width:100px
		}
	.login-content .form-horizontal .controls{
		margin-left:120px;
		}
}

/*********************************************************/
@media (max-width: 1199px) {
	.table th, .table td {
		padding:8px;
		}
}

/******************************************************/
@media (max-width: 979px) {	
	#search {
		margin:0 0 12px 0;
	}
	header #logo {
		margin: 10px 0 10px;
	}
	header{
		text-align:left;
	}
	header #search{
		float:right;
	}
	.button-search{
		text-align:center;
	}
	
	.product-filter .product-compare {
		margin-top:2px;
	}
	/************************* table wishlist ****************/
	.wishlist-product .table.table-bordered {
		border:0;
		}
	.wishlist-product .table thead{
		display:none;
		}
	.wishlist-product .table tbody{
		display:block;
		border:0
		}
	.wishlist-product .table tr {
		display:block;
		margin-bottom:30px;
		border:1px solid #d7d7d7;
		border-bottom:0;
		}
	.wishlist-product .table td {
		display:block;
		border:0;
		border-bottom:1px solid #d7d7d7
		}
}
/******************************************************/
@media (min-width: 768px) and (max-width: 979px) {
	.banner>div {
		max-width:179px;
		margin-left:-1px;
		}
	.banner .s-desc {
		padding-top: 10%;
	}
	.banner .s-desc h1 {
		font-size: 16px;
		line-height: 20px;
	}	
	.banner .s-desc h2 {
		font-size: 14px;
		line-height: 14px;
		margin-bottom:18px;
	}
	.banner .s-desc p {
		display:none;
	}
	.product-grid .cart-button .wishlist, .product-grid .cart-button .compare,
.box .box-product .cart-button .wishlist, .box .box-product .cart-button .compare 	{
		float:none;
		display:block;
	}
	.product-grid .cart-button .wishlist , .box .box-product .cart-button .wishlist{
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}
	a.button span, a.button-prod span , .banner .s-desc span{
		font-size: 12px;
		line-height: 14px;
		padding: 11px 14px 12px 14px;
	}	
	.product-grid .cart, .box .box-product .cart {
		float:none;
		}
	.price {
		font-size: 18px;
	}
	.price .price-new {
		margin-right: 5px;
	}
	.price .price-old {
		font-size: 14px;
	}	
	.compare-info td img {max-width:95px}
	.compare-info td a.button span {font-size:12px; padding:7px 8px}
	.login-content .form-horizontal .control-label{
		max-width:100%;
		text-align:left;
		}
	.login-content .form-horizontal .controls{
		margin-left:0px;
		}
	.related {
			padding: 0 82px
		}
	.product-filter .display {
		clear:both;
		float:none
		}
	footer .icon-phone {display:none;}
	.login-content .heading h2 {
		font-size:13px;
		}
	.login-content .heading i {
		font-size:20px;
		}
}

/**********************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
and (orientation:landscape) { 
	#full_gallery {display:block;}
	#default_gallery {display:none;}
	.box .box-content .box-product ul li:hover .quick-view-button {display:none !important; visibility:hidden; }
}

/**********************************************/
@media (max-width: 767px) {	
	header #logo {
		height: auto;
		display:block;
	}
	header #logo a{
		display:block;
	}
	#menu, .box.category {display:none;}
	#menu-gadget {display:block;}
	.common-home footer {
		margin-top: 20px;
	}
	#menu-gadget {
		margin-bottom:20px;
		text-align:left;
	}	
	.top-line .phone , .top-line .header-button {
		display:none;
	}
	.top-line {
		margin-bottom: 0;
		padding: 0;
		height:50px;
	}
	header {
		background-position:left 100px;		
	}
	#shadow > section {
		padding-top: 0;
	}
	.box .box-product ul li .inner, .product-grid ul li .left{
		padding:0;
	}
	aside .box .box-product ul li .inner{
		padding: 13px 0 10px;
	}
	.box .box-product ul li .inner .cart a.button, .product-grid ul li .left .cart a.button, .inner_related .cart a.button{
		margin-bottom:0;
	}
	aside .box .box-content{
		padding-top:20px;
		margin-bottom:30px;
	}
	.related {
		max-width: 170px;
		padding: 0;
		margin:0 auto;
	}	
	footer #powered {
		display: block;
		float: none;
	}
	footer .social{
		display: inline-block;
		float: none;
	}
	.box .box-product ul li .inner, .product-grid ul li .left{
		background:none;
	}
	aside .box .box-product ul li .inner{
		background: url(../image/bg-name.png) repeat-x 0 top;
	}
	.logg{
		display:none;
	}
	header {
		background-color:#fff;
	}
	.swipe-menu #language > ul li{
		cursor:pointer;
	}
	.swipe-menu #language > ul li:hover{
		color:#DAB87A;
	}
	#body .swipe .swipe-menu .header-button .heading1:hover{
		color:#DAB87A;
	} 
	#cart .heading span.link_a i.icon-shopping-cart{
		font-size:26px;
		}
	.cart-position {
		min-width: 0;
	}
	#cart .heading span.link_a i.icon-shopping-cart{
		display:inline-block;
		line-height:50px;
		color:#fff;
		padding-left:10px;
	}
	#cart .heading span.link_a {
		background:none;
		border:none;
		padding:0;
		border-left:1px solid #653801;
		line-height:50px;
		border-radius:0;
		height:50px;
		min-width:0;
		}
	#cart .heading span.link_a i{
		border-left:1px solid #3c2100;
		}
	header #cart.active .content {
		top:50px
		}
	#powered {
		text-align:center;
		}
	aside .box .box-content .box-product ul > li {
		margin-left: auto;
		margin-right: auto;
	}
	footer .powered {
		margin-top:0;
	}
	aside #compare {
		display:none !important;
		}
	#full_gallery {
		display:block;
		margin-left:auto;
		margin-right:auto;
		}
	#full_gallery .bx-controls-direction a.bx-next {
		margin-right: -40px;
	}
	#full_gallery .bx-controls-direction a.bx-prev {
		margin-left: -40px;
	}
	#default_gallery {
		display:none;
		}
	.tabs .tab-heading:hover {
		cursor:pointer;
		}
	.tabs .tab-content {
		display:none;
		}
	#content {
		float:right;
		margin-bottom:20px;
		}
	.common-home #content {
		margin-bottom:0;
		}
	.box {margin-bottom:10px; padding-bottom:0;}
	.banner { background: none; }
	.banner li { margin: ; }
	aside .box .box-heading {
		color:#fff;
		/***/
		background-color: #4f2b03;
		background-image: -moz-linear-gradient(top, #5e3207, #3c2100);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5e3207), to(#3c2100));
		background-image: -webkit-linear-gradient(top, #5e3207, #3c2100);
		background-image: -o-linear-gradient(top, #5e3207, #3c2100);
		background-image: linear-gradient(to bottom, #5e3207, #3c2100);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e3207', endColorstr='#ff3c2100', GradientType=0);
		/***/
		border-left:1px solid #4e2a03;
		border-right:1px solid #4e2a03;
		border-bottom:1px solid #3c2100;
		margin-bottom:10px;
		padding:10px;
		}
	.product-grid .name {
		height:auto;
		}
	.product-list .description {
		display:none;
		}
	.product-info h1 {display:none;}
	.product-info h1.view {display:block;}
	.product-filter .display {display:none;}
	#content .box {margin-bottom:5px;}
	.box .box-heading {margin-bottom:15px;}
	.box .box-content .box-product ul li:hover .quick-view-button {display:none !important; visibility:hidden; opacity:0}
	#compare-total, .cart-button .compare  {
		display:none;
		}
	#content .box-product li , #content .box .box-content .box-product ul li.cat-height{
		border-top:1px solid #E1E1E0;
		margin-bottom:30px !important;
		padding-top:3px;
		}
	#content .box-product li.related-info, #content .box-product li.related-info:first-child{
		border-top:1px solid #E1E1E0;
		margin-bottom:0px !important;
		padding-top:0px;
		}
	#content .box-product li:first-child, #content .box .box-content .box-product ul li.cat-height:first-child {
		border-top:none;
		}
	.box .box-product ul li .image2, .product-grid .image {
		border: 1px solid #E1E1E0;
	}
	aside .box .box-product ul li .image2 {
		border-top:none;
		border-bottom:none;
	}
	.cart-button > div.wishlist, html[lang="de"] .product-grid .cart-button .wishlist, html[lang="de"] .product-grid .cart-button .compare, html[lang="de"] .box .box-product .cart-button .wishlist, html[lang="de"] .box .box-product .cart-button .compare, html[lang="es"] .product-grid .cart-button .wishlist, html[lang="es"] .product-grid .cart-button .compare, html[lang="es"] .box .box-product .cart-button .wishlist, html[lang="es"] .box .box-product .cart-button .compare {display:none;} 
	.box-product .name {
		margin:0
		}
	footer{
		padding:0;
		text-align:center;
	}
	footer > div.container {display:none;}
	#powered {margin-top:0; padding:15px 20px;}
	header #logo {margin:20px 0 25px 20px}
	.cart-position {
	  position:fixed;
	  top:0;
	  right:0px;
	  margin:0;
	  z-index:105;
	  }
	/*********************** box product *************************/
	#content .box-product  .image2{
		float:left;
		width:30%
		}
	#content .box-product .inner {
		width:58%;
		float:left;
		margin-left:30px;
		border:none;
		text-align:left;
		}	
	#content .box .box-product ul li .inner .name, .product-grid .name {
		background: none;
		display: block;
		height: auto;
		margin-bottom: 10px;
		padding: 0;
	}
	#content .box .box-product ul li .inner .name:hover, .product-grid .name:hover {
		background:none;
	}
	#content .box .box-product ul li .inner .name:hover a, .product-grid .name:hover a {
		color:#551F1F;
	}
	#content .box .box-product ul li .inner .name a, .product-grid .name a{
		display: block;
		padding:0;
	}
	.name a { font-size: 16px; }
	#content .box .box-product ul li .description, .product-grid ul li .description {
		padding:0;
	}
	 aside .box-product .inner {
		border:1px solid #E1E1E0;
		border-top:none;
		text-align:center;
		}
	#content .box-product li{
		margin-bottom:30px;
		}
	/*********************** search *************************/
	#search {
		position:fixed;
		top:50px;
		left:0px;
		z-index:101;
		display:none;
		width:100%;
		margin:0;
		z-index:10;
		}
	#search .inner {
		padding:4px 5px;
		background-color:#90b701;
		overflow:hidden;
		position:relative;
		}
	#search input {
		width:100%;
		max-width:none;
		border-radius:4px;
		box-shadow:inset 0 0 11px rgba(0,0,0,0.22);
		height:44px;
		padding:10px 40px 10px 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
		}
	#search .button-search {
		position:absolute;
		top:8px;
		right:10px;
		background-image:none;
		color:#fff;
		/***/
		background-color: #8fb701;
		background-image: -moz-linear-gradient(top, #9ec902, #83a701);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ec902), to(#83a701));
		background-image: -webkit-linear-gradient(top, #9ec902, #83a701);
		background-image: -o-linear-gradient(top, #9ec902, #83a701);
		background-image: linear-gradient(to bottom, #9ec902, #83a701);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ec902', endColorstr='#ff83a701', GradientType=0);	
		/***/
		border:none;
		line-height: 36px;
		width: 36px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		}
	#search .button-search:hover {color:#fff}
	/******************* Cart *******************************/
	.cart-position #cart .heading span.link_a b, .cart-position #cart .heading span.link_a #cart-total, .cart-position #cart .heading span.link_a i.icon-angle-down {display:none;}
	.cart-position{
		min-width:83px;
		}
	.cart-position #cart .heading span.link_a #cart-total2 {
		background:url(../image/cart-total2.png) no-repeat left top;
		display:block;
		position:absolute;
		top:14px;
		left:47px;
		height:22px;
		line-height:20px;
		width:30px;
		text-align:center;
		overflow:hidden;
		color:#fff;
		}
	header #cart.active .content {
		display: block;
		}
	.toprow-1 .cart-position {display:block; margin:0;}
	/*******************************************************/
	.span3 .box-content {display:none;}
	aside .box-heading:hover {
		cursor:pointer;
		}
	.box-heading i {
		float:right;
		line-height:18px;
		color:#fff;
	  }
	.box-heading:hover i {
		color:#DAB87A;
	  }
	.box-filter .box-content{
		margin-bottom:20px;
	}
	/*************************swipe menu***************************/
	.swipe-control i {font-size:26px; color:#fff; line-height:50px;}
	.swipe-control:hover i {text-decoration:none;}
	.swipe-control {
		display: block;
		height: 50px;
		width: 64px;
		z-index: 100;
		text-align:center;
		border-left:1px solid #341D00;
		border-right:1px solid #653801;
		float:left;
	}
	body #page {
		height:100%
		}

	body.ind div.shadow{
		left:0;
		top:0;
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		background-color:#000;
		z-index:99;
		opacity:0.5
		}
	body.ind #page {
		margin-left: 237px;
		width:100%;
		position:fixed;
		left:0;
		top:0;
		z-index:2
		}
	body #body .swipe .swipe-menu{
		background-color: #83a701;
		height:100%;
		overflow:scroll;
		
		}
	body #body .swipe {
		display:none;
		}
	body.ind #body .swipe {
		display:block;
		background-color:#90b701;
		position:fixed;
		color:#fff;
		width:237px;
		top:50px;
		left:0px;
		z-index:100;
		overflow:hidden;
		z-index:101;
		}
	body.ind #body .swipe #currency >div:hover{
		color:#DAB87A;
		}		
	header .toprow {display:none;}
	header .toprow-1 {display:block;}

	/********************************************/	
	.box .box-product ul li .image2 a, .product-grid .image a, .product-list .image a, .box-subcat .image a {
		padding:10%;
	}
	aside .box .box-product ul li .image2 a {
		padding: 27px 31px 27px 32px;
	}	
	#livesearch_search_results {
		display:none !important; 
		}
	/************************************ product list ****************************************************/
	.product-list ul li .image {
		width:30%;
		float:left;
		}
	.product-list ul li .left {
		width:63%;
		float:left;
		margin-left:5%;
		}
	/********************************  product grid ***********************************************************/
	.product-grid ul li {
		overflow:hidden;
		padding-top:30px;
		margin-bottom:30px;
		}
	.product-grid ul li:first-child {
		border-top:none;
		padding-top:0;
		}
	.product-grid ul li .image {
		width:30%;
		float:left;
		}
	.product-grid ul li .left {
		width:63%;
		float:left;
		margin-left:5%;
		border:none;
		text-align:left;
		}

	/************************************** box-category ********************/
	.box-product.box-subcat .name.subcatname {
		height: auto;
		text-align:left;
	}
	.box-product.box-subcat li {
		height:auto !important;
		overflow:hidden;
		}
	.box-product.box-subcat li .image {
		float:left;
		width:25%;
		max-width:170px;
		margin-bottom:0;
		}
	.box-product.box-subcat li .name {
		width:63%;
		float:left;
		margin-left:5%;
		}  
	.order-list .order-info {
		text-align:left;
		}
	.order-content{
		padding-top:0;
		}
	.order-content>div>div {
		margin-top:20px;
		}
}
/******************************************/
@media (min-width: 481px) and (max-width: 767px){
	.banner>div , .banner > div:first-child{
		max-width:33.33%;
		float:left;
		}
	.banner > div:first-child{
		margin-left:-1px;
		border-left:1px solid #fff;
		}
	.banner .s-desc {
		top:50%;
		margin-top:-44px;
		padding-top: 0;
		vertical-align:middle;
	}	
	.banner .s-desc h1 {
		font-size: 15px;
		line-height: 20px;
	}	
	.banner .s-desc h2 {
		font-size: 14px;
		line-height: 14px;
		margin-bottom:10px;
	}
	.banner .s-desc p {
		display:none;
	}
}
/***************************************************/
@media (max-width: 555px) {
	.content-border h2{
		margin-bottom:20px;
		}
	.content-border {
		border:0;
		padding:0px;
		margin-bottom:0px;
		}
	.checkout .checkout-product .table td {
		font-size:11px !important;
		padding:4px 2px !important;
		}
	.product-list .cart-button {
		position:static;
		float:none;
		margin:10px 0 0 0
		}
	.shop-cart .table.table-bordered {
		border:0
		}
	.shop-cart .table {display:block;width:100%}
	.shop-cart .table thead {display:none;}
	.shop-cart .table tbody {
		display:block;
		border:0;
		}
	.shop-cart .table tbody tr {
		display:block;
		margin-bottom:30px; 
		border:1px solid #d7d7d7;
		border-bottom:0;
		}
	.shop-cart .table tbody td {
		display:block;
		text-align:center;
		border:0;
		border-bottom:1px solid #d7d7d7;
		}
}

/******************************************************/
@media (max-width: 515px) {
	img#captcha {
		margin-left:0px;
	}
}
/******************************************************/
@media (max-width: 480px) {
	.box .box-product ul li .sale, .product-grid ul li .sale, .product-list ul li .sale{
		display:none;
	}
	div.fluid_container{
		margin-bottom:20px;
	}		
	.banner>div a{
		background:none;
		overflow:hidden;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	.banner>div a:after{
		position:absolute;
		z-index:2;
		display:block;
		width:100%;
		height:100%;
		content:'';
		top:0; left:0;
	
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;		
		box-shadow: inset 0 0 1px #cfcfcf;
		-moz-box-shadow: inset 0 0 1px #cfcfcf;
		-webkit-box-shadow: inset 0 0 1px #cfcfcf;
	}
	.banner>div, .banner>div:first-child {
		max-width:290px;
		margin:0 auto 10px;
		border:none;
		}	
	.banner .s-desc h1 {
		font-size: 27px;
		line-height: 32px;
	}	
	.banner .s-desc h2 {
		font-size: 21px;
		line-height: 25px;
	}
	.banner .s-desc p {
		margin-bottom:20px;
	}
	.checkout-content .name a{
		font-size:11px;
	}
	header #logo {		
		min-width: 0;
		max-width:90%;
	}
	header #logo a{
		/*margin-right: 20px;*/
		display:block;
	}
	
}
/******************************************************/
@media (max-width: 440px) {
	.login-content .heading i {
		font-size:30px;
		}
	.login-content .heading h2 {
		font-size:13px;
		}
	.checkout-content {
		padding:10px
		}
	header #cart.active .content {
		height:250px;
		overflow:hidden;
		}
	header #cart.active .content .content-scroll {
		height:100%;
		overflow:scroll;
		webkit-overflow-y:scroll
		}
	.cart-bottom .buttons .center {text-align:right;}
}	  
/******************************************************/
@media (max-width: 410px) {
	.product-info .review img {
		margin-bottom:10px;
		float:none;
		}
	.product-info .review .btn-rew {
		float:none;
		}
	.product-filter .sort {
		float:none;
		}
	.product-filter .limit {
		float:none;
		margin:10px 0 0 0;
		}
}
/******************************************************/
@media (max-width: 372px) {
	a.button-prod {margin-left:0;}
	}