.detailgrid .contentarea .head:after { display: block; content: ""; clear: left; }
.detailgrid .contentarea .head .text_wrapper {
	float: left;
	width: 585px;
}

.detailgrid .contentarea .head .images {
	float: left;
	width: 270px;
	margin: 0 0 0 30px;
}

.detailgrid .contentarea .head .images .image { margin: 0 0 30px 0; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
	
	.detailgrid .contentarea .head .text_wrapper { width: 450px; }
	.detailgrid .contentarea .head .images { width: 230px; margin: 0 0 0 25px; }
	.detailgrid .contentarea .head .images .image { margin: 0 0 25px 0; }
	.detailgrid .contentarea .head .images img { width: 230px; height: 230px; }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.detailgrid .contentarea .head { display: flex; }
	.detailgrid .contentarea .head .text_wrapper { width: auto; flex: 1; }
	.detailgrid .contentarea .head .images { width: 200px; margin: 0 0 0 20px; }
	.detailgrid .contentarea .head .images .image { margin: 0 0 20px 0; }
	.detailgrid .contentarea .head .images img { width: 200px; height: 200px; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.detailgrid .contentarea .head { display: flex; }
	.detailgrid .contentarea .head .text_wrapper { width: auto; flex: 1; }
	.detailgrid .contentarea .head .images { width: 120px; margin: 0 0 0 15px; }
	.detailgrid .contentarea .head .images .image { margin: 0 0 15px 0; }
	.detailgrid .contentarea .head .images img { width: 120px; height: 120px; }
}

@media all and (max-width: 567px) {
	.detailgrid .contentarea .head { display: flex; }
	.detailgrid .contentarea .head .text_wrapper { width: auto; flex: 1; }
	.detailgrid .contentarea .head .images { width: 80px; margin: 0 0 0 10px; }
	.detailgrid .contentarea .head .images .image { margin: 0 0 10px 0; }
	.detailgrid .contentarea .head .images img { width: 80px; height: 80px; }
}