Bootstrap pull-right pull-left centering on mobile devices

I am having problem making footer with pull-left and pull-right then center on mobile devices. Currently on desktop it is displaying properly.

Code(fiddle):

<footer ><div class="container"><p><div class="col-sm-4 pull-left"><strong>Powered by Google</strong>.</div><div class="col-sm-4 pull-right"><a href="" title="Terms" target="_blank">Terms</a><span class="">|</span><a href="" title="Policy" target="_blank">Policy</a></div></p><BR><p><div class="col-sm-4 pull-left">            Please direct all queries to admin@gmail.com</div><div class="col-sm-4 pull-right">            2.1</div></p></div>

As you can see when it is on mobile devices it is displayed as this:Image may be NSFW.
Clik here to view.

I want to be able to display it similar to this on mobile device where it is centered:Image may be NSFW.
Clik here to view.