.skdslider{
 width:100%;
 position: relative;
 display: block;
 overflow:hidden;
 height:570px;
 
}

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

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;height:100%;}
.skdslider ul.slides li { display: block; }
.skdslider ul.slides li img{ width: 100%;border:0; }
.skdslider ul.slide-navs { left: 50%;position: absolute;list-style-type: none; margin: 0; padding: 0; bottom:150px; display:none; }
.skdslider ul.slide-navs li { float: left;background: #CCC;height:3px;width:25px;margin-right:4px;cursor:pointer; }
.skdslider ul.slide-navs li.current-slide { background:#9900CC ;height:3px;width:25px; }
.skdslider .slide-desc { padding:15px;position: absolute;top: 25%;max-width: 40%;display:inline-block;text-align: left;right:0; background-color: rgba(255,255,255,0.8);}
.skdslider .slide-desc > h2 { color: #434343;font-family:'Open Sans', sans-serif;font-size: 48px;margin-bottom: 20px;margin-top: 10px;letter-spacing: -2px;transform: scale(1, 1.3);text-transform: capitalize; }
.skdslider .slide-desc > p {color: #434343;font-family: 'Open Sans', sans-serif;font-size: 18px;line-height: 26px;margin-top: 30px;}
.skdslider .slide-desc > p a.more {color:#990000;font-size:20px;text-decoration:none; }
.skdslider .slide-desc > p a.more:hover {text-decoration:underline;}
.skdslider a.prev{background: url(../imagesleft.png) no-repeat scroll 0 0 transparent;width:35px;height:35px;display:block;cursor:pointer;position:absolute;top:50%;left:2%;margin-top:-17px; }
.skdslider a.next{background: url(../images/right.png) no-repeat scroll 0 0 transparent;width:35px;height:35px;display:block;cursor:pointer;position:absolute;top:50%;right:2%;margin-top:-17px; }
.skdslider a.prev:hover{}
.skdslider a.next:hover{}
.skdslider a.play{background: url(../images/play.png) no-repeat scroll center center transparent;width:35px;height:35px;display:none;cursor:pointer;position:absolute;top:50%;left:48%;margin-top:-17px; }
.skdslider a.pause{background: url(../images/pause.png) no-repeat scroll center center transparent;	width:35px;height:35px;display:none;cursor:pointer;position:absolute;top:50%;left:48%;margin-top:-17px; }
/*Some Responsive CSS */
@media only screen and (min-width:768px) and (max-width: 1024px){
	.skdslider .slide-desc{max-width:100%;}
	.skdslider{height:300px;}
}
@media screen and (max-width:767px) {
 .skdslider .slide-desc{
 	max-width:100%;  
 }
 .skdslider{height:300px;}
 .skdslider .slide-desc > h2 {
	font-size: 20px;margin-bottom: 5px;margin-top: 5px;
}
 .skdslider .slide-desc > p {
  font-size: 14px;line-height: 20px;margin-top: 25px;
 }
 .skdslider .slide-desc > p a.more {
  font-size:14px;
 }
}
@media screen and (max-width:320px) {
	.skdslider .slide-desc{
		top:20px;
	}
}