Facebook Like Box fica pequeno no iPhone em template responsivo

Olá pessoal,

Estou desenvolvendo um template para um cliente que é responsivo. Tudo está funcionando perfeitamente, contudo o Like Box do Facebook está com as proporções muito reduzidas. Eu passei a tarde toda tentando encontrar uma solução, procurei até no Stackoverflow e nada. Eu não consigo inspecionar elemento pelo iPhone pra descobrir qual tag está interferindo nele, então eu to ferrado! O site é http://chacaradonaanna.com.br/. Alguém já teve este problema? Me ajudem por favor!

Valeu!

HTML:

<div class="fb-like-box" data-href="https://www.facebook.com/ChacaraDonaAna" data-width="100%" data-height="215" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

CSS:

#fb-root {
	display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width: 100% !important;
}
.fb-like-box {
	max-width: 300px;
	width: 100%;
	padding-bottom: 13px;
	}

@media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) { /* Smartphones (portrait and landscape) ----------- */
		.fb-like-box {
			min-width: 100% !important;
			max-width: 100% !important;
			width: 100% !important;
			height: 100% !important;
			}
	}