Face page alterar data-width - Mobile

[Giihh 6]

Boa tarde,

 

No face page (antigo likebox) tem o trecho data-width="200", o valor 200 é o que defini para parecer na visualização desktop.

<div style="margin:20px;" class="fb-page social_mobile" data-href="https://www.facebook.com/facebook" data-width="200" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>

no css tentei alterar o width para 100% , aproveitando a dica do bruno_mosciatti :

 

/** Mobile **/
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {


   .social_mobile { width:100%;}

}

/** Tablet **/
@media only screen and (min-width : 768px) and (max-width : 1024px) {


      .social_mobile { width:100%;}

}

/** Tablet (landscape) **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

      .social_mobile { width:100%;}

}

Mas não esta funcionando, imagino que seja por ter dois valores width: o da classe social_mobile e o do data-width, e o navegador esta considerando o data-wight.

 

Agradeço ajuda