@media only screen and (max-width: 1200px) {
  #find-out-more, #contact{
    background-attachment: initial;
  }

  .gallery{
    width: 24%;
  }
}

@media only screen and (max-width: 1080px) {
  .burger-nav {
    font-size: 45px;
    cursor: pointer;
    color: #565655;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
  }

  .nav{
    display: table;
    padding-right: 15px;
  }

  nav{
    display:none;
  }
}

@media only screen and (max-width: 1000px) {
  #home-top{
    height: 500px;
  }

  .home-text{
    max-width: 75%;
  }

  .home-text h1{
    font-size: 45px;
  }

  .home-text p{
    font-size: 20px;
  }

  .generic-top{
    height: 350px;
  }

  .conversions-wrapper {
    display: block;
  }

  .column-1-3{
    width: 100%;
    flex-wrap: nowrap;
    padding: 0 30px;
    margin: 30px 0 0;
  }

  .column-1-3:first-of-type{
    margin-top: 0;
  }

  .tab{
    margin-top: 0;
    margin-left: 10px;
    width: 33%;
  }

  .tab:first-of-type{
    margin: 0;
  }

  .out-of-space-container{
    margin: 30px auto;
  }

  .find-out-more i{
    font-size: 55px;
  }

  .find-out-more h2{
    font-size: 30px;
  }

  .fom-btn p{
    font-size: 18px;
  }

  #know-more h1{
    font-size: 38px;
  }
}

@media only screen and (max-width: 850px) {
  .logo{
    width: 325px;
  }

  .gallery{
    width: 32%;
  }
}

@media only screen and (max-width: 815px) {
  .contact-left{
    width: 100%;
    margin: 0;
    padding: 0 25px;
    text-align: center;
    text-align: -webkit-center;
  }

  .contact-divider{
    margin: 10px auto;
  }

  .contact-right{
    margin-top: 25px;
  }
}

@media only screen and (max-width: 800px) {
  .column-1-3{
    display: block;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -ms-center;
    text-align: -o-center;
  }

  .column-1-3:first-of-type{
    margin-top: 0;
  }

  .tab{
    margin-top: 10px;
    margin-left: 0;
    width: 75%;
    text-align: left;
  }

  .tab:first-of-type{
    margin: 0;
  }

  .out-of-space{
    display: flex;
  }

  .footer-top{
    text-align: center;
    text-align: -webkit-center;
    text-align: -ms-center;
    text-align: -moz-center;
    text-align: -o-center;
  }

  .columns{
    width: 45%;
  }
  .columns:last-of-type{
    padding-top: 20px;
  }
}

@media only screen and (max-width: 730px) {
  .know-more-row{
    display: block;
  }

  .know-more-column-content{
    display: block;
    width: 100%;
  }

  .know-more-column-space{
    display: none;
  }

  #residential-tab,#commercial-tab,#portfolio-tab{
    margin: 0;
  }

  .know-more-inner-left{
    padding: 10% 10% 10% 40%;
  }

  .know-more-inner-right{
    padding: 10% 40% 10% 10%;
  }

  .expert-section h1{
    font-size: 32px;
  }
}

@media only screen and (max-width: 700px) {
  .burger-nav{
    font-size: 40px;
  }

  .overlay a{
    font-size: 27px;
  }
}

@media only screen and (max-width: 640px) {
  .home-call-btn{
    width: 75%;
  }

  .footer-bottom-container{
    text-align: center;
    text-align: -webkit-center;
    text-align: -ms-center;
    text-align: -moz-center;
    text-align: -o-center;
  }

  footer .left, footer .right{
    float: none;
  }

  footer .right{
    padding-top: 10px;
  }
}

@media only screen and (max-width: 620px) {
  .home-text h1{
    font-size: 40px;
  }

  .generic-top{
    height: 300px;
  }

  .columns{
    width: 100%;
    padding: 20px 15px;
  }
}

@media screen and (max-height: 600px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
  .overlay-content{
    top: 15%;
  }
}

@media only screen and (max-width: 570px) {
  .home-call-btn {
    width: 100%;
  }

  .tab{
    width: 100%;
  }

  .gallery{
    width: 49%;
  }
}

@media only screen and (max-width: 500px) {
  .logo{
    width: 300px;
  }

  .home-text h1{
    font-size: 32px;
  }

  h2{
    font-size: 20px;
  }

  #contact h2{
    font-size: 24px;
  }

  p{
    font-size: 16px;
  }

  .find-out-more i{
    font-size: 50px;
  }

  .find-out-more h2{
    font-size: 26px;
  }

  .fom-btn p{
    font-size: 16px;
  }

  #know-more h1{
    font-size: 30px;
  }

  .overlay a{
    font-size: 21px;
  }

  .services-section ul li{
    font-size: 17px;
  }
}

@media only screen and (max-width: 440px) {
  .logo{
    width: 250px;
  }

  .home-text {
    max-width: 100%;
  }

  .home-text h1{
    font-size: 30px;
  }

  .home-text p {
    font-size: 17px;
  }
}

@media only screen and (max-width: 390px) {
  #contact .content{
    padding: 30px 0;
  }

  .portfolio-content{
    padding: 20px 0;
  }

  .gallery{
    padding: 5px;
  }
}

@media only screen and (max-width: 370px) {
  .logo{
    width: 200px;
  }

  footer .left p, footer .right p{
    font-size: 13px;
  }
}