.dnSlide-main {
    position                    : relative;
    visibility                  : hidden;
    padding                     : 0;
    margin                      : 0;
    list-style                  : none;
    width                       : 800px;
    height                      : 234px;
    margin-left                 : auto;
    margin-right                : auto;
    -webkit-tap-highlight-color : transparent;
}

.dnSlide-main.done {
    visibility : visible;
}

.dnSlide-main.dn-response {
    width : 100%;
}

.dnSlide-main.dn-response .dnSlide-list {
    width        : 100%;
    height       : 100%;
    padding-left : 0;
}

.dnSlide-main a, .dnSlide-main img {
    display    : block;
    border     : 0;
    -webkit-box-shadow : 0 2px 10px rgba(0, 0, 0, 0.43), 0 0 10px rgba(0, 0, 0, 0.43);
    -moz-box-shadow    : 0 2px 10px rgba(0, 0, 0, 0.43), 0 0 10px rgba(0, 0, 0, 0.43);
    box-shadow         : 0 2px 10px rgba(0, 0, 0, 0.43), 0 0 10px rgba(0, 0, 0, 0.43);
}

.dnSlide-main .dnSlide-list {
    width      : 800px;
    height     : 234px;
    list-style : none;
}

.dnSlide-main .dnSlide-btn {
    color               : black;
    height              : 234px;
    width               : 100px;
    opacity             : 0.5;
    position            : absolute;
    top                 : 0;
    left                : 0;
    transition          : opacity 0.3s;
    z-index             : 10;
    cursor              : pointer;
    background-repeat   : no-repeat;
    /*background-position : center center;*/
}

.dnSlide-main .dnSlide-btn:hover {
    opacity    : 0.8;
    transition : opacity 0.3s;
}

.dnSlide-main.dnSlide-hide {
    display : none;
}

.dnSlide-main .dnSlide-item {
    position : absolute;
    top      : 0;
    left     : 0;
}

.dnSlide-main .dnSlide-left-btn {
    background-image : url(../img/left-arrow.png);
    background-position: center left;
    left             : -60px;
    right            : auto;
}

.dnSlide-main .dnSlide-right-btn {
    background-image : url(../img/right-arrow.png);
    background-position: center right;
    right            : -60px;
    left             : auto;
}

@media \0screen\,screen\9 {
    .dnSlide-main {
        margin-top    : 35px;
        margin-bottom : 35px;
    }
    
    .dnSlide-main .dnSlide-right-btn {
        background-image : url(../img/right-arrow.png);
    }
    
    .dnSlide-main .dnSlide-left-btn {
        background-image : url(../img/left-arrow.png);
    }
}

@media only screen and (max-width : 767px) {
    .dnSlide-main .dnSlide-right-btn,
    .dnSlide-main .dnSlide-left-btn {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .dnSlide-main .dnSlide-right-btn,
    .dnSlide-main .dnSlide-left-btn {
        display: none;
    }
}