.hexagon-wrapper{overflow:hidden;position:relative;margin:0 auto;margin-bottom:2.5em;}



.hex-item{width:200px;height:230px;position:relative;display:inline-block;overflow:hidden;}
.hex-1{position:absolute;width:200px;height:400px;top:-85px;overflow:hidden;visibility:hidden;-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-o-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);}
.hex-2{overflow:hidden;width:100%;height:100%;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);display: table;}
.hex-final{overflow:hidden;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;visibility:visible;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);display:table-cell;vertical-align: middle;text-align:center;}

.hexagon-wrapper .hex-item {margin-right:37px;}
.hexagon-wrapper .hex-item:nth-child(9n-4){margin-right:0;}
.hexagon-wrapper .hex-item:nth-child(9n-3){margin-left:101px;}
.hexagon-wrapper .hex-item:nth-child(n+6){margin-top:-22px;}

@media only screen and (max-width : 995px) {
	.hexagon-wrapper { width:776px;}
	.hexagon-wrapper .hex-item:nth-child(9n-4){margin-right:37px;}
	.hexagon-wrapper .hex-item:nth-child(7n-3){margin-right:0;}
	
	.hexagon-wrapper .hex-item:nth-child(9n-3){margin-left:0;}
	.hexagon-wrapper .hex-item:nth-child(7n-2){margin-left:101px;}
	
	.hexagon-wrapper .hex-item:nth-child(n+5){margin-top:-22px;}
}

@media only screen and (max-width : 832px) {
	.hexagon-wrapper { width:572px;}
	.hexagon-wrapper .hex-item:nth-child(7n-3){margin-right:37px;}
	.hexagon-wrapper .hex-item:nth-child(5n-2){margin-right:0;}
	
	.hexagon-wrapper .hex-item:nth-child(7n-2){margin-left:0;}
	.hexagon-wrapper .hex-item:nth-child(5n-1){margin-left:101px;}
	
	.hexagon-wrapper .hex-item:nth-child(n+4){margin-top:-22px;}
}

@media only screen and (max-width : 627px) {
	.hexagon-wrapper { width:368px;}
	.hexagon-wrapper .hex-item:nth-child(5n-2){margin-right:37px;}
	.hexagon-wrapper .hex-item:nth-child(3n-1){margin-right:0;}
	
	.hexagon-wrapper .hex-item:nth-child(5n-1){margin-left:0;}
	.hexagon-wrapper .hex-item:nth-child(3n){margin-left:101px;}
	
	
	.hexagon-wrapper .hex-item:nth-child(n+3){margin-top:-22px;}
}

@media only screen and (max-width : 460px) {
	.hexagon-wrapper { width:264px;}
	.hexagon-wrapper .hex-item:nth-child(3n){margin-left:0;}
	.hexagon-wrapper .hex-item:nth-child(2n){margin-left:101px;}
	.hexagon-wrapper .hex-item:nth-child(n+2){margin-top:-22px;}
}