@media screen and (max-width: 767.98px) {
    
     .itemTable {
         width: 100%;
         border: 1px solid #000;
         border-collapse: collapse !important 
    }
     .itemTable .headeritemTable {
         border-bottom: 1px solid #000 !important 
    }
     .itemTable tr:first-child {
         padding-top: 2px;
         padding-bottom: 2px;     
         border-bottom: 1px solid #000 !important 
    }
     .itemTable td {
         display: block;
         text-align: left;
         border: none !important;
         overflow: auto;
         width: 100%;
         min-height: 30px 
    }
     .itemTable td::before {
         content: attr(data-label);
         float: left;
         font-weight: 700;
         padding-right: 10px;
         padding-bottom: 5px;
         width: 40%;
         border: none;
         clear: both 
    }
     .itemTable td span {
         width: 60%;
         display: inline-block;
         vertical-align: top;
         padding-top: 5px 
    }
     .itemTable .desktoponly, .itemTable .desktoponlyrow {
         display: none;
         width: 0;
         height: 0;
         border: none !important 
    }
     .itemTable .desktoponlyrow {
         display: none;
         border: none !important 
    }
   
}