div.delivery-list
{
	word-wrap: break-word;
}
div.delivery-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.delivery-date-time {
	color:#486DAA;
}


.delivery-city-name{
	display:block;
	margin-bottom:40px;
	font-size:20px;
}

.delivery-group{
	display: grid;

	align-items: start;
	justify-content: space-between;
	align-content: space-around;
	grid-template-columns: 24% 24% 24% 24%;
	justify-content: space-between;
	margin-bottom:90px;
}

.delivery-group .item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	height: 185px;
	
	width:100%;
	max-width: 270px;
	
	background:#fafafa;
	background: -moz-linear-gradient(-45deg, #fbfbfb 17%, #f6f6f6 83%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #fbfbfb 17%,#f6f6f6 83%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #fbfbfb 17%,#f6f6f6 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-bottom:30px;
	border-radius: 100px;
	border:1px solid #ececec;
	
	-webkit-box-shadow: 0px 3px 5px 0px rgba(227, 227, 227, 0.8);
	-moz-box-shadow: 0px 3px 5px 0px rgba(227, 227, 227, 0.8);
	box-shadow: 0px 3px 5px 0px rgba(227, 227, 227, 0.8);
}

.delivery-group .item img.picture{
	position: absolute;
	max-height: 87px;
	height: auto;
	max-width: 205px;
	width: auto;
	top: 32px;
}
.delivery-group .item .name{
	position:absolute;
	bottom: 40px;
	color:#5882db;
}


/** media */

@media(max-width: 1024px){
	.delivery-group{
		margin-bottom:60px;
	}
	.delivery-group .item{
		height: 110px;
		margin-bottom: 13px;
	}
	.delivery-group .item img.picture{
		max-height: 50px;
		max-width: 100px;
		top:24px;
	}
	.delivery-group .item .name{
		font-size:12px;
		bottom:10px;
	}
}


@media(max-width: 749px){
	.delivery-city-name{
		font-size:18px;
	}
	.delivery-group{
		grid-template-columns: 32% 32% 32%;
	}
	.delivery-group .item{
		height: 110px;
		margin-bottom: 13px;
	}

}


@media(max-width: 479px){
	.delivery-group{
		grid-template-columns: 48% 48%;
	}
	.delivery-group .item .name{
		bottom: 18px;
	}
	
}