@media all and (min-width: 488px) {
  .menu {
      justify-content: center;
  }

  .item.button, .menu li.social {
      width: auto;
      order: 1;
      display: block;
  }

  .menu-icon {
      order: 2;
  }

}

/* Desktop menu */
@media all and (min-width: 788px) {
  .item {
      display: block;
      width: auto;
  }

  .menu-icon {
      display: none;
  }

  .item {
      order: 1;
  }

  .button {
      order: 2;
  }
  .social {
    order:6;
  }

  .menu {
    width:100%;
  }

  .menu li {
      padding: 5px 10px;
  }

  .menu li.button, .menu li.social {
      padding-right: 0;
  }
}

@media screen and (max-width: 1120px) {
  .nav-item-img-wrapper {
      width:40px;
  }
  .footer .trademarks-container {
      width:30%;
      float:left;
  }
  .mason-item {
    width: 32%;
  }
}

@media screen and (max-width: 720px) {
  /* Desktop menu */
  .home-page-services {
      flex-direction:column;
  }

  .mason-item {
    width:49%;
  }

  .nav-item-img-wrapper {
      width:32px;
  }

  .about-fph .about-img-container {
      float:none;
      width:460px;
      display:block;
      margin:0px auto;
  }
  .contact-content-left,
   .contact-content-right,
    .contact-form-input-container,
     .contact-content-right form,
      .footer .contact-footer-container,
      .footer .social-media-container,
      .footer .trademarks-container {
      width:100%;
  }

  .footer img {
      width:40%;
  }

  .lightbox_image {
    height:400px;
  }

  #close {
    padding: 20px 25px;
    font-size: 19px;
    right: 30px;
  }

  #previous, #next {
    padding: 50px 19px;
    transform: translate(-125%, -50%);
  }
  #next {
    transform: translate(-10%, -50%);
  }
}
@media screen and (max-width: 520px) {
/*Mobile view*/
ul {
    padding-top:0px;
}
.about-fph .about-img-container {
    width:340px;
    height:auto;
}

.header {
    height:90px;
}

  .mason-item {
    width: 100%;
  }

.welcome-page .testimonials {
    bottom: 120px;
}

.termsAndConditionsContainer {
    width: 100%;
}

.nav-item-img-wrapper {
    width:24px;
    margin:0px 10px;
}

.footer img, .footer .tradermarks-container, .footer .social-media-container {
    width:100%;
}

.welcome-page h1 {
    font-size:62px;
    letter-spacing:-5px;
    padding:50px;
    text-align:center;
    margin-bottom:0px;
    padding-bottom:25px;
}
.contact-content-left,
 .contact-content-right,
  .contact-form-input-container,
   .contact-content-right form,
    .footer .contact-footer-container,
    .footer .social-media-container {
    width:100%;
}

.footer img {
    width:40%;
}

.testimonial p {
    font-size:16px;
}

.img_container_tile {
  width:calc(680px / 5.5);
  height:calc(680px / 5.5);
}

.lightbox_image {
  height:300px;
}

#close {
  padding: 20px 25px;
  font-size: 19px;
  right: 30px;
}

#previous, #next {
  padding: 50px 19px;
  transform: translate(-125%, -50%);
}
#next {
  transform: translate(-10%, -50%);
}
}