/* Default styles for all screens (mobile-first approach) */
      .padded-cell {
          display: block; 
          padding-left: 20px;
          padding-right: 20px;
      }

      /* Small devices (portrait tablets and large phones, 600px and up) */
      @media only screen and (min-width: 600px) { 
         .padded-cell {
          display: block; 
          padding-left: 40px;
          padding-right: 40px;
        }
      }

      /* Medium devices (landscape tablets, 768px and up) */
      @media only screen and (min-width: 768px) {
         .padded-cell {
          display: block; 
          padding-left: 90px;
          padding-right: 90px;
        }
      }

      /* Large devices (laptops/desktops, 992px and up) */
      @media only screen and (min-width: 992px) {
         .padded-cell {
          display: block; 
          padding-left: 125px;
          padding-right: 125px;
        }
      }

      /* Extra large devices (large laptops and desktops, 1200px and up) */
      @media only screen and (min-width: 1200px) {
         .padded-cell {
          display: block; 
          padding-left: 250px;
          padding-right: 250px;
        }
      }
    
      table {
        border-collapse: collapse; /* Optional: for cleaner table borders */
      }