javascript - testimonial carousal not working in mobile view -

i working sites testimonial section carousal slider.

the fiddle

<script> $(document).ready(function(){ $('.related_posts').bxslider({ slidewidth: 350, minslides: 1, maxslides: 2, slidemargin: 10 }); });   </script> 

html:

<ul class="related_posts wp_rp"><li><div class="message">                  able go live our product launch before our estimated timeline , surprisingly without bugs. attribute majorly testbytes active involvement , efforts. shaks. we’ll recommend them anyone.             </div>          <!-- client information -->          <div class="client">              <div class="quote red-text">                  <i class="icon-fontawesome-webfont-294"></i>              </div>              <div class="client-info">                  <a class="client-name" target="_blank" href="http://www.flightspeak.net/">leo osahor</a>                                       <div class="client-company">                      founder &amp; ceo                 </div>              </div>                         </div></li><li>         <div class="message">                  testbytes knows job well. helped me on few challenging projects , attention detail remarkable. big asset flexibility helped meet our deadlines. testbytes follows stringent quality processes ensures best quality software delivered on time, highly professional team , continue come them always.             </div><div class="client">              <div class="quote red-text">                  <i class="icon-fontawesome-webfont-294"></i>              </div>              <div class="client-info">                  <a class="client-name" target="_blank" href="http://www.3rconnect.com">tajhaslani</a>                                       <div class="client-company">                      ceo                 </div>              </div> 

the slider works fine in desktop view .but when in try in mobile works in landscape mode not in portrait.

landscape portrait

please went wrong.