@media (max-width: 768px) {
    .banner{
        padding-top: 6rem;
    }
    .site-header .logo img{
        width: 22vh;
        height: auto;
    }
    .banner__inner{
        flex-direction: column;
    }
    .banner__inner .banner-content, .banner__inner .banner-img {
        width: 100%;
    }
    .banner__inner .banner-img svg{
        width: 100% !important;
        height: auto !important;
    }
   
    .sidenav .sidenav-container {
        padding: 10% 10% 0% 10%;
    }

    .services-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: 0;
        column-gap: 0;
        row-gap: 2rem;
    }

    .about-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: 0rem;
        column-gap: 0rem;
        row-gap: 2rem;
    }

    .projects-container {
        display: flex;
        gap: 2rem;
        flex-direction: column;
    }

    .projects-container .pc-left {
        width: 100%;
        text-align: center;
    }
    .projects-container .pc-left .title {
        text-align: center;
    }
    .projects-container .pc-left .description {
        text-align: center;
    }
    .projects-container .pc-right {
        width: 100%;
    }

    .contact-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: 1rem;
        column-gap: 1rem;
        align-items: end;
    }

    .site-footer .footer-top .block {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }


    .intro-container{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: 0;
        column-gap: 0;
        align-items: end;
    }

    .intro .intro-inner{
        background-color: #007380;
        border-radius: 0;
        padding: 2rem 0;
    }

    .solutions-grid{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        -webkit-column-gap: 0rem;
        column-gap: 0rem;
        row-gap: 2rem;
    }

    .contact-form .cf-body .line {
        flex-direction: column;
    }

}