.portfolio td { 
      /* Behave  like a "row" */
      border: none !important;
      text-align: left;
      }
      
      table
       { 
      border: none !important;
      }
      
      .portfolio_table tbody > tr{ 
      border-bottom: 0px solid #9e9e9e;
      }
      
      /* .container, #header.header2 .container, .main-menu-wrapper .container, #slider-search-container, #primary { width:90%; } */
      
      .mobileShow {display: none;} 
      
      /* 
      Max width before this PARTICULAR table gets nasty
      This query will take effect for any screen smaller than 760px
      and also iPads specifically.
      */
      @media 
      only screen and (max-width: 760px) {
      /* (min-device-width: 768px) and (max-device-width: 1024px) */ 
      
         /* .container, #header.header2 .container, .main-menu-wrapper .container, #slider-search-container, #primary { width:90%; }*/
          
          .mobileShow {display: inline;}
          .nonmobileShow {display: none;} 
      
          /* Force table to not be like tables anymore */
          table, thead, tbody, th, td, tr { 
              display: block; 
             
          }
          
          /* Hide table headers (but not display: none;, for accessibility) */
          thead tr { 
              position: absolute;
              top: -9999px;
              left: -9999px;
          }
          
          tr { 
              border: 1px solid #ccc;
          }
          
          td { 
              /* Behave  like a "row" */
              width: auto;
              border: none !important;
              border-bottom: 1px solid #eee; 
              position: relative;
              padding-left: 5%; 
          }
          .td1 { 
              /* Behave  like a "row" */
              width: auto;
              border: none !important;
              border-bottom: 1px solid #eee; 
              position: relative;
              padding-left: 6px; 
              text-align: left;
          }
          
          td:before { 
              /* Now like a table header */
              position: absolute;
              /* Top/left values mimic padding */
              top: 6px;
              left: 6px;
              width: 20%; 
              padding-right: 10px; 
              white-space: nowrap;
              text-align: left;
          }
          
          /*
          Label the data
          */
          td:nth-of-type(1):before { content: "" ; }
          td:nth-of-type(2):before { content: "" ; }
          td:nth-of-type(3):before { content: ""; }
          td:nth-of-type(4):before { content: ""; }
      }