@media screen and (max-width:768px){

    /* ---------slider ------------ */
    #slider #slide{
        width: 100vw;
    }
    #slider #slide img{
        height: 35vh;
        width: 100vw;
        margin-top: 12%;
    }
    #main-container #container{
        width: 100vw;
        height: auto;
    }
    #main-container #container #details{
        background-color: #63BCC8;
        font-size: 1.1rem;
        padding: 2%;
    }

    /* ------------vision -------------- */
    #main-container #container #vision #vision-img{
        height: auto;
        display: flex;
        flex-direction: column;
    }
    #main-container #container #vision #vision-img #vision-image img{
        width: 100vw;
        height: 30vh;
    }
    #main-container #container #vision #vision-img #vision-h1{
        width: 90vw;
        padding-left: 4%;
    }
    #main-container #container #line{
        width: 40vw;
    }
    #main-container{
        width: 100vw;
    }
    #main-container #container{
        width: 100vw;
    }
    #main-container #container #vision #vision-img{
        height: auto;
        display: flex;
        flex-direction: column;
        margin-top: 3%;
        border-left: 4px solid #0F75BC;
    }
    /* ----footer-page ------------ */
    

    /* ------------------Advoacy-page--------------------- */

    
}