@media screen and (min-width: 901px) and (max-width: 5000px) {
.shop-products {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
	list-style: none; 
	display: flex ;
	flex-direction: row ;
	flex-wrap: wrap ;
	justify-content: space-between ;
	align-items: center ;
	align-content: flex-end ;
}
.shop-products .shop-product {
	float:left;
	width:32%;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	position:relative;	
	background-color: #fff;
	border: 1px solid #eaeaea;
	overflow:hidden;
	
}
	.shop-products .shop-product .product-content {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
	}
	.shop-products .shop-product .product-content h3 {
		float:left;
		width:100%;
		margin:0px 0px 30px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 36px;
		text-transform: uppercase;
		font-size: 26px;
		font-weight: 300;
		text-align:center;
		background-color:#eaeaea;
	}
	.shop-products .shop-product .product-content .product-thumb { 
		float:left;
		width:90%;
		height:20vw;
		position:relative;
		margin:0px 0px 0px 5%;
		z-index:5;
		display:flex;
		justify-content:center;
		align-items:center;
	}
		.shop-products .shop-product .product-content .product-thumb .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			max-width:90%;
			max-height:90%;			
		}
		   
	.product-info {
		float:left;
		width:90%;
		margin:0px 0px 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset label {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.product-info fieldset label span {
		float:left;
		margin:0px 0px 10px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 40px;
		font-size: 14px;
		font-weight: 300;
	}
	.product-info fieldset label select {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.product-info fieldset label input {
		float:right;
		width:70%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.product-info .product-price {
		float:left;
		margin:0px 0px 10px 0px;
		position:relative;
		color: black;
		font-family: 'Roboto', sans-serif;
		line-height: 40px;
		font-size: 14px;
		font-weight: 300;
	}
	.product-info .add-to-cart {
		float:right;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		color:#fff;
		background-color:#000;
		font-size:13px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
	}
	
.cart-view-table-front {
	float:right;
	width:250px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:fixed;
	top:5%;
	right:-250px;
	z-index:50;
	background:#fff;
	border:1px solid #cccccc;
	border-top:0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.cart-view-table-front h3 {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	position:relative;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	line-height: 46px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	text-align:center;
	background-color:#000;
	
}	
.cart-view-table-front .ikon-add-in-basket {
	display:none;
	float:left;
	width:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:-46px;
	background:#ff0000;
	color:#fff;
	font-size:20px;
	line-height:46px;
	z-index:20;
}
.cart-view-table-front h3 .ikon-show-cart {
	float:left;
	width:46px;
	line-height:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	left:-46px;
	background:#000;
	cursor:pointer;
}
	.cart-view-table-front h3 .ikon-show-cart span {
		float:left;
		width:15px;
		position:absolute;
		top:0;
		left:0;
		margin:2px 0px 0px 2px;
		padding:0px 0px 0px 0px;
		font-family: 'Roboto', sans-serif;
		color:#000;
		font-size:10px;
		line-height:15px;
		background:#fff;
		border-radius:40em;
	}
.cart-view-table-front h3 .ikon-hide-cart {
	float:left;
	width:46px;
	line-height:46px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	background:#000;
	cursor:pointer;
}
.cart-view-table-front .products {
	float:left;
	width:100%;
	max-height:155px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
}
.cart-view-table-front .products .product {
	float:left;
	width:90%;
	margin:0px 0px 0px 0px;
	padding:5px 5% 10px 5%;
	position:relative;
}
	.cart-view-table-front .products .even {
		background:#f9f9f9;
	}
.cart-view-table-front .products .product .name {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 36px;
	font-size: 16px;
	font-weight: 300;
}
.cart-view-table-front .products .product .qtu {
	float:left;
	width:55%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 25px;
	font-size: 13px;
	font-weight: 300;
}
	.cart-view-table-front .products .product .qtu input {
		float:right;
		width:35px;
		height:25px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-align:center;
	}
.cart-view-table-front .products .product .remove {
	float:right;
	width:40%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 25px;
	font-size: 13px;
	font-weight: 300;
}
	.cart-view-table-front .products .product .remove input[type='checkbox'] {
		float:left;
		margin:6px 10px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
.cart-view-table-front .checkout {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.cart-view-table-front .checkout .reolad {
	float:left;
	width:49%;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
}
.cart-view-table-front .checkout a {
	float:right;
	width:49%;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:13px;
	line-height:40px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}

.cart-view-table-back {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
}
.cart-view-table-back table {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-spacing: 0;
    border: 0;
    border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
}
.cart-view-table-back table thead {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color:#000;
	background:#eaeaea;
	line-height:50px;
	text-align:left;
}
.cart-view-table-back table thead tr th {
	font-size:20px;
	padding:0px 2% 0px 2%;
	border:1px solid #f6f6f6;
}
.cart-view-table-back table tbody tr td {
	font-size:16px;
	line-height:60px;
	padding:0px 2% 0px 2%;
	border:1px solid #f6f6f6;
}
	.cart-view-table-back table tbody .odd td {
		background:#f9f9f9;
	}
	.cart-view-table-back table tbody tr td span {
		font-size:12px;
	}
		.cart-view-table-back table tbody .last td {
			line-height:20px;
			padding:20px 2% 20px 2%;
			text-align:right;
			
			
		}
		.cart-view-table-back table tbody .last td span {
			font-size:20px;
			line-height:30px;
		}
		.cart-view-table-back table tbody .last .small {
			font-size:16px;
		}
.cart-view-table-back input {
	float:left;
	width:100%;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#000;
	border:1px solid #e0e0e0;
	background:#ffffff;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align:center;
}
.cart-view-table-back .button {
	float:left;
	width:32%;
	height:50px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:18px;
	line-height:50px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}
.cart-view-table-back .reolad, .cart-view-table-back .button-pay {
	float:left;
	width:32%;
	height:50px;
	margin:10px 0px 10px 2%;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-color:#000;
	font-size:18px;
	line-height:50px;
	font-family: 'Roboto', sans-serif;
	border:none;
	border:0px solid #dedede;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
}

.order-form {
	float:left;
	width:90%;
	margin:20px 0px 0px 5%;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.order-form  h2 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		line-height: 66px;
		text-transform: uppercase;
		font-size: 26px;
		font-weight: 300;
		text-align:center;
		background-color:#f6f6f6;
	}
	.order-form form {
		float:left;
		width:100%;
		margin:30px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.order-form .order-box-all {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display: flex ;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.order-form .order-box {
		float:left;
		width:23%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.order-form .order-text {
		float:left;
		width:40%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #000;
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		line-height: 40px;	
		font-weight: 300;
	}
	.order-form .order-input, .order-form .order-select {
		float:left;
		width:60%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.order-input-hidden {
			width:0;
			height:0;
			opacity:0;
		}
	.order-form .order-textarea {
		float:left;
		width:100%;
		height:250px;
		max-width:100%;
		max-height:250px;
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 2%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:14px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.order-form .order-submit {
		float:right;
		width:32%;
		height:50px;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		background-color:#000;
		font-size:18px;
		line-height:50px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
	}


/* START style search */
.search-record {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	position:relative;
	border-bottom:1px solid #b7b7b7;
}
	.search-record .name {
		float:left;
		width:80%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search-record .more {
		float:right;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	
	.search-input {
		float:left;
		width:100%;
		height:50px;
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 2%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:18px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.search .error {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search .error strong {
		color:#ff0000;
	}
/* END style search */	


.popup {
	float:left;
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	justify-content:center;
	align-items:center;	
}
	.popup .wrap {
		float:left;
		width:70%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.popup .wrap .title {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 24px;
		font-weight: 300;
		line-height: 32px;
		text-align:center;
	}
	.popup .wrap .title strong {
		float: left;
		width: 100%;
		position: relative;
		margin:0px 0px 10px 0px;

		font-size: 28px;
		font-weight: 700;
		line-height: 34px;
	}
		.popup .wrap .title a {
			color:#fff;
		}
	.popup .wrap .close {
		float:left;
		height: 60px;
		position:relative;
		margin:20px 0px 0px -78px;
		padding:0px 40px 0px 40px;
		color: #fefefe;
		font-family: 'Roboto', sans-serif;
		font-size: 21px;
		font-weight: 300;
		line-height: 60px;
		border:0;
		top:0;
		left:50%;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
		background:#91ba14;
	}

.facebook {
	margin-top:50px;
	z-index:60;
	border:3px solid #4a6ea9;
	width:330px;
	height: 214px;
	position: fixed;
	right: -336px;
	top:60px;
}

.facebook img {
	float:left;
	margin:-3px 0px 0px 0px;
	width:50px;
	position: absolute; 
	top: 0px; 
	left: -50px; 
}

.facebook .fb-page {
	float:left;
	margin:0px 0px 0px 0px;
	position:relative;
	width:330px;
	height:220px;
}

#cookie_info { position:fixed;width:465px;z-index:99999;right:0;bottom:0;padding:0px 0px 20px 0px;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:left;width:385px;margin:25px 0px 0px 30px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px -52px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:left;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:left;width:100%;font-size:14px;line-height:14px;color:#fff;font-weight:bold;margin:0px 0px 10px 0px; }
.user_information_text { float:left;width:100%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
.user_information_nag a { text-decoration:underline;color:#fff; }
.ff { margin-bottom:20px; }
}

@media screen and (min-width: 0px) and (max-width: 900px) {

/* START style search */
.search-record {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	position:relative;
	border-bottom:1px solid #b7b7b7;
}
	.search-record .name {
		float:left;
		width:80%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search-record .more {
		float:right;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	
	.search-input {
		float:left;
		width:100%;
		height:50px;
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 2%;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:18px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.search .error {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color:#000;
		font-size:16px;
		line-height:16px;
		font-family: 'Roboto', sans-serif;
		text-decoration:none;
	}
	.search .error strong {
		color:#ff0000;
	}
/* END style search */

.popup {
	float:left;
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	justify-content:center;
	align-items:center;	
}
	.popup .wrap {
		float:left;
		width:80%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	.popup .wrap .title {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		font-weight: 300;
		line-height: 24px;
		text-align:center;
	}
		.popup .wrap .title a {
			color:#fff;
		}
	.popup .wrap .close {
		float:left;
		height: 60px;
		position:relative;
		margin:20px 0px 0px -78px;
		padding:0px 40px 0px 40px;
		color: #fefefe;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		font-weight: 300;
		line-height: 60px;
		border:0;
		top:0;
		left:50%;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
		background:#91ba14;
	}

.mobile-contact {
	float:right;
	position:fixed;
	right:5%;
	bottom:20px;
	font-size:24px;
	line-height:24px;
	margin:0px 0px 0px 0px;
	padding:11px 14px 9px 14px;
	background-color: rgba(0, 0, 0, 0.7);
	background: rgba(0, 0, 0, 0.7);
	color:#fff;
	border-radius:40em;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
	z-index:40;
}
.mobile-info {
	display:none;
	float:right;
	position:fixed;
	right:5%;
	bottom:70px;
	font-size:14px;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 25px;
	background-color: rgba(0, 0, 0, 0.7);
	background: rgba(0, 0, 0, 0.7);
	color:#fff;
	cursor:pointer;
	z-index:40;
}
	.mobile-info .box {
		float:right;
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		position:relative;
		text-align:right;
		font-size:16px;
		line-height:24px;
		display:inline-block;
		text-decoration:none;
		color:#fff;
		clear:both;
	}
	.mobile-info .box .mobile-ikon {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		font-size:18px;
		top:1px !important;
		right:5px;
	}
	
.facebook { display:none; }


#cookie_info { position:fixed;width:100%;z-index:99999;right:0;bottom:0;padding:0px 0px 20px 0px;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:right;width:100%;margin:25px 0px 0px 0px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px 0px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:right;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:right;width:80%;font-size:12px;line-height:12px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
.user_information_text { float:right;width:80%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
.user_information_nag a { text-decoration:underline;color:#fff; }
.ff { margin-bottom:20px; }
}