New Blockquote is Not Responsive

I just recently redid my block quotes, and I love it.. they look fantastic on Desktop. But I just realized last night they are not responsive on mobile.. I read somewhere about adding in an extra part with a percent, but that didn’t seem to help!

This page is an example: http://everyonelovescouponing.com/2015/09/new-11-herbal-essence-body-wash-coupon-deals-at-shoprite-target-walmart-as-low-as-1-49/

blockquote {
font-family: Georgia, serif;
font-size: 16px;
font-style: bold;
width: 650px;
margin: 0.25em 0;
padding-left:1.2em;
padding-right:1.2em;
padding-top:1.4em;
padding-bottom:0.4em;
position: relative;
left: 20px;
top: 0px;
line-height: 1.00;
color: #383838;
border-left:1px dashed #25335d;
border-right:1px dashed #25335d;
border-top:1px dashed #25335d;
border-bottom:1px dashed #25335d;
background:#fff;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}