レスポンシブ対応の写真ギャラリー

Question

下記のソースをもとに写真のギャラリーページを作成しています。
http://tympanus.net/Tutorials/ResponsiveImageGallery/

●実現したいこと
ブラウザのウインドウ幅を小さくした際に、サムネイルの横幅を縮小したいです。

●質問
gallery.js の ９１行目「imageW : 65」で幅を指定しており、
ここを数値で具体的に指定すればサムネイルの幅が変わることまではわかったのですが、
ウインドウ幅によって動的にこの値を変更させるには、どうしたらいいでしょうか？
例えば、ウインドウ幅が５００pxより小さくなった時に、サムネイルの横幅を0.8倍に変えたいです。

デモページ：
http://tympanus.net/Tutorials/ResponsiveImageGallery/

javascriptやJQueryはまだ勉強し始めたばかりで、
何をどういじればいいかわからず困っております。

どなたかアドバイスをいただけると助かります。
よろしくお願いいたします。

Comments

[kei344]

ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。

Answer 1

CSS（elastislide.css）で該当するli要素に「!important」で幅を指定することで実現することができました。

@media screen and (max-width:768px){
.es-carousel ul li{
	width: 80px !important;
}
}