No CAPTCHA reCAPTCHA not responsive

Are you surprised that google's No Captcha is not responsive?  Google continually pushes for mobile/responsive website but they fail to make their recaptcha responsive.  Here is a workaround...

You can add this css code to your website (Special thanks to "Joaquin" for fixing the previous code):

@media (max-width: 480px) {.g-recaptcha>div>div{width:inherit !important;position:relative;display:block;padding:0;overflow:hidden;max-width:302px;border-right:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08)} .g-recaptcha iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .g-recaptcha>div{position:relative} .g-recaptcha>div:before{content:'Loading captcha...';position:absolute;top:38%;left:0} .g-recaptcha:empty:before{content:'Something wrong occured'}}

Yes, I know this "hides" the recaptcha logo and links, but until they fix it, I think this is an accpetable solution.

Screenshot 2015 04 25 17.55.36

Live example of this form captcha at:

Any Questions?
1000 characters left