#rodape .span9.span12, #modalContato .modal-body > div>.span6:last-child { display: none !important; }
#modalContato .modal-body > div>.span6 { min-width: 100%; }
#modalContato { max-width: 410px; margin: 0 auto; left: 50%; transform: translate(-50%, 0); }
@media (max-width: 767px) { #modalContato { max-width: 100%; margin: 0; left: 0; transform: none; }
#modalContato .modal-body > div>.span6 { min-width: auto; } }
Dessa forma, o seu modal ficará escondendo os elementos #rodape .span9 .span12
e #modalContato .modal-body > div>.span6:last-child
em todas as telas, mas quando a tela tiver uma largura máxima de 767 pixels, o modal será ajustado para se tornar responsivo e se adaptar ao tamanho da tela.
CSS/ Cabeçalho/ Todas as Páginas