.menu-toggle{display:none;border:0;background:transparent;cursor:pointer;padding:10px}
.menu-toggle .bar{display:block;height:3px;margin:5px 0;background:#222;width:26px;transition:transform .2s,opacity .2s}

@media (max-width: 900px) {
  
    .content-box {
        flex-direction: column;
        margin-bottom: 4%;
    }

    .img-box, .content-col {
        max-width: 100%;
    }

    .img-box {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 4%;
    }

    .img-right {
        justify-content: flex-start!important;
    } 

    .our-services-title-box {
        max-width: 100%;
    }

    .our-services-icon-box {
    max-width: 90%;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    align-items: center;
    }

    .service-icon-box {
        margin-bottom: 4%;
        max-width: 30%;
    }

    .service-icon-box:first-child {
        margin-top: 4%;
    }

    .btn-row {
        flex-direction: column;
    }

    .btn-row .secoundary-btn-filled {
        margin-bottom: 4%;
    }

    .our-work-content-box {
        width: 100%;
    }

    .our-story {
        flex-direction: column;
    } 

    .story-content {
        margin-bottom: 4%;
    }
    
    .story-yt {
        max-width: 100%;
    }

    .review-title-box {
        max-width: 100%;
    }

    .get-in-touch-row {
        flex-direction: column;
    }

    .get-in-touch-content {
        max-width: 100%;
    }

    .get-in-touch-contact-form {
        max-width: 100%;
    }

    #wpcf7-f22-o1, #wpcf7-f22-o1 input,#wpcf7-f22-o1 textarea  {
        width: 100%;
    }

    .map-area {
        flex-direction: column;
    }

    .map-box {
        max-width: 100%;
    }

    .slick-slide img {
        width: 100%;
    }

    /* mobile menu */
  /* Hide by default on mobile */
  /* #primary-menu{display:none} */

  #primary-menu.is-open{display:block}

  #site-navigation {
    text-align: end;
  }
  #primary-menu {
    text-align: left;
    padding: 1%;
  }

  .site-header a {
    text-align: end;
  }

  .site-branding {
    max-width: 30%;
  }

}

@media (max-width: 599px) { 

 .menu-toggle{display:inline-block}

}