大変お世話になっております。レスポンシブデザインでサイトをリニューアルしようとしています。

1) サイト内にCGIでできているテキストデータベースがあり、それを検索するために、サイト内のformに input hidden の valueを書くのですが、今回、レスポンシブデザインといいつつも、PC/タブレットの場合とスマホの場合で検索結果のデザインを別にしたいので、メディアクエリ毎にサイト内formの input hidden のvalue値を設定したいのです。
現在はレスポンシブデザインではないので以下のように2行ずつ記述しています。(追記:ただし以下はいずれもinput文が11あるうちの3行目と4行目です。それ以外の行は不変です。)

・PC/タブレットの場合

<input type="hidden" name="HTML" value="">
<input type="hidden" name="DataHtml" value="">

・スマホの場合

<input type="hidden" name="HTML" value="iphone.html">
<input type="hidden" name="DataHtml" value="html_19">

(この行修正)今回は、メディアクエリの横幅を見て、スマホの場合とPC/タブレットの場合に、それぞれのvalueの値を代入させたいのですが、どのように書けばいいでしょうか?

2) (この行追記)また、以下のURL(ショートカット)でも以下のように検索ができるのですが、これらは上記1)と同じhtmlにあり場合と無い場合があります。さらに以下のURLはhtml文内に書かれたリンク先です。

・PC/タブレット
https://example.com/db/database.cgi?cmd=s&sc=kansou_pc

・スマホ
https://example.com/db/database.cgi?cmd=s&sc=kansou_sp

こちらもメディアクエリの横幅を見て、PC/タブレットの場合は、kansou_pc とし、スマホの
場合は、kansou_sp としたいのですが、可能でしょうか?