/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
	margin:0 auto;
    height: 340px;
	width:90%;
	max-width:1400px;

}

.item,
.active,
.carousel-inner {
    height: 340px;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}









/********* pc *********/
@media all and (min-width:1200px) {

.carousel {
	margin:0 auto;
    height: 340px;
	width:95%;
	max-width:1190px;
	}

}


/********* tablet *********/
@media all and (max-width:1199px) {
.carousel {
	margin:0 auto;
    height: 340px;
	width:95%;
	max-width:1400px;
	}

.item,
.active,
.carousel-inner {
    height: 340px;
}

}


/********* tablet *********/
@media all and (max-width:1100px) {


.carousel {
	margin:55px auto 0;
    height: 300px;
	width:98%;
	max-width:1400px;

}

.item,
.active,
.carousel-inner {
    height: 300px;
}

}


@media all and (max-width:1000px) {

.carousel {
	margin:55px auto 0;
    height: 300px;
	width:100%;
	max-width:1700px
}

.item,
.active,
.carousel-inner {
    height: 300px;
}

}


/********* mobile *********/
@media all and (max-width:768px) {

.carousel {
	margin:0px auto 0;
    height: 150px;

}

.item,
.active,
.carousel-inner {
    height: 150px;

}


}

@media all and (max-width:320px) {

.carousel {
	margin:0px auto 0;
    height: 120px;

}

.item,
.active,
.carousel-inner {
    height: 120px;

}


}