@media screen and (max-width: 640px) {
  html body .wrap .nav {
    height: 91px;
  }
  html body .wrap .nav .menu {
    display: none;
  }
  html body .wrap .nav .logo {
    bottom: 15px;
    left: 15px;
    max-width: 210px;
  }
  html body .wrap .nav .burger {
    position: absolute;
    right: 15px;
    top: 35px;
  }
  html body .wrap .gallery .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .text {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    font-size: 19.5px;
    padding: 14px 23px;
  }
  html body .wrap .gallery {
    height: 313px;
  }
  html body .wrap .gallery .prev,
  html body .wrap .gallery .next {
    top: 120px;
  }
  html body .wrap .middle {
    /*display: none;*/
	  padding: 10px;
  }
  html body .wrap .boxes .columns {
    padding: 0;
    height: 412px;
  }
  html body .wrap .boxes .map {
    height: 370px;
  }
  html body .wrap .footer {
    margin: 0;
    height: 93px;
  }
  html body .wrap .boxes .white .box {
    border: none;
  }
  html body .wrap .boxes .white .box h1 {
    font-size: 30px;
    text-align: center;
  }
  html body .wrap .boxes .white .box p {
    text-align: center;
  }
  html body .wrap .boxes .columns .box h1 {
    font-size: 30px;
    text-align: center;
  }
  html body .wrap .boxes {
    padding: 0;
  }
  html body .wrap .content h1 {
    font-size: 30px;
    margin-top: 50px;
  }
  html body .wrap .content {
    margin-bottom: 30px;
  }
  html body .wrap .left {
    margin-bottom: 0;
  }
}