#slider{
  margin:0;
  padding:0; 
}

.skdslider {
  width:100%;
  position: relative;
  display: block;
  overflow:hidden;
}
.skdslider .slide {
   display: none;
}
.skdslider .slide 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;
}

.skdslider ul.slide-navs li {
  float: left;
	background:rgba(255,255,255,.7);
	height:12px;
	width:12px;
	border-radius:50%;
	margin-right:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.active {
background:#e00009;
}

.slider_container {
	position:relative; 
}

.skdslider .slide-desc {  
    right: 0;   
    position: absolute;
    bottom: 27%;
   width: 100%;

	  text-align:left
}
.skdslider .slide-desc h2 {
	
	 	  display:inline-block;
	text-transform:uppercase;
    color: #fff;
    font-size:27px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight:600
}

.skdslider .slide-desc  h2 span {
	display:block; font-weight:600
}



.skdslider a.prev{
  background: url("image/left.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("image/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("image/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("image/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 screen and (max-width:1100px) {
	.skdslider .slide-desc  h2 {
		font-size:27px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	

}


@media screen and (max-width:767px) {
	.skdslider .slide-desc  h2 {
		font-size:15px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.skdslider .slide-desc {
		bottom:20%
	}
	
	.skdslider ul.slide-navs {
		bottom:10px
	}
	
	
}





@media screen and (max-width:479px) {
	.skdslider .slide-desc  h2 {
		font-size:12px; 
	}
	
	.skdslider .slide-desc {
		bottom:25%
	}
	
	.skdslider ul.slide-navs li {
		width:9px; height:9px; border-radius:50%
	}
		
	
}