front-page.phpとindex.phpをレスポンシブで共存させたい。。

連日の投稿をお許し下さい。

もともとindex.phpで既存のテンプレートでレスポンシブ対応していたんですが、、、

事情が変わり、今はfront-page.phpがファーストビューになっています。
そして、style.cssで @media screen and (min-width:400px){
　……..
}

↑でPC向けだとfront-page.phpの内容が反映されている状態です。
ブラウザをドラッグして、サイズは変えてもそのまんまでして、、、それは挙動
として当然でfront-page.phpがそのまま表示されているのは皆さんお分りだと思います。

ここで私が実現させたいのはモバイル向けにサイズが変更されたとき、もしくは、もともとのモバイルで見てる人が前のindex.phpで反映されているモバイル向けデザインを反映させたいのですが、、、

わたし的にはindex.phpがモバイル向けファーストビューででfront-page.phpがPC向けファーストビューという風にすべきか、他に代替策があれば、そちらでも何でも、皆様のお力をどうか
お貸しして頂けないでしょうか。。

ご検討宜しくお願い致します。