Problema con Media Querie de javascript

[Rodvel]

Bueno..... Primero que todo... Hola!

No soy muy bueno usando javascript (perdón por mi ignorancia), y necesito una ayuda con este codigo:

$(document).ready(function() {
$('#slider').slider({ width: 1400, height: 389, navigation: false, delay: 5000 });
});

Mi problema es el siguiente:

Tengo un width de 1400px, javascript no me deja colocar valores en porcentaje.
Estoy haciendo una web responsable (responsive design), (es por eso que intenté hacerlo con porcentaje).

Averigüé que en javascript también existen los media-queries para los diferentes dispositivos, y me dieron este codigo:

var mql = window.matchMedia("screen and (min-width: 320px)")
if (mql.matches){
Que coloco acá para editar el width?
}

El problema ahora es que necesito que este ultimo codigo me modifique el width: 1400
del primer codigo que puse mas arriba en este post.

Muchas gracias de antemano a los que me puedan ayudar.