.slideDiv {
    margin-top: 48px;
}


#slideshow {
    width: 100%;
    background-color: #fff;
    position: relative;
    top: 20px;
}

#slideshow ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 1%;
    /* IE fix */
}

#slideshow ul:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
}

#slideshow .slides ul {
    width: 100%;
}

.js #slideshow .slides-nav li a:hover {

    background: #ff0;
}

#slideshow .slides li {
    background: none !important;
    float: left;
}

#slideshow .slides li img {
    width: 80%;
    margin: 5px auto;
    display: block;

}

#slideshow .slides h2 {
    margin-top: 0;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */


#slideshow .slides-nav li {
    float: left;
}

#slideshow .slides-nav li a {
    display: block;
    padding: 0px 20px 15px 20px;
    text-decoration: none;
    outline: none;
}

#slideshow .slides-nav li a span {
    text-align: center;
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    line-height: 22px;
}

#slideshow .slides-nav li a img {
    width: 225px;
    height: 225px;
}

#slideshow .slides-nav li:first-child {
    margin-left: 5%;
}

.js #slideshow .slides-nav li a:hover {

    background: #fefefe !important;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
    background-color: #E4E4E4;
}

.js #slideshow .slides-nav li.on {
    border-bottom: 2px solid #A9A9A9;
}

.js #slideshow .slides-nav li.on a {
    position: relative;
    top: -1px;
    background: #E4E4E4;
}



@media (max-width:767px) {


    .mob-Mtop {
        margin-top: 0px !important;
    }

    .mobileView {
        overflow: hidden;
    }

    #slideshow .slides-nav li:first-child {
        margin-left: 0% !important;
    }

    .slides-nav>li {
        width: 25% !important;
        min-height: 150px;
        margin-bottom: 10px;
    }

    .slides-nav>li>a {
        padding: 2px !important;
    }

    .slides-nav>li>a>img {
        height: 75px !important;
        width: 75px !important;
    }

    #slideshow .slides-nav li a span {
        font-size: 14px !important;
        line-height: 14px !important;
        font-weight: normal !important;

    }
}