@CHARSET "UTF-8";

/*max width 1279px*/

@media (max-width: 1279px) {
	.list-products .col-md-5ths{
    	position: relative;
    	min-height: 1px;
   		width: 20%;
    	float: left;
  	}
  	.left-cats {
  		display: none
  	}
  	.profile-links .left-cats{
  		display: block;
  	}
	.filters-collapse{
		display: none; 
		margin-right: 10px;
		padding: 0 10px 20px 10px;
		border: 1px solid #898989;
		border-top: 1px solid transparent;
	}
	.filters-toggle{
		display: block;
		margin: 10px 10px 0 0;
		border: 1px solid #898989;
		border-top-left-radius: 5px;
  		border-top-right-radius: 5px;
		padding: 6px 0;
		font-size: 16px;
		text-align: center;
		text-transform: uppercase;
		cursor: pointer;
	}
	.filters-toggle span{
		float: right;
		margin-right: 10px;
	}
	.remove-filters{ 
		text-align: right; 
		line-height: 14px;
	}
	.remove-filters span{ 
		margin-left: 5px;
	}
	.filter{
		float: left; 
		width: 260px; 
		margin-left: 40px; 
		margin-top: 10px;
	}
	.sort-by .pull-left{
		margin-left: 10px;
	}
	
	.list-caption{display:block;}
	.compare, .compare-clone{
    	width: 790px;
  	}
  	 	.content-left{
  		width: 100%;
  	}
	--#headerCarousel .carousel-control { top: 20px;}
	.info-collapse{
		display: none; 
		margin-right: 10px;
		padding: 0 10px 20px 10px;
		border: 1px solid #898989;
		border-top: 1px solid transparent;
	}
	.info-toggle{
		display: block;
		margin: 10px 10px 0 0;
		border: 1px solid #898989;
		border-top-left-radius: 5px;
  		border-top-right-radius: 5px;
		padding: 6px 0;
		font-size: 16px;
		text-align: center;
		text-transform: uppercase;
		cursor: pointer;
	}	
	.info-toggle span{
  		float: right;
  		margin-right: 10px;  		
  	}
  	.content-right{ margin: 0 10px;} 
  	.content-right section{
		width: 100%;
		margin: 0;
		border: none;
	}
	.content-right section label{ display: none; }
	.content-right section h5{
		text-align: left;
		padding-left: 15px;
	}
}

/*max width 1023ox*/
@media (max-width: 1024px) {
	.filter {
		float:left;
		width:33%
	}
	jspContainer {
		width:100%;
	}
	#inquiry .modal-dialog{
		width:100%;
		margin: 30px auto;
		max-width: 100%;
		padding: 0 30px;
	}
	#send_inquiry {
		padding: 0 15px;
	}
	.sticky{
		position: sticky;
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
	}
}
@media (max-width: 1023px) {
	#flexslider{
		display: block;
		margin-top: 0px;
	}
	.fixed-header{
		position: relative;
	}

	.slides, .slides li, .slides li a {
		height: 216px;
	}
	/* header menus */
  	.nav.menu-about{
  		height: auto;
  		float: left !important;
  		margin-left: -22px; 
  		padding-bottom: 15px;
  	}
  	.nav.menu-about>li{ float: none; }
  	.nav.menu-about>li>a{
  		border-left: 0;
	  	box-shadow: inset 0 0 0 #0089c4;
  	}
  	.menu-about ul.dropdown-menu{
  		position: static;
  		background-color: #0098d9;
  		box-shadow: none;
  		border: none;
  	}
  	.menu-about ul.dropdown-menu li a{
  		color: #fff;
  	}
  	.dropdown-menu.bullet:before, .dropdown-menu.bullet:after { display: none;}
  	#navbar-profile{
		position: static;
		margin-top: 0;
	}
  	#menu-profile{ display: none; }
  	.menu-profile{
  		float: left !important;
  		margin-top: 9px;
  		margin-left: -10px;
  		padding-bottom: 15px;
  	}
  	.menu-profile>li{ float: none;}
  	.menu-profile>li>a{
  		border-right: 0 !important;
  		color: #fff !important;
  	}
	.bg-header-products{
		display: none;
	}
	.prom-shops-mob{
		--background: url(../img/bg_header_products.png) left top repeat-x;
		background: #fff;
		height: 35px;
		display: block;
		text-align: center;
		z-index: 15;
	}
	.prom-shops-mob.sticky{
		top: 0px;
	}
	.prom-shops-mob ul{
		padding-top: 10px;
		padding-left: 0px;
	}
	.prom-shops-mob ul li a{
		font-size: 16px;
		padding: 0;
		border-left: 1px solid #f3f3f3;
		box-shadow: inset 1px 0 0 #dfdfdf;
		padding-left: 10px;
		margin-left: 10px;
		text-shadow: 1px 1px #fff;
	}
	.prom-shops-mob ul li a.prom{
		color: #f42121;
		border-left: none;
		box-shadow: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	.prom-shops-mob ul li{
		text-decoration: none;
		display: inline;
	}
  	/* dropdown menu with categories */
  	#linkProducts{ display: none;}
  	.menu-products>li#linkProducts+li>a{
  		border-left: none;
		box-shadow: none;
		padding: 0;
		padding-bottom: 5px;
		margin: 0;
  	}
  	.categories-toggle, .categories-collapse.in{
		display: block;
	}
  	.categories-toggle{
  		background-color: #0098d9;
  		color: #fff;
  		font-size: 16px;
  		text-transform: uppercase;
  		padding: 6px 0;
  		text-align: center;
  		cursor: pointer;
  		border-top-left-radius: 5px;
  		border-top-right-radius: 5px;
  		margin-top: 15px;
  		margin-right: 10px;
		z-index: 10;
		width: 100%;
		position: sticky;
		top: 45px;
		z-index: 200;
  	}
	.categories-collapse.in{
		top: 80px;
		position: sticky;
		z-index: 202;
	}
  	.categories-toggle span{
  		float: right;
  		margin-right: 10px;  		
  	}
  	.categories-collapse ul{
	  	padding: 0;
	  	margin: 0;
	  	list-style-type: none;
  	}
  	.categories-collapse ul li h1{
  		font-size: 14px;
  		font-weight: 400;
  		padding: 0;
  		margin: 0;
  		text-transform: uppercase;
 	}
 	.categories-collapse ul li h1 a{
  		color: #fff;
  		background-color: #1979a2;
  		display: block;
  		border-top: 1px solid #58b7e0;
  		padding: 10px;
  		outline: none;
  	}
  	.categories-collapse ul li h1 a:hover{
  		text-decoration: none;
  	}
  	.categories-collapse ul li h1 a span{
  		float: right;
  	}	
  	.categories-collapse ul li ul li h2, .categories-collapse ul li ul li ul li h3{
  		font-size: 13px;
  		color: #4e4e4e;
  		padding: 0;
  		margin: 0;
  		font-weight: 300;
  	}
  	.categories-collapse ul li ul li h2 a, .categories-collapse ul li ul li ul li h3 a{
  		background-color: #fbfbfb;
  		display: block;
  		border-top: 1px solid #dbdbdb;
  		padding: 10px;
  		font-weight: 700;
  		outline: none;
  	}
  	.categories-collapse ul li ul li ul li h3 a{
  		padding-left: 20px;
  		font-weight: 400;
  	}
  	.categories-collapse ul li ul li h2 a:hover, .categories-collapse ul li ul li ul li h3 a:hover{
  		text-decoration: none;
  	}  	
	.table-offer-res table.table-offer{
		max-width: none;
		width: 1200px;
	}
	.table-offer-res{
		width: 720px;
		overflow-x: scroll;
		margin-bottom: 20px;
	}	
	.offer-status{float: left !important;}
	.fixed-socials, .fixed-likeus{
		bottom: 0px;
		left: 10px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(00deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}
	.fixed-socials button, .fixed-likeus button, .fixed-socials a{
		border-radius: 4px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.fixed-socials a{display: none;}
	.socials-payment, .logo-footer{
		border-left: none;
	  	box-shadow: none;
	}
	.logo-footer{
		height: auto;
		border-bottom: 1px solid #13acee;
	}
	.logo-footer img{width: 120px;}
	.copyrights{padding: 10px 0;}
	.caption-list{margin-top: 20px;}
    .col-lg-5ths{
    	width: 100%;
    	margin-bottom: 10px;
    }
    .carousel-control{display: none;}
    .product{ min-height: 130px !important; }
	.product .product-image{
		float: left;
		clear: none;
		margin: 6px 0;
		border-right: 1px solid #ddd;
	}
	.product .product-image img{
		width: 115px;
		height: 115px;
		margin: 0 6px;
	}
	.product .product-vert-caption{
		float: left;
		margin-top: 35px;
		width: 320px;
	}
	.product .product-vert-opt{
		display: block;
		position: absolute;
		right: 210px;
		top: 25px;
	}
	.product .product-price, 
	.product .product-real-price
	{
		margin-top: 25px;
		float: right;
		clear: right;
		margin-right: 10px;
		margin-bottom: 18px;
	}
	.product .product-link-all {
		float: right;
		clear: right;
		margin-right: 10px;
		margin-bottom: 18px;
	}
	.product .product-real-price{margin-bottom: 0;}
	.product .product-shadow{
		background: url("../img/shadow_big.png") center bottom no-repeat;
		width: 715px;
	}
	.product .icon-shipping {
	    bottom: 16px;
	    left: auto;
	    right: 207px;
	}
	.col-lg-5ths.producer{
		width: 19.6% !important;
		min-height: 145px !important;
	}
	.producer .product-shadow{display: none;}
	.producer img{width: 85%;}	
	.producer-country img{
		width: 20px;
		margin-right: 0;
	}	
	
	.filter{ width: 300px;}
	.list-products .col-md-5ths{width: 100%;}
	.preview-type{ display: none;}
	.profile-links{display: none;}
	
	.product-remove{
		top: 8px;
		left: 140px;
	}
	.view-left, .view-right{width: 100%;}
	.big-image{
		width: 100%;
		float: left;
		margin-right: 12px;
	}
	.view-left .icon-promo, .view-left .icon-new, .view-left .icon-most-sold{ left: 15px; }
	.small-images a:nth-child(5n){ margin-right: 7px; }
	.small-images a:nth-child(4n){ margin-right: 0; }	 
	.caption-view-small-res{ 
		display: block;
		font-size: 24px;	 
	}
	.view-right h2{ display: none; }
	.menu-profile-offer button.btn{
		position: static;
		float: left;
		border-radius: 5px !important;
	}
	.menu-profile-offer ul{
		position: static;
		clear: left;
		display: block;
		background-color: transparent;
		border: none;
		box-shadow: none;
	}
	.menu-profile-offer ul li{ margin-left: -55px; }
	.menu-profile-offer ul li a{ color: #fff; }
	.menu-profile-offer ul li a:hover{
		color: #fff;
		text-decoration: underline;
	}
	.menu-profile-offer li:last-child{ display: none; }
	.menu-profile-offer ul li:last-child{ display: block; }
	.nav-view li a{
		padding: 6px 7px 8px 7px;
		font-size: 15px;
	}
	.compare, .compare-clone{
		width: 580px;
	}    
		.compare table tr th, .compare-clone table tr td{min-width: 150px;}
		.compare-clone{margin-left: 150px;}	
	.contact-images .zoom-image {
	    background: rgba(0, 0, 0, 0) url("../img/icons.png") no-repeat scroll -200px -120px;
	    cursor: pointer;
	    display: block;
	    height: 27px;
	    left: 2%;
	    position: absolute;
	    right: 8px;
	    top: 8px;
	    width: 27px;
	    z-index: 10;
	}
}

@media (max-width: 767px) {
	.fixed-header{
		position: relative;
		background: #fff;
		z-index: 200;
		top: 0;
		width: 100%
	}
	.sticky{
		position: sticky;
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
	}
	.categories-toggle.sticky {
		top: 40px;
	}

	.slides, .slides li, .slides li a {
		height: 156px;
	}

	.product {
	    min-height: 280px !important;
	}
	.product.product-vert span.product-link-all {
		left:auto;
	}
	.product-vert .product-vert-cap {
		    margin-top: 140px;
	}
	.product-vert .product-vert-cap {
	    display: block;
	    float: left;
	    margin-top: 50px;
	    width: 50%;
	}
	.product-vert .product-vert-cap {
	    display: block;
	    float: none;
	    margin-top: 20%;
	    width: 100%;
	}
.product .product-vert-caption {
	margin-top:0;
}
		
	.product .product-price, .product .product-real-price {
	    margin-top: 25px;
	    float: right;
	    clear: right;
	    margin-right: 10px;
	    margin-bottom: 18px;
	}
	.product .product-image{
		float: none;
		clear: both;
		border-right: none;
	}
	
	.product .product-image img {
	    width: 250px;
	    height: 250px;
	    margin: 0 6px;
	}
	.product h2{
		height: auto;
		overflow: auto;
	}
	.product .product-vert-opt{
		right: 210px;
		top: auto;
		bottom: auto;
	}
	.product .product-price{
		clear: none;
		margin-top:0; 
		margin-bottom: 3px;
	}
	.product-remove{
		top: 32px;
		left: auto;
		right: 15px;
	}
	.product .product-real-price{margin-bottom: 10px;}
	.col-lg-5ths.producer{width:47% !important; margin-right: 2%}
	.filter{ width: 230px;}
	.table-profile-res table.table-profile, .table-profile-res table.table-basket{
		max-width: none;
		width: 900px;
	}
	.table-profile-res{
		overflow-x: scroll;
		margin-bottom: 20px;
	}	
		.navbar-brand img{
		width: 80%;
		margin: 0 0 0 15px;
	}	
	.navbar-brand strong, .basket-link, .offer-link, .phone-header{display: none;}
	.nav-toggle-basket{display: block;}
	.menu-products{
		text-align: center;
		padding-top: 0;
	}
	.menu-products li{
		display: inline-block;
	}		
	.breadcrumbs{display: none;}
	.sort-by .pull-right{display: none;}
	.pagination > li > a {padding: 2px 5px;}	
	.fixed-compare{display: none;}
	.contact-images img.img-responsive{ width: 100%;}
	.map{ clear: both; margin-left: -10px;}
	.back-button-bottom{ margin-left: 15px !important;}
	.ask-left{border-right: none;}
	.btn-refresh {
		margin-bottom: 20px;
		}
	.buy-button-res{
		padding: 8px 30px 0; 
		margin-bottom: 20px;
	}
	#viewTabs-accordion{
		margin-top: 25px;
	}
	#viewTabs-accordion h4 a{
		display: block;
		outline: none;
	}
	.small-images a:nth-child(4n){ margin-right: 7px; }
	.icon-compare, #compareView{display: none;}		
	.step2-data .form-horizontal .control-label {margin-left: 0px !important;}
	.form-horizontal .control-label, .step2-data-res .form-horizontal .control-label {margin-left: 15px !important;}

	.fixed-navigation{
		position: fixed;
		bottom: 0px;
		right: 0px;
		z-index: 1000;
		text-align: center;
		width: 100%;
		background:#f1f1f1;

	}
	.fixed-navigation a{
		display: inline-block;
	}
}

@media screen and (max-height: 639px){
	#categories-collapse{
		position: sticky;
		z-index: 200;
		overflow-y: scroll;
		top: 80px;
		max-height: 600px;
	}
}
@media screen and (max-height: 360px){
	#categories-collapse{
		height: 190px;
	}
}
@media (max-width: 720px){
	.product .product-price {
	    float: right;
	    margin-top: 0;
	    clear: none;
	    position: absolute;
	    right: 0;
	}
	.product .product-vert-opt {
		right: 210px;
		top: auto;
		bottom: auto;
    }
    .product .product-shadow {
	    background: url("../img/shadow_big.png") center bottom no-repeat;
	    width: auto;
	}
}
@media (max-width: 560px){
	 .product {	 
	 	 min-height: 280px !important;
	  }
	.product .product-vert-opt {
	    right: 0;
	    top: 25px;
	    bottom: auto;
	    margin-top: 10px;
	    margin-right: 10px;
	}
	.product .product-image img {
	    width: 200px;
	    height: 200px;
	    margin: 0 6px;
	}
	.product-vert .product-vert-cap {
		width:50%;
		position:absolute;
		bottom:5px;
	}
	#list-products div.product-price {
		position:absolute;
		right:0;
	    bottom: 5px;
	}
	.product .product-real-price {
		margin-top: 14%;
		margin-bottom:0;
	}
	.slides, .slides li, .slides li a {
		height: 84px;
	}


}
@media (max-width: 512px){
	#list-products div.product-price {
		margin-top:10%;
	
	}
}
@media (max-width: 480px){

	.basket-total-price{padding-right: 10px;}
	.basket-total-price strong{font-size: 20px;}
	.view-left .big-image{width: 100%}
	.view-left .big-image img{width: 100%}
	.zoom-image{ right: 20px; left: auto;}
	.view-desc{
		clear: both;
		padding-top: 20px;
	}
	.view-quantity{
		padding: 5px 10px; 
		margin-right: 20px;
		border-right: none;
		width: calc(52% - 1px);
	}
	.view-price {
		text-align: center;
		padding: 3px 0 0 0;
		/* float: left; */
		background: #0098d9;
		border-radius: 5px;
		width: calc(100% - 15px);
		box-shadow: 1px 1px 5px #939393ba;
	}
	.view-price >span{
		background: #fff;
		display: block;
		margin: 2px 7px;
		border-radius: 4px;
		box-shadow: inner 0 0 2px red;
		box-shadow: inset 0 0 4px #979797;
	}
	
	.leasing-button{
		clear: right;
		margin-top: 10px;
		margin-right: 0;
	}
	.table-products{display: none !important;}
	.tab-products-res{display: block}
	.tab-products-res div.tab-products-row:nth-child(2n),
	.tab-doc-res div.tab-doc-row:nth-child(2n){background-color: #e1e1e1;}
	.tab-products-row{
		text-align: left;
		padding: 5px 10px;
	}
	.tab-products-row label{margin: 0;}
	.tab-products-row label span{
		display: block;
		float: left;
		width: 15px;
		height: 15px;
		background: url("../img/icons.png") -230px -90px no-repeat;
		margin-right: 5px;	
	}
	.tab-products-row p{
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	.tab-products-row.selected{background-color: #0098d9 !important;}
	.tab-products-row.selected label span{background-position: -205px -90px}
	.tab-products-row.selected p span.blue{color: #fff;}
	.table-documents{display: none}
	.tab-doc-res{display: block;}
	.tab-doc-row{ padding: 5px 10px;}
	.tab-doc-row p{ padding: 0; margin: 0;}
	.tab-doc-row p span{ margin-right: 5px;}
	.tab-doc-row a{
		display: block;
		clear: both;
		margin-left: 25px;
		font-weight: 700;
	}

	.product-vert .product-vert-cap{
	    position: absolute;
	    bottom: 5%;
	    left: 0;
	    right: 0;
	    width: 66%;
	    text-align: left;
	}
	.product .product-real-price {
	    margin-top: 18%;
	    margin-bottom: 0;
	}

	
}
@media (max-width: 479px) {
	.navbar-brand img{
		width: 130px;
		margin-top: 7px;
	}	
}

@media (max-width: 470px) {
	.basket-total-price div{
		clear: both;
		padding-top: 20px;
	}
	.basket-total-price div p{
		margin: 0;
		float: right;
	}	
	.basket-total-price div strong{
		clear: right;
		float: right;
	}
	.bs-wizard > .bs-wizard-step .bs-wizard-info{display: none}

	.index-mobile div.product div.product-vert-caption{
		width: 66%;
	}
	.index-mobile div.product div.product-real-price{
		position:absolute;
		bottom: 35px;
		right: 0;
	}
	.index-mobile div.product div.product-price{
		position: absolute;
		bottom: 5px;
	}
}
@media (max-width: 414px) {
	.product .icon-shipping{
		top:10%;
 		left: 10px;
	}
	.shipping-list, .shipping-list-index{
		position: absolute;
		top: 13%;
		left: 5px;
		width: 80px;
	}
	.icon-plus{
		top: 14%;
	}
	.icon-zero{
		top: 15%;
	}
	.big-image {
		width:100%;
	}
	.big-image span{
		width:100%;
	}
	#promoCarousel .product-real-price{
		margin-top:0;
	}
	#list-products div.product-price {
    	margin-top: 12%;
	}


}
@media (max-width: 384px){
	.product .product-real-price {
	    margin-top: 22%;
	    margin-bottom: 0;
	}
	#promoCarousel .product-real-price {
		margin-top:0;
	}
	#list-products div.product-price {
	    margin-top: 13%;
	}
}
@media (max-width: 360px){
	.product .icon-shipping {
		left:10px
	}
	#list-products .icon-shipping{
	    top: 10%;
	}
	#promoCarousel .product-real-price {
		margin-top:0;
	}
	.product .product-real-price {
		padding-right:0;
	}
	#list-products div.product-price {
	    margin-top: 15%;
	}
	.big-image span{display: none}
	.view-price{margin-bottom: 10px;}
	.view-quantity{clear: left;}
	.buy-button, .offer-button, .leasing-button{
		clear: both;
		margin-top: 10px;
		float: left;	
	}
	.menu-products > li > a{
		font-size: 14px;
		padding-left: 7px;
  		margin-left: 7px;
	}
	.menu-profile{
		float: none !important;
		margin-left: 0;
	}
}

@media (max-width: 320px){
	.product .product-image img {
		width: 150px;
	    height: 150px;
	    margin: 0 6px;
	}
	.filter {
	    margin: auto;
	    display: block;
	}
	#list-products .product-real-price {
		margin-top:26%;
	}
	#list-products div.product-price {
	    margin-top: 10%;
	}
	.product .product-vert-caption {
		width:100%;
	}

}