[Resolvido]Bootstrap - carrousel responsivo mostrar no máximo em 800x600px.

Eu gostaria de um carrousel responsivo com o bootstrap e que mostre no tamanho máximo de 800x600 no desktop que é o tamanho original das imagens. Usando o código abaixo, no celular, ele fica responsivo porém no computador ele mostra resoluções maiores que 800x600.

O meu código é o:

	<div class="container">

	<div id="myCarousel2" class="carousel slide" data-ride="carousel">

	  <!-- Indicators -->

	    <ol class="carousel-indicators">

	    <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>

	    <li data-target="#myCarousel2" data-slide-to="1"></li>

	    <li data-target="#myCarousel2" data-slide-to="2"></li>

	    <li data-target="#myCarousel2" data-slide-to="3"></li>

	    <li data-target="#myCarousel2" data-slide-to="4"></li>

	    <li data-target="#myCarousel2" data-slide-to="5"></li>

	    

	              

	  </ol>

	 

	  <!-- Wrapper for slides -->

	  <div class="carousel-inner">

	    <div class="item active">

	      <img src="PH01.jpg" alt="01" style="width:100%;">

	      <div class="carousel-caption">

	          <h3>01</h3>

	      </div>

	    </div>

	    <div class="item">

	      <img src="PH02.jpg" alt="02" style="width:100%;">

	      <div class="carousel-caption">

	          <h3>02</h3>

	      </div>

	    </div>

	    <div class="item">

	      <img src="PH03.jpg" alt="03" style="width:100%;">

	      <div class="carousel-caption">

	          <h3>03</h3>

	 </div>

	    </div>

	      <div class="item">

	      <img src="PH04.jpg" alt="04" style="width:100%;">

	      <div class="carousel-caption">

	          <h3>04</h3>

	 </div>

	    </div>

	       <div class="item">

	      <img src="PH05.jpg" alt="05" style="width:100%;">

	      <div class="carousel-caption">

	          <h3>05</h3>

	 </div>

	    </div>

	      <div class="item">

	      <img src="PH06.jpg" alt="06" style="width:100%;">

	      <div class="carousel-caption">

	          <h3>06</h3> 

	 </div>

	    </div>

	   </div>

	 <!-- Controls -->

	  <a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev">

	    <span class="glyphicon glyphicon-chevron-left"></span>

	  </a>

	  <a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next">

	      <span class="glyphicon glyphicon-chevron-right"></span>

	  </a>

	</div> <!-- Carousel --></div><BR>