iframeでGoogleMapを固定ページに挿入するとスマホでレスポンシブができない

お世話になります。
テーマはbcColorsを使用しております。
題名どおりgooglemapをiframeにて固定ページに記述した場合
スマホ画面にて表示がgooglemapにあわせて崩れてしまいます。
style.ccsには
.gmap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.gmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
を記述しＰＣ画面では正常にレスポンシブします。
解決策等あればご教授頂けないでしょうか。
よろしくお願いいたします。

■ BaserCMSのバージョン：3.0.7
■ レンタルサーバー名：さくら
■ スマートURLの利用：ON
■ 利用しているデータベース：SQLite
■ PHPスキル　全くわからな