.renovation-bg { background: url(../../img/renovation/bg1.png) center top no-repeat; background-size: cover; height: 439px;}
.renovation-flow { margin: 30px 0 60px 0;}
.build-flow .renovation-flow-item { width: 27%; display: inline-block; vertical-align: top; margin-right: 5%; margin-left: 3%; padding-right: 0;}
.build-flow .renovation-flow-item-last:after { display: none;}
.renovation-flow .renovation-flow-item-first:before { content: url(../../img/build/arrow.png); position: absolute; left: -100px; top: 50px;}
.build-flow .renovation-flow-item:nth-child(3n) { margin-right: 0;}
.build-flow .renovation-flow-item:after { right: -110px;}

.build-flow .renovation-flow-item .build-flow-content { padding-right: 10px;}
.build-flow .renovation-flow-item .build-flow-title { margin-left: 0px; margin: auto;}
.renovation-flow-photo { margin-top: 15px;}

.renovation-row { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 135px;}
.renovation-row:last-child { margin-bottom: 0;}
.renovation-row:nth-child(2n) .build-content { padding-left: 4%; padding-right: 0;}
.renovation-row:nth-child(2n) .build-photo { float: left;}

@media screen and (max-width: 767px) {
  .renovation-row { margin-bottom: 50px;}
  .renovation-bg { height: 220px;}
  .renovation-flow { margin: 15px 0 30px 0;}
  .build-flow .renovation-flow-item { width: 100%; margin: 0; padding-bottom: 50px;}
  .build-flow .renovation-flow-item:after { top: auto; bottom:0%; left:47.5%;}
  .build-flow .renovation-flow-item .build-flow-content { font-size: 14px;}
  .renovation-flow-photo { text-align: center;}
  .renovation-flow .renovation-flow-item-first:before { display: none;}
}