.prorow {
  max-width: 100%;
  margin: 24px auto;
  padding: 0 30px;
  position: relative;
}
.demo-gallery {
  width: 100%;
  height: auto;
  display: flex;
  display: -webkit-flex;
  align-items:center;
  justify-content:center;
}
.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  display: block;
  margin:0 10px;
  position:relative; 
  width:100%; 
  overflow:hidden;
}
.demo-gallery a .img{
position:relative; width:100%; padding:100% 0 0 0; overflow:hidden;
}
.demo-gallery a .img>img{position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; transition:all .25s; transition: transform ease-in .35s;}


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

.demo-gallery figure {
  display: none;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}

@media screen and (max-width: 450px) {
  .prorow {
    padding: 0 18px;
  }
}

@media screen and (max-width: 700px) {
  .demo-gallery {
	width: 100%;
	height: auto;
	display: block;
	text-align:center;
	font-size:0;
  }
  
  a.demo-gallery__img--main {
    width: 164px;
  }
  .section--head p {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 0px) {<!--max-width: 450px-->
  a.demo-gallery__img--main {
    width: 127px;
  }
}


@media screen and (max-width: 0px) {<!--max-width: 450px-->
  a.demo-gallery__img--main {
    width: 109px;
  }
}