@media only screen and (min-width : 1023px) and (max-width : 1250px) {

    .ndtable{
        padding: 20px; margin: 0;
    }

}
@media only screen and (max-width: 1023px) {

    table.ndtable:not(.table-horizontal), .ndtable:not(.table-horizontal) thead,.ndtable:not(.table-horizontal) tbody,.ndtable:not(.table-horizontal) th,
    .ndtable:not(.table-horizontal) td,.ndtable:not(.table-horizontal) tr { 
		display: block; 
	}

    thead th{
        display: none !important;
    }

    .ndtable{
        padding: 0; margin: 0;
    }

    .ndtblock{
        margin: 0; padding: 0 !important;
    }

    .ndtable:not(.table-horizontal) tr {
        border-bottom: thin solid rgba(145, 195, 105, 0.3);
        padding: 3px 0;
    }
    
    .ndtable:not(.table-horizontal) td {
        font-weight: 500;
        text-decoration: none;
        border: none !important;
        padding: 3px !important;
        display: block ;
        text-align: left !important;
    }

    .ndtable tr td:first-child {
        font-weight: 900 !important;
    }

    .ndtable tr td {
        padding-top: 3px !important;
        padding: 3px !important;
    }

    .ndtable tr.l1::after {
      font-family: 'Material Icons';
      width: 30px;
      height: 24px;
      -moz-transition: all ease-in 200ms;
      -o-transition: all ease-in 200ms;
      -webkit-transition: all ease-in 200ms;
      transition: all ease-in 200ms;
      text-align: center;
      content: '\E5CF';
      color: white;
      background-color: #92c469; 
      border-radius: 12px; 
      float: right; margin-top: -30px !important;
      font-size: 24px;
      pointer-events: none;
    }

    table button, .lim_a {
       margin: 0;
    }

    .ndtable tr.l1:first-child:after{
        margin-top: -30px;
    }

    .ndtable tr.l1.active::after {
      content: '\E5CE';
    }

    /*l2*/

    .ndtable tr.l2{
        padding: 0;
    }

    .ndtable tr.l2.active {
    display: block !important;
    }

    .ndtable tr.l2 td{
        padding: 30px;
        border-bottom: thin solid rgba(145, 195, 105, 0.3);
    }

    .ndtable tr.l2 ul{
        padding: 3px 20px;
        justify-content: space-between;
    }

    .l2 .item.data{
        width: 100%;
    }

    .ndtable tr.l2::after{
        content: '';
    }

    .l2 .item.head {
        display: inline-block;
    }

    /*l3*/
    .l3 {
    width: 100%;
    }

      /* show the labels in each cell */
      .ui-table-cell-label {
        display: inline-block;
        font-size: 10px;
        padding-right: 20px;
        width: 150px;
      }


      .ui-table-cell-label:after {
        content: ':';
      }

      table button, .lim_a {
          display: inline-block;
      }
}

@media only screen and (max-width: 1023px) {
table td .ui-table-cell-label {
    display: inline-block !important;
    font-size: 10px;
    padding-right: 20px;
    width: 100px;
}
}