
@media (max-width: 767px) {
        
        #tabela-info-prod{
             margin-top: 30px;
        }
        
        table #table-dth-trial2 {
          display: block;
          width: 100%;
          overflow-x: auto;
        }

        #table-dth-trial2 thead {
          display: none;
        }

        #table-dth-trial2 tbody .trial-table-body,
        tr,
        td {
          display: block;
          width: 100%!important;
        }

        #table-dth-trial2 .trial-table-body td:before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          margin-right: 10px;
        }
        
        #table-dth-trial2 .trial-table-body td {
          width: 100%!important;
          padding: 10px !important;
        }
        
        #table-dth-trial2 .trial-table-body tr:not(:first-child) {
            margin-top: 10px;
        }
        
        #table-dth-trial2-pagamentos {
            margin-top: 30px;
        }
        
        table #table-dth-trial2-pagamentos{
          display: block;
          width: 100%;
          overflow-x: auto;
        }

        #table-dth-trial2-pagamentos thead {
          display: none;
        }

        #table-dth-trial2-pagamentos tbody .trial-tbody-pagamentos,
        tr,
        td {
          display: block;
          width: 100%!important;
        }

        #table-dth-trial2-pagamentos .trial-tbody-pagamentos td:before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          margin-right: 10px;
        }
        
        #table-dth-trial2-pagamentos .trial-tbody-pagamentostd {
          width: 100%!important;
          padding: 10px !important;
        }
        
        #table-dth-trial2-pagamentos .trial-tbody-pagamentos tr:not(:first-child) {
            margin-top: 10px;
        }
        
        
         #table-dth-trial2-pagamentos .trial-tbody-pagamentos td:before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          margin-right: 10px;
        }
        
        
        table #table-dth-trial2-rank-pagamentos{
          display: block;
          width: 100%;
          overflow-x: auto;
        }
        
        #table-dth-trial2-rank-pagamentos thead {
             display: none;
        }
        
        
        #table-dth-trial2-rank-pagamentos tbody .trial-tbody-rank-pagamentos,
        tr,
        td {
          display: block;
          width: 100%!important;
        }

        #table-dth-trial2-rank-pagamentos  .trial-tbody-rank-pagamentos td:before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          margin-right: 10px;
        }
        
         #table-dth-trial2-rank-pagamentos .trial-tbody-rank-pagamentos {
          width: 100%!important;
          padding: 10px !important;
        }
        
        #table-dth-trial2-rank-pagamentos .trial-tbody-rank-pagamentos tr:not(:first-child) {
            margin-top: 10px;
        }
        
        
         #table-dth-trial2-rank-pagamentos .trial-tbody-rank-pagamentos td:before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          margin-right: 10px;
        }
        
        
           
        table #table-dth-trial2-produtos-comprado{
          display: block;
          width: 100%;
          overflow-x: auto;
        }
        
        #table-dth-trial2-produtos-comprado thead {
             display: none;
        }
        
        
        #table-dth-trial2-produtos-comprado tbody .trial-tbody-rodutos-comprado,
        tr,
        td {
          display: block;
          width: 100%!important;
        }

        #table-dth-trial2-produtos-comprado  .trial-tbody-rodutos-comprado td:before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          margin-right: 10px;
        }
        
         #table-dth-trial2-produtos-comprado .trial-tbody-rodutos-comprado {
          width: 100%!important;
          padding: 10px !important;
        }
        
        #table-dth-trial2-produtos-comprado .trial-tbody-rodutos-comprado tr:not(:first-child) {
            margin-top: 10px;
        }
        
        
         #table-dth-trial2-produtos-comprado .trial-tbody-rodutos-comprado td:before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          margin-right: 10px;
        }
        
        
        .chip-card{
            width: 30px!important;
        }
        
        .number-card h3 {
            font-size: 15px!important;
        }
        
        .username-card h6 {
            font-size: 11px!important;
        }
        
        .logo-card{
               width: 30px!important;
        }
      }