/* CSS Document */

/*-------------------------------------------

      Media Queries
-------------------------------------------*/
@media screen and (min-width: 850px) and (max-width: 1016px) {
  
		}
@media screen and (min-width: 851px) {
 
    }
@media screen and (min-width: 651px) and (max-width: 850px) {
 

  .wrap { width: 768px; }

}
@media screen and (min-width: 401px) and (max-width: 650px) {
 

  .wrap {
    width: 480px; }


}

@media screen and (min-width: 651px) {
   }
@media screen and (max-width: 850px) {


.carousel { height: 273px; overflow: hidden; background: #262626; }
		.slide-caption { position: relative; z-index: 10; float: left; width: 295px; min-height: 220px; /*padding: 53px 31px 0*/ padding: 15px 31px 38px;
			background-image: url(../images/banner/vignette-358.png); }
			.slide-caption h2 { margin-bottom: 25px; color: #fff; font-size: 31px;  }

			.slide-callout { /*width: 706px;*/ width:300px; }
				.slide-callout p { max-width: 590px; min-height: 15px; margin-bottom: 4px; padding: 7px 16px 5px 11px; font-size: 13px; line-height: 1.4; }
					.slide-callout .more a { min-height: 15px; padding: 7px 8px 5px 8px; font: italic 1.1em Georgia, "Times New Roman", serif; }
.carousel-image img { width: 411px; height: 273px; } 

.carousel-controls { bottom: 34px; margin-left: -352px; } 

}
@media screen and (max-width: 650px) {

.carousel { height: 520px; overflow: hidden; background: #262626; }
		.slide-caption { position: relative; z-index: 10; width: 480px; min-height: 200px; padding: 0; 
      margin-top: 320px;
			background-image: url(../images/banner/vignette-480.png);
      background-position: bottom left;
      background-repeat: no-repeat; }
			.slide-caption h2 { margin: 15px; color: #fff; font-size: 31px; text-align:center; }

			.slide-callout { width: 465px; padding-left: 15px; text-align:center; }
				.slide-callout p { max-width: 440px; min-height: 15px; margin-bottom: 4px; padding: 7px 6px 5px 8px; font-size: 13px; line-height: 1.4; overflow: hidden; }
					.slide-callout .more a { display: none; }
.carousel-image img { width: 480px; height: 320px; } 
.carousel .prev-image { left: -480px; }
.carousel .next-image { right: -480px; }

.carousel-controls { bottom: 24px; margin-left: -50px; } 



}
@media screen and (max-width: 400px) {
	

.wrap { width: 320px; } 

.carousel { height: 343px; overflow: hidden; background: #262626; }
		.slide-caption { position: relative; z-index: 10; width: 320px; min-height: 130px; padding: 0; 
      margin-top: 213px;
			background-image:url(../images/banner/vignette-480.png);
      background-position: bottom left;
      background-repeat: no-repeat; }
			.slide-caption h2 { margin: 10px 10px 10px 15px; color: #fff; font-size: 31px; text-align:center; }

			.slide-callout { width: 310px; padding-left: 10px; }
				.slide-callout p { display: none; }
.carousel-image img { width: 320px; height: 213px; } 
.carousel .prev-image { left: -320px; }
.carousel .next-image { right: -320px; }

.carousel-controls { bottom: 18px; margin-left: -50px; } 




    
    }
/* For Retina displays */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

  
    
}