Styling quote mark in quote block using CSS on mobile version

I have styled my quote blocks using custom CSS as below. However the quote marks (first-child) font is not applying on the mobile version. Site is khuloudstyle.com. Any ideas?

//* hide left border on quote blocks *//
.quote-block blockquote {
  border: none;}

//*Style the first quote marks*//
.quote-block blockquote>span:first-child {
  font-family: robot;
  float: left !important;
  display: block;
  opacity: 1.0;
  font-size: 3em !important;
  color: #CC8A00 !important;
  position: absolute; top: -15px; left: -50px; padding: 10px;}

//*Remove the last quote marks*//
.sqs-block-quote span:last-child {
display : none;}

I see it already fine now