@media only screen and (min-width: 992px) and (max-width: 1199px) {
h3{
	font-size:18px;

}
.navbar-default .navbar-nav > li{
	margin-left:13px;
}
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:focus{
	font-size:12px;
}
#banner h1{
	font-size:50px;
}
.tag-list li{
	margin:0 8px 8px 0;
}
.tag-list li a {
	font-size:14px;
    padding: 5px 10px;
}

}

#banner{
	width:100%;
	float:left;
	height:auto;
}
#banner .item{
	height:700px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
#banner .item::before{
	width:100%;
	float:left;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	content:'';
	/*background:rgba(0,0,0,0.5);*/
}
#banner h1{
	color:#fff;
	margin:0 0 25px;
	font-size:60px;
}
#banner p{
	color:#fff;
	margin:0 0 35px;
	font-size:20px;
}
#banner:hover .control{
	visibility:visible;
	opacity:1;
}
#banner h1{
	font-size:25px;
	margin:0 0 10px;
}
#banner p{
	font-size:16px;
}
#banner .item{
	height:500px;
}

@media only screen and (min-width: 640px) and (max-width:767px) {
    #banner h1 {
        font-size: 40px;
        margin: 0 0 10px;
    }

    #banner p {
        font-size: 16px;
    }

    #banner .item {
        height: 600px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
#banner h1{
	font-size:45px;
	margin:0 0 15px;
}
h2{
	font-size:20px;
}
h3{
	font-size:16px;
}
.tag-list li{
	margin:0 8px 8px 0;
}
.tag-list li a {
	font-size:14px;
    padding: 5px 10px;
}

}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.caption-info{
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
}
.caption-info-inner h1{
	animation-delay: 0.5s;
}
.caption-info-inner p{
	animation-delay: 1.1s;
}
.caption-info-inner a{
	animation-delay: 1.6s;
}
.control{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.control,
.control:focus{
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    line-height: 34px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    width: 36px;
	margin:-15px 0 0;
}
.control:hover{
	background:#fec107;
	color:#000;
}
.left.control{
	left:10px;
}
.right.control {
	right:10px;
}

.left-right-slider{
    border-radius:50%;
    top:48%;width:34px;
    height:34px;padding:8px
}

.slider-text {
    background-color:#0000008f !important;
    color: #fff;
}