.skdslider {
    width        : 90%;
    position     : relative;
    display      : block;
    overflow     : hidden;
    height       : 550px;
    margin-bottom: 30px;
    margin-left  : 5%;
}

.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;
    height  : 550px;
    overflow: hidden;
}

.skdslider ul.slides li img {
    width : 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;
    height      : 12px;
    width       : 12px;
    margin-right: 4px;
    cursor      : pointer;
}

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

.skdslider .slide-desc {
    left      : 0;
    padding   : 20px;
    position  : absolute;
    bottom    : 28%;
    width     : 100%;
    display   : inline-block;
    text-align: center;
}

.skdslider .slide-desc>h3 {
    color         : #ffffff;
    margin-bottom : 20px;
    padding       : 10px;
    width         : 100%;
    margin        : 0 auto;
    font-weight   : 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.skdslider .slide-desc>p {
    color      : #FFFFFF;
    font-size  : 18px;
    line-height: 28px;
    margin     : 0px auto 20px;
    width      : 42%;
    padding    : 12px;
}

.skdslider .slide-desc>a.more {
    color          : #990000;
    font-size      : 25px;
    text-decoration: none;
}

.skdslider .slide-desc>a.more:hover {
    text-decoration: underline;
}

.skdslider a.prev {
    /*-- background: url("../images/left.png") no-repeat scroll 0 0 transparent;* --*/
    width     : 35px;
    height    : 35px;
    display   : block;
    cursor    : pointer;
    position  : absolute;
    top       : 55%;
    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       : 55%;
    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;
    bottom    : 6%;
    right     : 2%;
    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;
    bottom    : 6%;
    right     : 2%;
    margin-top: -17px;
}


/*-- responsive media queries --*/


/*Some Responsive CSS */