/* carousel */
.carousel {
	/*height: 356px;*/
	height: 428px;
	background: #fff;
}

.carousel,
.carousel-inner {
	margin-bottom: 30px;
	/*height: 356px;*/
	height: 428px;
}

.carousel-inner > .item,
.carousel-item {
  /*height: 356px;*/
	height: 428px;
  background-color: transparent;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 356px;*/
  height: 428px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*banner*/
.slide-banner {
	height: 90px!important;
	width: 720px;
	margin: 0 auto;
	background: none!important;
	margin-bottom: 0!important;
}

.slide-banner .carousel-inner {
	margin-bottom: 0!important;
	height: 90px!important;
}

.slide-banner .carousel-inner > .item,
.slide-banner .carousel-item,
.slide-banner .carousel-item > img {
	height: 90px!important;
	width: 728px;
	margin: 0 auto;
}

.carousel-indicators {
    top: 105px;
    margin-left: -384px;
}

.carousel-indicators li {
    border: 1px solid #afafaf!important;
	margin: 1px!important;
}

.carousel-indicators .active {
	width: 10px!important;
    height: 10px!important;
    background-color: #afafaf!important;
}

@media only screen and (min-width : 992px) and (max-width : 1199px) { 
	.carousel,
	.carousel-inner,
	.carousel-inner > .item,
	.carousel-item,
	.carousel-item > img {
		height: 293px;
	}
}

@media only screen and (min-width : 769px) and (max-width : 997px) { 
	#myCarousel {
		margin-top: 30px;
	}

	#myCarousel .carousel-inner {
		width: 360px;
		margin: 0 auto;
	}

	.carousel,
	.carousel-inner,
	.carousel-inner > .item,
	.carousel-item,
	.carousel-item > img {
		height: 250px;
	}
}

@media only screen and (max-width: 768px) {
	/*banner*/
	.carousel-indicators {
    	top: 57px;
	}

	#myCarousel {
		margin-top: 30px;
	}

	#myCarousel .carousel-inner {
		width: 360px;
		margin: 0 auto;
	}

	.carousel,
	.carousel-inner,
	.carousel-inner > .item,
	.carousel-item,
	.carousel-item > img {
		height: 250px;
	}

	.carousel-inner > .item > a > img, 
	.carousel-inner > .item > img {
		height: 250px!important;
		margin: 0 auto;
	}

	.slide-banner {
		height: 40px!important;
		width: 360px;	
	}

	.slide-banner .carousel-inner > .item > a > img,
	.slide-banner .carousel-inner {
		height: 40px!important;
	}

	.slide-banner .carousel-inner > .item,
	.slide-banner .carousel-item,
	.slide-banner .carousel-item > img {
		height: 40px!important;
		width: auto;
	}
}