Как сделать чтобы виджет показал нормально на мобильных устройств ? ,  например на iPhone iframe показывает на полной ширине , в андроиде все иначе .
нужно респонсив дизайн для виджета 

<iframe   class="col-md-12 col-xs-12 col-sm-12" frameborder="0" style="-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); overflow: hidden; border: 0; width: 100%; height: 982px;" src="https://rasp.yandex.ru/informers/station/9600213/?size=25&amp;color=4&amp;type=tablo;"></iframe>