.items-container {
    overflow: hidden;
    margin: 0 -1%;
}

.item_index {
    display: block;
    float: left;
    width: 23%;
    margin: 1%;
    padding: 0;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #999 !important;
	-webkit-border-radius:	4px;
	-moz-border-radius: 	4px;
	border-radius: 			4px;
	-webkit-box-shadow: 	1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    	1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow:         	1px 1px 1px rgba(0, 0, 0, 0.1);
	
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

.item_index:hover { 
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

@media only screen and (max-width: 1024px) {
    .item_index {
        width: 23%;
    }
}

@media only screen and (max-width: 860px) {
    .item_index {
        width: 31%;
    }
}

@media only screen and (max-width: 660px) {
    .item_index {
        width: 48%;
    }
}

@media only screen and (max-width: 425px) {
    .item_index {
        width: 99%;
    }
}