* {
  box-sizing: border-box;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

.gallery a img {
  float: left;
  width: 14.2857%;
  height: auto;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

.gallery a:hover img {
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  z-index: 5;
}



/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 960px){

.gallery a img {
  width: 14.2857%;
  height: auto;
}

.gallery a:hover img {
  -webkit-transform: scale(1.0);
  -moz-transform: scale(10);
  -o-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
  z-index: 5;
}

}


/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){

.gallery a img {
  width: 33.3%;
  height: auto;
}

}