@import url(https://fonts.googleapis.com/css?family=Abel);

.skdslider{

 width:100%;
 position: relative;
 display: block;
 overflow:hidden;
 margin-top:0px;
 z-index:0;
 }



.skdslider:after {

    content: '';
    padding-top: 50%; 
    display: block;

}



.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}

.skdslider ul.slides li

{
min-height:100px;
}

.skdslider ul.slides li img{



	
	width:100%; height:auto;

	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: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;

	height:12px;

	width:12px;

	margin-right:4px;

	cursor:pointer;

}

.skdslider ul.slide-navs li.current-slide {

  background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent;

}*/



.skdslider .slide-desc {



    right:0%;
    position: absolute;
    bottom:0%;
    width: 40%;
    display:inline-block;
	text-align: center;
	color:#ffffff;
    text-align: left;
	background-color:#448c27;
		padding:20px;
	padding-right:50px;
	



}





.skdslider .slide-desc > p {

    color: #FFFFFF;

    

    font-size: 16px;

    line-height: 20px;

    margin-top: 5px;

}

.skdslider .slide-desc > p a.more {

    color:#ffffff;

	font-size:16px;

	text-decoration:none;

}

.skdslider .slide-desc > p a.more:hover {

text-decoration:underline;

}



.skdslider a.prev{

    background: url("image/left.png") no-repeat scroll 0 0 transparent;

	width:50px;

	height:50px;

	cursor:pointer;

	position:absolute;

	top:50%;

	left:1%;

	margin-top:-17px;
	display:none;

}



.skdslider a.next{

    background: url("image/right.png") no-repeat scroll 0 0 transparent;

	width:50px;

	height:50px;


	cursor:pointer;

	position:absolute;

	top:50%;

	right:1%;

	margin-top:-17px;
	display:none;

}

.skdslider a.prev:hover{

  

}

.skdslider a.next:hover{

  

}





/*Some Responsive CSS */

@media screen and (max-width:767px) {

.skdslider{height:100px; overflow:visible; }
.skdslider ul.slides li img{width:100%;height:auto;overflow:visible;}

}

@media (min-width:400px) {
	.skdslider{height:130px; overflow:visible;}
}

@media (min-width:500px) {
	.skdslider{height:150px; overflow:visible;}
	.skdslider ul.slides li img{width:100%;height:auto;}
}

@media (min-width:600px) {
	.skdslider{height:180px; overflow:visible;}
	.skdslider ul.slides li img{width:100%;height:auto;}
}

@media (min-width:700px) {
	.skdslider{height:220px; overflow:visible;}
	.skdslider ul.slides li img{width:100%;height:auto;}
}

@media (min-width:900px) {
	.skdslider{height:280px; overflow:visible;}
	.skdslider ul.slides li img{width:100%;height:auto;}
}

@media (min-width:980px) {
	.skdslider{height:400px; overflow:visible;}
	.skdslider ul.slides li img{width:100%;height:100%;}
}

@media (min-width:1200px) {
	.skdslider{height:500px; overflow:visible;}
	.skdslider ul.slides li img{width:100%;}
}