Imagem Destacada não fica responsiva

Olá pessoal, estou com problema. Uso o Bootstrap para deixar as imagens das notícias responsivas, porém isso não acontece com a imagem destacada! Ela até passa a ficar como miniatura na homepage, perdendo qualidade assim que eu uso o código:

<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'img-responsive' ) ); ?>

<?php query_posts('category_name=destaques&offset=0&showposts=1');?>
		<?php if(have_posts()): while(have_posts()): the_post();?>

		<div class="col-md-6">
		<div class="post-destaques">

			<a href="<?php the_Permalink();?>"><?php the_post_thumbnail( 'thumbnail', array( 'class' => 'img-responsive' ) ); ?> </a>

				<h2><a href="<?php the_Permalink();?>"><?php the_title();?></a></h2>

				<div class="info-destaques">
					<ul>
						<li class="destaques-autor"> <?php the_author();?> </li>
						<li class="destaques-views"> <?php if(function_exists('the_views')) {the_views();}?> </li>
						<li class="destaques-comment"> <?php comments_number('0','1','%'); ?></li>

					</ul>

				</div>

		<?php endwhile; else:?>
		<?php endif;?>
		<div class="list-dest">
			<ul>
				<?php query_posts('category_name=destaques&offset=1&showposts=2');?>
				<?php if(have_posts()): while(have_posts()): the_post();?>
				<li>
					<a href="<?php the_Permalink();?>"><?php the_post_thumbnail();?></a>
					<h2><a href="<?php the_Permalink(); ?>"><?php the_title();?></a></h2>

				</li>
				<?php endwhile; else:?>
				<?php endif;?>
			</ul>

		</div>

	</div>
</div>

Esse é o código!