.product .imagesub {
    height: 60px;
    width: 60px;
    max-width: 60px;
    text-align: center;
}

.product .imagesub img {
    max-width: 60px;
    max-height: 60px;
    vertical-align: middle;
}

.product .imagesub span {
    vertical-align: middle;
    height: 100%;
    display: inline-block;
}

.product .price h2,
.product .price h3 { margin: 0; }

/*.products { background-color: #FFF; }*/

.products > div:nth-child(2n) { background-color: #F7F7F7; }

.products > div:not(:first-child):hover { background-color: #E6F2F9; }

.products > div:not(:last-child) { border-bottom: 1px solid #E3E3E3; }

.products div.delivery .green,
.products div.delivery .yellow,
.products div.delivery .orange,
.products div.delivery .blue {
	padding: 1px 3px;
	margin-bottom: 2px;
	border-radius: 3px;
	font-size: 12px;
	line-height: 15px;
	display: block;
}

.products div.delivery .green {
	background-color: #d2e9b2;
	border: 1px solid #abc783;
}

.products div.delivery .yellow {
    background-color: #fce794;
    border: 1px solid #fecf8c;
}

.products div.delivery .orange {
    background-color: #ffd870;
    border: 1px solid #ffc470;
}

.products div.delivery .blue {
    background-color: #85c7ee;
    border: 1px solid #008adb;
}

/*.products div a {
	line-height: 18px;
    color: #063071;
}

.products div a:hover { color: #247fe1; }*/

@media all and (min-width: 641px) and (max-width: 960px) {
	.product .price,
	.product .basket,
	.product .delivery {
		display: inline-block;
		width: 33.3333333333%;
		box-sizing: border-box;
		vertical-align: top;
		padding: 10px;
	}
}

@media all and (max-width: 640px) {
	.product .price,
	.product .basket {
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		vertical-align: top;
	}

	.product .basket { text-align: right; }

	.product .info { margin-bottom: 10px; }

	.product .delivery { margin-top: 10px; }
}

/* Mobile */
@media all and (max-width: 960px) {
	.products {
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
	}

	.products > div { padding: 10px 20px; }

	.products > div:first-child { display: none; }

	/*??? problem tooltip
	.products > div:not(:first-child) {
		position: relative;
		overflow: hidden;
	}
	*/

	.products > div > div { margin: 5px 0; }
}

/* Desktop */
@media all and (min-width: 961px) {
	.products {
	    display: flex;
	  	flex-direction: column;
	  	border: 1px solid #E3E3E3;
	}

	.products > div { display: flex; }

	.products > div:first-child > div > strong {
		display: inline-block;
		padding-right: 22px;
	}

	.products > div > div:not(:last-child) { border-right: 1px solid #E3E3E3; }

	.products > div > div { padding: 10px; }

	.products > div > div.image { width: 110px; }
	/*.products > div.product > div.image { width: 110px; }*/

	.products > div > div.imagesub { width: 60px; }
	.products > div > div.price { width: 140px; }
	.products > div > div.info { flex: 1; }
	.products > div > div.basket { width: 124px; }
	.products > div > div.delivery { width: 120px; }

	.products .product > div:first-child { background-color: #FFF; }

	.product .price {
		display: flex;
		align-items: center;
	}

	.product .price > div {
		margin: 0 auto;
		text-align: center;
	}
}