img{width: 100%;}
.apnd-img {
  float: left;
  margin: 5px;
  max-height: 130px;
  max-width: 120px;
  min-height: 130px;
  min-width: 120px;
  position: relative;
  width: 100%;
  text-align: center;
  border: 3px solid #d2d2d2;
  overflow: hidden;
	border-radius: 4px;
}

.apnd-img i {
  position: absolute;
  right: 6px;
  top: 4px;
  color: #d2d2d2;
}
@media screen and (max-width: 1280px)   {
.apnd-img {
  float: left;
  margin: 5px;
  max-height: 130px;
  max-width: 120px;
  min-height: 130px;
  min-width: 120px;
  position: relative;
  width: 100%;
  text-align: center;
  border: 3px solid #d2d2d2;
  overflow: hidden;
	border-radius: 4px;
}

.apnd-img i {
  position: absolute;
  right: 6px;
  top: 4px;
  color: #d2d2d2;
}	
}
@media screen and (max-width: 700px)   {
.apnd-img {
  float: left;
  margin: 5px;
  max-height: 130px;
  max-width: 22%;
  position: relative;
  width: 100%;
  text-align: center;
  border: 3px solid #d2d2d2;
  overflow: hidden;
	border-radius: 4px;
}

.apnd-img i {
  position: absolute;
  right: 6px;
  top: 4px;
  color: #d2d2d2;
}	
}
@media screen and (max-width: 600px)   {
.apnd-img {
  float: left;
  margin: 5px;
  max-height: 130px;
  max-width: 21%;
  position: relative;
  width: 100%;
  text-align: center;
  border: 3px solid #d2d2d2;
  overflow: hidden;
	border-radius: 4px;
}

.apnd-img i {
  position: absolute;
  right: 6px;
  top: 4px;
  color: #d2d2d2;
}	
}