#box_container {
	overflow: hidden;
	background: none;
}
.box, .box_11 {
	float: left;
	background-color: #999;
	color: #FFF;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	border:0px;
	/*border-radius: 12px;*/
}
.box_11 {
	width: 0%;
	background-color: transparent;
}
.innerContent {
	position: absolute;
	left: 14px;
	right: 14px;
	top: 11px;
	bottom: 14px;
	background: none;
	border: 0;
}

/* @media only screen and (max-width : 250px) {
/* Smartphone view: 1 tile */
/*.box {
	width: 100%;
	padding-bottom: 100%;
}
.box_11 {
	width: 0%;
	padding-bottom: 0%;}
}*/
 @media only screen and (max-width : 350px) {
/* Smartphone view: 1 tile */
.box {
	width: 100%;
	padding-bottom: 100%;
}
.box_11 {
	width: 0%;
	padding-bottom: 0%;
}
.innerContent {
	/*border-color: #CCC;
	border: 1px;
	border-style:solid;*/
}
}
 @media only screen and (max-width : 480px) and (min-width : 351px) {
/* Smartphone view: 2 tile */
.box {
	width: 50%;
	padding-bottom: 50%;
}
.box_11 {
	width: 0%;
	padding-bottom: 0%;
}
}
 @media only screen and (max-width : 650px) and (min-width : 481px) {
/* Tablet view: 3 tiles */
.box {
	width: 33.3%;
	padding-bottom: 33.3%;
}
.box_11 {
	width: 0%;
	padding-bottom: 0%;
}
}
 @media only screen and (max-width : 1050px) and (min-width : 651px) {
/* Small desktop / ipad view: 4 tiles */
.box, .box_11 {
	width: 25%;
	padding-bottom: 25%;
}

}
 @media only screen and (min-width : 1051px) {
/* Medium desktop: 5 tiles */
.box, .box_11 {
	width: 20%;
	padding-bottom: 20%;
}

}