@media (min-width: 1100px) {
    .bigcontainer{
        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;
    }

    .ad {
        display: block;          
        width: 200px;
               
        top: 20px;                  
        height: 700px; 
      
        margin-bottom: 20px;  
        margin-top: 20px;    
       
    }
    /*text of the flashing btn*/
    .textonlyfully{
        font-size: 20px;
    }
    .h1class{
                font-size:34px;
            }
    .smalltxt1{
        font-size: 15px;
    }
    .introtext{
        font-size: 20px;
    }
    .textparagraph1{
        font-size: 20px;
    }
    .main_for_allmainscholars{ 
        padding: 30px;
    }

    .middle_page_adcontainer{
        
        height: 280px;
        width:336px;
        margin-left:auto;
        margin-right:auto;
    }
     .mobile_ads{
        display: none;
    }
}





@media screen and (min-width: 645px) and (max-width: 1099px) {
        .ad_big_container.left_ads{
        display: none;
    }
   
    .bigcontainer {
        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 {
        display: block;          
        width: 200px;
                
        top: 20px;                  
        height: 700px; 
       
        margin-bottom: 20px;  
        margin-top: 20px;      
    }
     .textonlyfully{
        font-size: 20px;
    }
    .h1class{
                font-size:34px;
            }
    .smalltxt1{
        font-size: 15px;
    }
    .introtext{
        font-size: 20px;
    }
    .textparagraph1{
        font-size: 20px;
    }
    .main_for_allmainscholars{ 
        padding: 30px;
    }

    .middle_page_adcontainer{
      
        height: 280px;
        width:336px;
        margin-left:auto;
        margin-right:auto;
    }
     .mobile_ads{
        display: none;
    }
}



@media screen and (min-width: 400px) and (max-width: 644px) {
    .mobile_ads {
    width: 100%;
    max-width: 300px;
    height: 250px;
    margin: 0 auto;
   
    }
}
@media screen and (max-width: 383px) {
    .mobile_ads{
        max-width: 250px;
        height: 100px;
    }
}