.box { 
          
            display: none; 
        } 
  
        /* Check if the screen size is at least 600px */ 
        @media only screen and (max-width: 992px) { 
            .hideonlargescreen { 
                display: block; 
            } 
        } 
  
        /* check if the screen size is at least 400px */ 
        @media only screen and (min-width: 400px) { 
            .hideonmediumscreen { 
                display: block; 
            } 
        } 
  
        /* check if the screen size is at least 100px */ 
        @media only screen and (min-width: 100px) { 
            .hideonsmallscreen { 
                display: block; 
            } 
        }