@media screen and (max-width: 600px) {
    /* Header Stacking */
    #header_div {
        flex-direction: column !important;
        text-align: center;
        padding: 10px !important;
    }

    #banner_div, #social_div { width: 100%; }

    #banner_img {
        max-width: 200px;
        margin-bottom: 15px;
    }

    /* Text readability on mobile */
    .text_page {
        padding: 20px;
        width: 100%;
        font-size: 1.1rem;
    }

    /* Navigation */
    .nav_pag_center_div { display: none; } /* Hide "Page X of Y" on tiny screens to save space */


    /* Search Pill on Mobile */
    .search_pill_outer { max-width: 100%; border-radius: 10px; }
    .search_pill_dropdown { display: none; } /* Hide dropdown on tiny screens to save space */

    /* Full-width content cards for phones */
    .book_box, .talk_box, .inshad_box, .munshid_box {
        width: 100% !important;
        margin: 10px 0 !important;
        display: block !important;
    }

    /* Fix Audio Player overflow */
    .audio_title, .audio_player {
        width: 100% !important;
        display: block;
        margin: 5px 0;
    }

}