@media(max-width: 700px){
    body{
        overflow-x: hidden;
    }
    .nav-links ul li{
        display: block;
    }
    .nav-links{
        position: absolute;
        background: #19732d;
        height: 100vh;
        width: 200px;
        top: 0;
        right: 0;
        text-align: left;
        z-index: 2;
        transition: 1s;
    
        
    }
    nav .fa-solid{
        display: block;
        color: #fff;
        margin: 10px;
        font-size: 22px;
        cursor: pointer;
    }
    nav .fa-bars{
        margin-left: 200px;
    }

    .section-1{
        display: block;
    }

    .section-4{
        display: block;
    }
    .sec-4-content{
        padding: 0px 0px;
        
    }
    #accordion{
    
        width: 300px;
    }

    .sec-5{
        display: block;
    }
    .footer{
        height: 200vh;
    }

    .image-gallery{
        display: block;
    }
    
}