bxsliderの画像サイズを変更したい

Question

前提・実現したいこと

Siriusというサイト作成ソフトを使用してホームページを作っています。
Bxsliderを導入しているのですが、スマホサイトで画像がばらばらに表示されてしまいます。
画像サイズを統一したいです。

発生している問題・エラーメッセージ

画像スライダーの画像がスマホサイトでのみサイズがバラバラで表示される。

該当のソースコード

htmlのhead内↓（○○○○○○○はサイトURLを入れています）

<!-- jQuery library (served from Google) --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script> <!-- bxSlider Javascript file --> <script src="http://○○○○○○○/js/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="http://○○○○○○○/js/jquery.bxslider-aki.css" rel="stylesheet" />

body内↓

<script type="text/javascript"> $(document).ready(function(){ var obj = $('#slider').bxSlider({ auto: true, slideWidth:700, pause:3000, speed:1000, mode:'fade', pager:true, controls:true, onSlideAfter: function () { obj.startAuto(); } }); }); </script>

本体↓（○○○○○○○は画像です）

<div id="slider"> <div><img src="○○○○○○○jpg" alt="" width="700" height="500" /></div> <div><img src="○○○○○○○.jpg" alt="" width="700" height="500"/></div> </div>

試したこと

ここに問題に対して試したことを記載してください。

画像サイズを統一したい。

ここにより詳細な情報を記載してください。