
/***********************************************************/
@media (min-width: 1200px) {
	.related {
		padding:0 50px;
	}
	.product-compare .compare-info td img {
		max-width: 100%;
	}
	html[lang="de"] #compare.box .box-heading{
		font-size: 20px;
	}
	.container {
		width:1200px;
	}
	ul.sf-menu > li {
		min-width: 167px;
	}
	ul.sf-menu > li > a {
		padding-left:19px;
		padding-right:19px;
		min-width:167px;
	}
	
	.common-home #container {
		margin-top:-40px !important;		
		max-width: 1200px !important;
	}
	@-moz-document url-prefix() {
		ul.sf-menu > li {
			min-width: 167px;
		}
	}
	#search input {
		max-width: 296px;
	}
	/****************/
	.banner.bannerBig .s-desc h2 {
		font-size: 50px;
		line-height: 45px;
	}
	.banner.bannerBig .s-desc h1 {
		font-size: 100px;
		line-height: 94px;
	}
	.banner .s-desc {
		font-size: 15px;
		line-height: 18px;
	}
	.banner.bannerInfo .s-desc h1 {
		font-size: 45px;
		line-height: 45px;
	}
	.banner.bannerInfo .s-desc h2 {
		font-size: 24px;
		line-height: 28px;
	}
	/****************/
}
/***********************************************************/
@media (max-width: 1200px) {
	.table th, .table td {
		padding:8px;
	}	
}
/***********************************************************/
@media (min-width: 768px) and (max-width: 1200px) {
	.login-content .heading h2 {
		font-size:16px;
	}
	ul.sf-menu > li.home {
		width: 100px !important;
	}
	ul.sf-menu > li > a.home {
		width:100px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

}
/******************************************************/
@media (max-width: 979px) {
	#search input {
		max-width: 225px;
	}
	.big-menu, #menu {display:none;}
	#menu-gadget {display:block;}
	.product-grid .cart, .box .box-product .cart {
		float:none;
	}
	.cart-position , header #search{
		margin-top:0;
	}
	.preview .wishlist,.preview .compare{
		float:left;
	}
	
	.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){
	.box .box-heading i, .tabs .tab-heading i, .checkout-heading i{
		display:none;
	}
}
/**********************************************************/
@media (min-width: 768px) and (max-width: 979px) {
	.compare-block .image {
		margin-right: 0;
		margin-bottom: 10px;
	}	
	.product-grid .left > div.cart-button > div {
		padding-bottom: 0;
	}
	html[lang="de"] #compare.box .box-heading{
		font-size: 16px;
		word-wrap: break-word;
	}
	html[lang="es"] .product-compare a.button span {   
		font-size: 9px;
	}
	footer h3 {   
		font-size: 11px;
	}
	/**************/
	.banner.bannerBig .s-desc h2 {
		font-size: 31px;
		line-height: 28px;
	}
	.banner.bannerBig .s-desc h1 {
		font-size: 62px;
		line-height:58px;
	}
	.banner .s-desc {
		font-size: 10px;
		line-height: 12px;
	}
	.banner.bannerInfo .s-desc h1 {
		font-size: 28px;
		line-height: 28px;
	}
	.banner.bannerInfo .s-desc h2 {
		font-size: 16px;
		line-height: 18px;
	}
	.banner.banners .s-desc h1 {
		font-size: 21px;
		line-height: 22px;
	}
	.banner.banners .s-desc div {
		margin-top:15px;
		margin-bottom:0;
	}
	.banner.banners .s-desc span {
		margin-top:13px;
		margin-bottom:13px;
	}
	/**************/
	.box .box-heading, .tabs .tab-heading, .checkout-heading {
		font-size: 15px;
		line-height: 18px;
		padding: 15px 15px 15px 20px;
	}
	.box-product .inner .f-left, .product-grid .left > div, .box-subcat .subcatname, .box-product .inner1 .left {
		padding: 20px 15px 15px;
	}
	.box-product .name a, .product-grid .name a {
		font-size: 12px;
		line-height: 14px;
	}
	.display {
		display:block;
		width:100%;
		padding-top:10px;
	}
	.product-grid .wishlist a, .product-grid .compare a, .product-grid .cart a, .box-product .wishlist a, .box-product .compare a, .box-product .cart a{
		margin-bottom:7px;
	}
	.inner1 .cart a{
		margin-bottom:0;
	}
	.box-product .cart-button, .product-grid .left > div.cart-button{
		padding-left:10px;
		padding-bottom:9px;
	}
	.product-grid .left > div.cart-button{
		padding-bottom:4px;
	}
	.box-product .wishlist a, .box-product .compare a , .product-grid .wishlist a, .product-grid .compare a{
		margin-right: 7px;
	}
	.common-home #container {
		max-width: 750px;
		margin-top: -40px;
	}
	.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 81px
		}
	.product-filter .display {
		clear:both;
		float:none
		}
	footer .fa.fa-phone {display:none;}
	.login-content .heading h2 {
		font-size:13px;
		}
	.login-content .heading i {
		font-size:20px;
		}

	.compare-block .image {
		float:none;
		text-align:center;
		}
}
/**********************************************/
@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) {	
	.banner.bannerInfo>div{
		max-width:370px;
		margin:0 auto 25px;
	}
	.tabs {
		margin-bottom: 10px;
	}
	#tab-review .form-inline .radio {
		display: inline-block;
		padding-left: 0;
	}
	#tab-review input[name="captcha"] {
		margin-bottom: 10px;
	}
	.related {
		margin-left: auto;
		margin-right: auto;
		max-width: 170px;
		padding-left: 0;
		padding-right: 0;
		padding-bottom:10px;
	}
	aside .box .box-content .box-product ul {
		text-align: center;
	}
	aside .box .box-product li {
		display: inline-block;
		text-align: left;		
	}
	aside .box .box-content{
		padding-top:15px;
		padding-bottom:15px;
	}
	.product-grid {
		overflow:hidden;
	}
	/****************/
	.banner.bannerBig .s-desc {
		top: 50%;
		margin-top:-45px;
	}
	.banner.bannerBig .s-desc h2 {
		font-size: 32px;
		line-height: 29px;
	}
	.banner.bannerBig .s-desc h1 {
		font-size: 64px;
		line-height: 60px;
	}
	.banner .s-desc {
		font-size: 15px;
		line-height: 18px;
	}
	.banner.bannerInfo .s-desc h1 {
		font-size: 45px;
		line-height: 45px;
	}
	.banner.bannerInfo .s-desc h2 {
		font-size: 28px;
		line-height: 32px;
	}
	/****************/
	footer {
		background:none;
	}
	#cart .heading span.link_a i.fa.fa-caret-down{
		display:none;
	}
	.bg-powered {
		margin-top: 0;
	}
	.common-home #container {
		margin-top: 30px;
	}
	.common-home header {
		margin-bottom: 30px;
	}
	.banner > div {
		text-align: center;
	}
	.common-home .box-product {
		overflow:hidden;
	}
	.product-grid .left, #content .box-product .inner, .box-subcat .subcatname, #content .box-product .cart-button, .product-grid .left > div.cart-button, .product-grid .image, #content .box-product .image2, .box-subcat .image {
		border: none;
	}
	#content .related .box-product .cart-button {
		border-top: 1px solid #F0F0F0;
	}
	#content .box-product .inner .f-left, .product-grid .left > div, .box-subcat .subcatname, #content .box-product .cart-button, .product-grid .left > div.cart-button{
		padding: 0;
	}
	#content .related .box-product .cart-button{
		padding: 11px 12px 11px 11px;
	}
	.product-list .price, .product-grid .price{
		margin-bottom:10px;
	}
	#cart .heading span.link_a i.fa.fa-shopping-cart{
		font-size:26px;
		height:50px;
		border-left:1px solid #2A3138;
		background:none;
		}
	#cart .heading span.link_a {
		line-height:50px;
		border-radius:0;
		color:#fff;
		}
	header #cart.active .content {
		top:50px
		}

	#powered {
		text-align:center;
		}
	
	aside #compare {
		display:none !important;
		}
	#full_gallery {
		display:block;
		}
	#default_gallery {
		display:none;
		}
	.tabs .tab-heading:hover {
		cursor:pointer;
		}
	.tabs .tab-content {
		display:none;
		}
	#content {
		margin-bottom:20px;
		}
	.box {margin-bottom:10px; padding-bottom:0;}
	#column-right .box .box-heading, #column-left .box .box-heading {
		margin-bottom: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  {
		display:none;
		}
	#content .box-product li {
		border-top:1px solid #f0f0f0;
		margin-bottom:25px !important;
		padding-top:25px;
		}
	#content .related  .box-product li{
		border-top:none;
		margin-bottom:0 !important;
		padding-top:0;
		}
	#content .box-product li:first-child {
		border-top:none;
		}	
	.box-product .name {
		margin:0
		}
	footer > div.container {display:none;}
	footer > div+div.container {display:block;}
	footer {padding:0; margin-top:5px;}
	
	header #logo {margin:50px 0 30px 0}
	.cart-position {
	  position:fixed;
	  top:0;
	  right:0px;
	  margin:0;
	  z-index:100;
	  }
	/*********************** box product *************************/
	#content .box-product  .image2{
		float:left;
		width:30%
		}
	#content .box-product .inner {
		width:58%;
		float:left;
		margin-left:30px;
		}
	#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:#2a3138;
		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:7px;
		right:10px;
		background-image:none;
		background:#3498db;
		border-color:#3498db;
		padding:5px 7px 6px 7px;
		}
	#search .button-search i{
		color:#fff;
	}
	#search .button-search:hover {background-color:#7ecefd;}
	#search .button-search:hover i{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.fa.fa-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:44px;
		height:22px;
		line-height:22px;
		width:30px;
		text-align:center;
		overflow:hidden;
		
		}
	header #cart.active .content {
		display: block;
		}
	.toprow-1 .cart-position {display:block; margin:0;}
	/*******************************************************/
	.col-sm-3 .box-content {display:none;}
	aside .box-heading:hover {
		cursor:pointer;
		}
	.box-heading i {
		float:right;
		font-size:13px;
		line-height:24px;
		color:#fff
	 }
	.box-heading:hover i {
		color: #7ECEFD;
	}
	aside .box-product .name {height:auto !important; margin:5px 0}
	/*************************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-right:1px solid #2A3138;
		float:left;
	}
	body #page {
		height:100%
		}

	body.ind div.shadow{
		left:0;
		top:0;
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		background:url("../image/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		z-index:99;
		opacity:0.7
		}
	body.ind #page {
		margin-left: 237px;
		width:100%;
		position:fixed;
		left:0;
		top:0;
		z-index:2
		}
	body #body .swipe .swipe-menu{
		background-color: #fff;
		height:100%;
		overflow:scroll;
		
		}
	body #body .swipe {
		display:none;
		}
	body.ind #body .swipe {
		display:block;
		background-color:#f9f9f9;
		position:fixed;
		color:#3e454c;
		width:237px;
		top:50px;
		left:0px;
		z-index:100;
		overflow:hidden;
		z-index:101;
		}
	header .toprow {display:none;}
	header .toprow-1 {display:block;}

	/********************************************/	
	#livesearch_search_results {
		display:none !important; 
		}
	/************** product list *******************/
	.product-list ul li .image {
		width:30%;
		float:left;
		}
	.product-list ul li .left {
		width:65%;
		float:left;
		margin-left:5%;
		}
	/*************  product grid *****************/
	.product-grid ul li {
		overflow:hidden;
		padding-top:25px;
		margin-bottom:25px;
		border-top:1px solid #f0f0f0;
		}
	.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:65%;
		float:left;
		margin-left:5%;
		}

	/************************************** box-category ********************/
	.box-product.box-subcat li {
		height:auto !important;
		overflow:hidden;
		}
	.box-product.box-subcat li .image {
		float:left;
		width:30%;
		max-width:170px;
		}
	.box-product.box-subcat li .name {
		width:65%;
		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 (max-width: 555px) {
	/*********/
	div.banner.bannerBig .s-desc {
		margin-top:-33px;
	}
	div.banner.bannerBig .s-desc h2 {
		font-size: 22px;
		line-height: 22px;
	}
	div.banner.bannerBig .s-desc h1 {
		font-size: 45px;
		line-height: 45px;
	}
	/*********/
	.content-border h2{
		margin-bottom:20px;
		}
	.content-border {
		border:0;
		padding:0px;
		margin-bottom:0px;
		}
	.checkout .checkout-product .table td {
		font-size:12px !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) {
	.banner.banners >div:hover img, .banner.bannerBig >div:hover img {
		transform: none; 
		-o-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
	}
	.banner.banners img, .banner.bannerBig img {
		transition: none;
	}
	.box .box-content .box-product ul li .quick-view-button, .box .box-content .box-product ul li .image2 img, .box .box-content .box-product ul li, .product-grid li .image img, .product-list li .image img, .box-subcat li .image img, .related .image img {
		transition: none;
	}
	.box .box-content .box-product ul li .image2:hover img, .product-grid li .image:hover img, .product-list li .image:hover img, .box-subcat li .image:hover img, .related li .image:hover img{
		transform: none; 
		-o-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
	}
	.product-list .cart-button{
		display: inline-block;
		padding-bottom: 0;
	}
	.product-list .left > div.cart-button > div {
		display: inline-block;
		float: left;
		padding-bottom: 9px;
	}
	.checkout .checkout-product .table td {
		font-size:10px !important;
		padding:4px 2px !important;
	}
	/*********/
	div.banner.bannerBig .s-desc {
		margin-top:-22px;
	}
	div.banner.bannerBig .s-desc h2 {
		font-size: 16px;
		line-height: 16px;
	}
	div.banner.bannerBig .s-desc h1 {
		font-size: 28px;
		line-height: 28px;
	}
	/*********/
}
/******************************************************/
@media (max-width: 440px) {
	/****************/
	.banner.bannerBig .s-desc h2 {
		font-size: 50px;
		line-height: 45px;
	}
	.banner.bannerBig .s-desc h1 {
		font-size: 100px;
		line-height: 94px;
	}
	.banner.banners .s-desc h1 {
		font-size: 18px;
		line-height: 19px;
	}
	.banner.banners .s-desc span {    
		font-size: 12px;
		line-height: 14px;
		margin: 15px 10px 15px 0;
		padding: 10px 39px 10px 13px;
	}
	.banner.banners .s-desc h2 {
		font-size: 12px;
		line-height: 14px;
	}
	/****************/
	.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 (min-width: 401px) and (max-width: 767px){
	.banner.bannerInfo>div{
		padding:0;
	}
}
/****************************************************/
@media (max-width: 400px) {
	.product-info .cart-top-padd{
		margin-bottom:5px;
	}
	.checkout-heading {
		font-size:18px;
	}
	.checkout-content .name a {
		font-size: 12px;
		line-height: 14px;
	}
	/****************/	
	.banner .s-desc {
		font-size: 12px;
		line-height: 14px;
	}
	.banner.bannerInfo .s-desc h1 {
		font-size: 36px;
		line-height: 36px;
	}
	.banner.bannerInfo .s-desc h2 {
		font-size: 18px;
		line-height: 22px;
	}
	/****************/
	.wishlist a, .compare a {
		margin-right: 7px;
	}
	#cboxContent .about-page {
		padding-left:15px;
		padding-right:15px;
	}
	.about-page i{
		float:none;
		margin-bottom:10px;
	}
}
