/* --- DESKTOP VIEW (Screens 1100px wide or larger) --- */
@media (min-width: 1100px) {
    .page-wrapper {
        display: grid;
        /* Left and Right columns stay fixed at 200px. */
        /* The '1fr' center column shrinks dynamically as the browser is resized. */
        grid-template-columns: 200px 1fr 200px;
        gap: 20px;               
        margin: 0 auto;
        width: 95%;             /* Uses 95% of the browser width */
        max-width: 2900px;      /* Stops expanding once it hits maximum width */
    }

    .ad-rail {
        display: block;          
        width: 200px;
        position: sticky;        
        top: 20px;                  
        height: 600px; 
              
    }
    



    .main_for_FULLY_funded_header {
        /* Prevents the main content from shrinking so much that text gets unreadable */
        min-width: 600px;  
        margin-left:auto;
        margin-right:auto;
        width:815px;   
        height:250px;  
        overflow:hidden;
        text-align: center;
    }
    .FULLY_funded_header {
        font-size: 36px;
        
    }



    .main_for_allSCHOLAS {
        /* Prevents the main content from shrinking so much that text gets unreadable */
        min-width: 600px;  
        height:920px;
        overflow:hidden;
    }
    .headings_for_scholar_names{
        overflow:hidden;
        font-size: 20px;
    }
    .divs_for_date_locatio_nmoney{
                     display: grid;
                     grid-template-columns: 1fr 1fr 1fr;
                     gap: 20px;  

    }
    .small_date_shower{
                
                top:25px;
                font-size: 17px;
               
                margin-left:10px;
                overflow:hidden;
                }
    .img_container{
                    height:400px;
                    
                    
                }
     .bottom_of_pic_text{
                font-size: 21px; 
                overflow:hidden;
                height: 180px;
                    
                }
     .bottom-row-divs{
                position: relative;
                top: 30px;
                display: grid;
                     grid-template-columns: 1fr  1fr 1fr 1fr 1fr;
                     gap: 20px; 
                padding-left: 70px;
                padding-right: 30px;
                }
    .join_community_text{
                position: relative;
                top: 30px;
                font-size: 21px; 
                overflow:hidden;
                height:45px;
                margin-left: 70px;
    }
    /*COPYRIGHT SECTION*/
    .copyrightZimAtOne{
        text-align: center;
    }
     .btnincopy{
        font-size: 20px;
    }
    .containeroftermsincopy{
         display: grid;
                     grid-template-columns: 1fr  1fr;
                     gap: 25px; 
    }
    #copyrightsection{
        font-size: 20px;
    }
    .copyrightlast{
        font-size: 13px;
        text-align: center;
    }


    .mobile_ads{
        display: none;
    }

    
}











/* --- MOBILE & SMALL LAPTOP VIEW (Screens smaller than 1100px) --- */
@media screen and (min-width: 645px) and (max-width: 1099px) {
 
   .main_for_FULLY_funded_header {
       
        margin-left:auto;
        margin-right:auto;
        width:515px;   
        height:250px;  
        overflow:hidden;
        text-align: center;
    }
    .main_for_allSCHOLAS {
        
        height:750px;
        overflow:hidden;
    }
    /* When the screen drops below 1100px, hide the ads so the main content has full room */
    .ad-rail.left-ad{
        display: none;
    }
    .page-wrapper {
        display: grid;
        /* Left and Right columns stay fixed at 200px. */
        /* The '1fr' center column shrinks dynamically as the browser is resized. */
        grid-template-columns: 1fr 200px;
        gap: 20px;               
        margin: 0 auto;
        width: 95%;             /* Uses 95% of the browser width */
        max-width: 1099px;      /* Stops expanding once it hits maximum width */
    }

    .ad-rail {
        display: block;          
        width: 200px;
        position: sticky;        
        top: 20px;                  
        height: 600px; 
               
    }
    .bottom_of_pic_text{
        height:165px;
         overflow:hidden;
    }
    .bottom-row-divs{
                position: relative;
                top: 30px;
                display: grid;
                     grid-template-columns: 1fr  1fr 1fr 1fr 1fr;
                     gap: 20px; 
                
                }
    .join_community_text{
                position: relative;
                top: 30px;
                overflow:hidden;
                height:45px;
                
    }
    .headings_for_scholar_names{
        overflow:hidden;
        
    }
    .divs_for_date_locatio_nmoney{
                     display: grid;
                     grid-template-columns: 1fr 1fr 1fr;
                     gap: 20px;  

    }



    /*COPYRIGHT SECTION*/
    .copyrightZimAtOne{
        text-align: center;
    }
    .btnincopy{
        font-size: 20px;
    }
    .containeroftermsincopy{
         display: grid;
                     grid-template-columns: 1fr  1fr;
                     gap: 20px; 
    }
    #copyrightsection{
        font-size: 20px;
    }
    .copyrightlast{
        font-size: 13px;
        text-align: center;
    }


    .mobile_ads{
        display: none;
    }


}




@media screen and (min-width: 400px) and (max-width: 644px) {
    .main_for_FULLY_funded_header {
        overflow:hidden;
        margin:10px;
    }
     .headings_for_scholar_names{
        overflow:hidden;
        
    }
     .divs_for_date_locatio_nmoney{
                     display: grid;
                     grid-template-columns: 1fr 1fr 1fr;
                     gap: 20px;  

    }
     .bottom_of_pic_text{
        height:165px;
         overflow:hidden;
    }
     .main_for_allSCHOLAS {
        
        
        overflow:hidden;
    }
     .bottom-row-divs{
                position: relative;
                
                display: grid;
                     grid-template-columns: 1fr  1fr 1fr 1fr 1fr;
                     gap: 20px; 
                
                }
    
    .mobile_ads {
    
    width: 100%;
    max-width: 300px;
    height: 250px;
    margin: 0 auto;
   
    }
}