.demo-gallery img {
  width: auto;
  max-width: 100%;
  height: auto;
  border: 0;
}

.demo-gallery {
  width: 100%;
  height: auto;
  float: left;
}
.demo-gallery a {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
display: block;
float: left;
margin: .5%;
width: 32%;
line-height: 0;
}

a.demo-gallery__img--main {
  width:24%;
  height: auto;
}

.demo-gallery figure {
  display: none;
}


@media screen and (max-width: 700px) {

  .row--nav {font-size: 18px;line-height: 26px; }
  .demo-gallery a { width: 31%;margin: 1%;}
  a.demo-gallery__img--main {width: 164px;}
  .section--head p {font-size: 18px;line-height: 24px;}
  .demo-gallery {width: 96%; margin: 2%}
}

@media screen and (max-width: 480px) {
  .demo-gallery a {
   width: 48%;

margin: 1%;
  }
  a.demo-gallery__img--main {
    width: 127px;
  }
}