html - Bootstrap 3 container width broken when in mobile resolution -

demo

start full window, , shrink it. goes through 3 media queries. can see first 2, container maintains style, when snaps last media query, mobile mode, container becomes full width , no overscroll functionality. how happening?

the way can work way makes no sense me, giving width, doesnt matter size:

 .product-location-scroll {     width: 10px; } 

this section referencing:

<div class="product-location-scroll-container"> <div class="product-location-scroll">     <div class="product-location">         <p class="product-location-place">johns creek</p>         <p class="product-location-address">             9775 medlock bridge road             <br>johns creek, ga 30097         </p>         <p class="product-location-phone">(678) 686-0599</p>         <p class="product-location-hours">             open daily             <br>             <b>10:00 8:00 pm</b>         </p>         <p></p>         <p class="product-location-select">select location</p>     </div>     <div class="product-location">         <p class="product-location-place">brookhaven</p>         <p class="product-location-address">             4060 peachtree road             <br>brookhaven, ga 30319         </p>         <p class="product-location-phone">(678) 686-0580</p>         <p class="product-location-hours">             open daily             <br>             <b>10:00 8:00 pm</b>         </p>         <p></p>         <p class="product-location-select">select location</p>     </div>     <div class="product-location">         <p class="product-location-place">sandy springs</p>         <p class="product-location-address">             6309 roswell road             <br>sandy springs, ga 30328         </p>         <p class="product-location-phone">(678) 686-0581</p>         <p class="product-location-hours">             open daily             <br>             <b>10:00 8:00 pm</b>         </p>         <p></p>         <p class="product-location-select">select location</p>     </div>     <div class="product-location">         <p class="product-location-place">dunwoody</p>         <p class="product-location-address">             2482 jett ferry road             <br>dunwoody, ga 30338         </p>         <p class="product-location-phone">(678) 686-0582</p>         <p class="product-location-hours">             open daily             <br>             <b>10:00 8:00 pm</b>         </p>         <p></p>         <p class="product-location-select">select location</p>     </div>     <div class="product-location">         <p class="product-location-place">johns creek</p>         <p class="product-location-address">             9775 medlock bridge road             <br>johns creek, ga 30097         </p>         <p class="product-location-phone">(678) 686-0599</p>         <p class="product-location-hours">             open daily             <br>             <b>10:00 8:00 pm</b>         </p>         <p></p>         <p class="product-location-select">select location</p>     </div>     <div class="product-location">         <p class="product-location-place">johns creek</p>         <p class="product-location-address">             9775 medlock bridge road             <br>johns creek, ga 30097         </p>         <p class="product-location-phone">(678) 686-0599</p>         <p class="product-location-hours">             open daily             <br>             <b>10:00 8:00 pm</b>         </p>         <p></p>         <p class="product-location-select">select location</p>     </div>     <div class="product-location">         <p class="product-location-place">johns creek</p>         <p class="product-location-address">             9775 medlock bridge road             <br>johns creek, ga 30097         </p>         <p class="product-location-phone">(678) 686-0599</p>         <p class="product-location-hours">             open daily             <br>             <b>10:00 8:00 pm</b>         </p>         <p></p>         <p class="product-location-select">select location</p>     </div> </div> 

take out, if not sizes, @ least < 768px:

.wrapper {       display: table; 

demo