Can't scroll .table-responsive on Android Chrome

Hi Team, I’m using bootstrap version 3.3 for my project, looks like the horizontal scroll doesn’t work on my android phone chrome browser(version: 51) when I have table-responsive above .table. I have declared it right, followed stack-overflow as well.

<div class="table-responsive">
<table class="table">
</table>
</div

When I look at this page on my android phone(chrome browser), table is not rendered to width of 100%, more over the horizontal scroll doesn’t show up at all. While developing (OS: Ubuntu 14.0.4), I installed a responsive plug-in on chrome, using that I tested the page on various devices, there the horizontal scroll shows up. Tweaked the code too,

@media screen and (max-width:767px) {
  .table-responsive {
    width: 360px !important;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
}
@media screen and (min-width:767px) {
  .table-responsive {
    width: 100% !important;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
}

Still the scroll doesn’t show up. Any help on this would be really helpful

[cvrebert]

@sprakashg Does the problem occur with http://getbootstrap.com/css/#tables-responsive too?

[cvrebert]

@sprakashg Do you mean Bootstrap v3.3.0 or v3.3.6? Also, what version of Android are you running?