.skdslider{
 width:100%;
 position: relative;
 display: block;
 overflow:hidden;
 height:594px; margin:159px 0 0 0;
}

.skdslider:after {
    content: '';
    padding-top: 50%; 
    display: block;
}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display: none; 
}
.skdslider ul.slides li img{
    width: 100%;
	height:100%;
	border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.caption-box{ background:url(../images/captionbg.png) repeat; z-index:1000; position:absolute; left:321px; top:107px; padding:35px 34px; font-size:30px; box-sizing:border-box; color:#FFF;}
.caption-box strong{ font-size:32px;}
.caption-box span{ font-size:35px; font-weight:bold;}
.skdslider ul.slide-navs li {
    float: left;
	background: url(../images/camford-slide-bg.png) no-repeat;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;

}
.skdslider ul.slide-navs li.current-slide {
  background: url(../images/camford-slide-bg-active.png) no-repeat;
}
/*Some Responsive CSS */

@media screen and (max-width:1170px) {
.skdslider{ height:339px;}
}
@media screen and (max-width:992px){
.skdslider{ height:283px;}
}

@media screen and (max-width:767px) {
	.skdslider .slide-desc > h2 {
		font-size: 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.skdslider .slide-desc > p {
		font-size: 14px;
		line-height: 15px;
		margin-top: 5px;
	}
	.skdslider .slide-desc > p a.more {
		font-size:14px;
	}
	.skdslider{ height:206px;}
	.skdslider{ margin:138px 0 0 0;}

}
@media screen and (max-width:448px){
.skdslider{ margin-top:102px;}
}