.clearfix {*zoom:1;}
.clearfix:before,
.clearfix:after {display:table; content:""; line-height:0;}
.clearfix:after {clear:both;}
.hide-text {font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0;}
.input-block-level {display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.responsive-slider {width:100%; position:relative;}
.responsive-slider .touch-surface {position:absolute; top:0; left:0; width:100%; height:100%;}
.responsive-slider .slides {position:relative; overflow:hidden;}
.responsive-slider .slides ul {list-style-type:none; padding:0; margin:0; white-space:nowrap; font-size:0;}
.responsive-slider .slides ul li {display:inline-block; width:100%; min-height: 240px;max-height:100%px;}
.responsive-slider .slides ul li .slide-body {display:inline-block; position:relative; width:100%; font-size:14px;}
.responsive-slider .slides ul li .slide-body img {max-width:100%;}
.responsive-slider .slides ul li .slide-body .slide-image {display:block; width:100%; height:240px; background-repeat:no-repeat; background-size:cover; background-position:center bottom;}
.responsive-slider .slides ul li .slide-body .caption {position:absolute; color:#fff;}
.responsive-slider .slides ul li .slide-body .caption.header {top:20%; left:10%;}
.responsive-slider .slides ul li .slide-body .caption.header h2 {
	display:block;
	max-width:450px;
	font-size:36px;
	font-weight:700;
	text-transform:uppercase;
	line-height:36px;
	background:#e31e24;
	background:rgba(227, 30, 36, 0.8);
	padding:10px;
	margin:0;
	white-space:normal;
	text-align:right;
}
.responsive-slider .slides ul li .slide-body .caption.sub {
	top:100%;
	right:-20px;
	font-weight:300;
	text-transform:uppercase;
	white-space:normal;
	background:#2a2a29;
	background:rgba(42, 42, 41, 0.9);
	font-size:30px;
	line-height:30px;
	padding:10px;
	text-align:left;
}
.responsive-slider .slider-control {position:absolute; font-size:40px; color:#000; top:40%; background-color:#fff; padding:10px 10px 15px 10px;}
.responsive-slider .slider-control.left {left:0; padding-left:0; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;}
.responsive-slider .slider-control.left:hover {text-decoration:none; padding-left:10px;}
.responsive-slider .slider-control.right {right:0; padding-right:0; -webkit-border-radius:6px 0px 0px 6px; border-radius:6px 0px 0px 6px;}
.responsive-slider .slider-control.right:hover {text-decoration:none; padding-right:10px;}
.responsive-slider .pages {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.responsive-slider .pages .page {display:inline-block; color:transparent; width:5px; height:5px; border:3px solid #fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; opacity:0.5; filter:alpha(opacity=50);}
.responsive-slider .pages .page.active {opacity:1; filter:alpha(opacity=100);}

@media (min-width:768px) and (max-width:991px) {
	.responsive-slider .slides ul li {max-height:240px;}
	.responsive-slider .slides ul li .slide-body .slide-image {height:240px;}
	.responsive-slider .slides ul li .slide-body .caption.header h2 {
		font-size:24px; line-height:24px;
	}
	.responsive-slider .slides ul li .slide-body .caption.sub {
		font-size:20px; line-height:20px;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.responsive-slider .slides ul li {max-height:300px;}
	.responsive-slider .slides ul li .slide-body .slide-image {height:300px;}
	.responsive-slider .slides ul li .slide-body .caption.header h2 {
		font-size:24px; line-height:24px;
	}
	.responsive-slider .slides ul li .slide-body .caption.sub {
		font-size:20px; line-height:20px;
	}
}

@media (max-width: 767px) {
	.responsive-slider .slides ul li {max-height:200px;}
	.responsive-slider .slides ul li .slide-body .slide-image {height:200px;}
	.responsive-slider .slides ul li .slide-body .caption.header h2 {font-size:20px; line-height:20px; padding:5px;}
	.responsive-slider .slides ul li .slide-body .caption.sub {font-size:16px; line-height:16px;}
	.responsive-slider .slider-control.left,
	.responsive-slider .slider-control.right {display:none;}
}
