/* CSS Document */
body {
    margin: 0;
    padding: 0;
}

. {
    height: 768px;
    position: relative;
}

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

        .skdslider ul.slides li {
            height: 768px;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

            .skdslider ul.slides li img {
                width: 100%;
                height: 100%;
                border: 0;
            }

    .skdslider .slide-navs {
        bottom: 10px;
        left: 50%;
        position: absolute;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }


        .skdslider .slide-navs li {
            float: left;
            background: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;
            height: 20px;
            width: 20px;
            margin-right: 4px;
            cursor: pointer;
            display: block;
        }

            .skdslider .slide-navs li.current-slide {
                background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent ;
                     
            }

    .skdslider .slide-desc {
        background: none;
        
        padding: 6px 25px 10px 85px;
        position: absolute;
        top: 230px;
        width: 40%;
    }

        .skdslider .slide-desc > h2 {
            color: #710038;
            font-family: "Arial",sans-serif;
            font-size: 25px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .skdslider .slide-desc > p {
            
            font-family: "Arial",sans-serif;
            font-size: 16px;
            line-height: 20px;
            margin-top: 5px;
            color:bisque;
        }

            .skdslider .slide-desc > p a.more {
                color: #990000;
                font-size: 20px;
                float: right;
                height: 18px;
                width: 22px;
                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;
        display: block;
        cursor: pointer;
        position: absolute;
        top: 35%;
        left: 0;
    }

    .skdslider a.next {
        background: url("image/right.png") no-repeat scroll 0 0 transparent;
        width: 50px;
        height: 50px;
        display: block;
        cursor: pointer;
        position: absolute;
        top: 35%;
        right: 0;
    }

    .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: 44%;
        left: 48%;
    }

    .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: 44%;
        left: 48%;
    }

@media only screen and (min-width: 1600px) {
    .skdslider {
        height: 1080px;
        position: relative;
    }

        .skdslider ul.slides li {
            height: 1080px;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }
}

@media only screen and (max-width: 800px){
    .skdslider {
        display:none;

    }
    .wrapper {

        margin-top:-700px;
    }
}