/*
 * File: user/style/mobile/OurWorkMobile.css
 * Author: Neha Balotia
 * Description: This file contains all the styling part of the Our Work Page for Mobile responsiveness.
 * Created on: 05/11/2024
 * Last Modified: 25/11/2024
**/

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

    /* Main Sections */
    body,
    main {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Sidebar */
    #sidebarMobile {
        display: none;
    }

    /* Banner Image */
    #wellnessImg1 {
        width: 90vw;
        margin-bottom: 20px;
    }

    /* Programs section */
    #ourProgramsSection,
    #ourProgramsChild1 {
        display: flex;
        flex-direction: column;
        max-width: 100vw;
        align-items: center;
        width: 80%;
        padding: 0%;
    }

    #OurPrograms {
        padding-top: 8%;
    }
}