.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display:inline-table;
  vertical-align: top;
  max-width: 100%;  
  overflow-x: auto; 
  border-collapse: collapse;
  border-spacing: 0;
}


.blicense {
    width:980px;
}

.tbl{
width:980px;
}


#logm {
            margin-top:12%; margin-bottom:3%;
        }


 
@media screen and (max-width: 480px ) {
.tbl{
width:100%;
}
.blicense {
    width:100%;
}
#logm {
            margin-top:38%; margin-bottom:3%;
        }


.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display: inline-block;
  vertical-align: top;
  max-width: 100%;  
  overflow-x: auto; 
  border-collapse: collapse;
  border-spacing: 0;
}

}
/*added by saurabh*/
@media screen and (max-width: 767px ) {
  .tbl{
width:100%;
}
  .blicense {
    width:100%;
}
  #logm {
            margin-top:29%; margin-bottom:3%;
        }
 
.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display: inline-block;
  vertical-align: top;
  max-width: 100%;  
  overflow-x: auto; 
  border-collapse: collapse;
  border-spacing: 0;
}
}

@media screen (min-width: 768px) and (max-width: 979px) {
    .tbl {
        width: 100%;
    }

    .blicense {
        width: 100%;
    }


    .rtable {
        /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        overflow-x: auto;
        border-collapse: collapse;
        border-spacing: 0;
    }



    .rtable,
    .rtable--flip tbody {
        -webkit-overflow-scrolling: touch;
        background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center, radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
        background-size: 10px 100%, 10px 100%;
        background-attachment: scroll, scroll;
        background-repeat: no-repeat;
    }


        .rtable td:first-child,
        .rtable--flip tbody tr:first-child {
            background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
            background-repeat: no-repeat;
            background-size: 20px 100%;
        }


        .rtable td:last-child,
        .rtable--flip tbody tr:last-child {
            background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
            background-repeat: no-repeat;
            background-position: 100% 0;
            background-size: 20px 100%;
        }

        .rtable th {
            font-size: 11px;
            text-align: left;
            text-transform: uppercase;
            background: #f2f0e6;
        }

        .rtable th {
            padding: 2px 2px;
            border: 1px solid #d9d7ce;
        }
}