.slider1 {
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    padding-bottom: 0px !important;
    background-repeat: repeat !important;
    margin-bottom: 0 !important
}

@media screen and (max-width: 600px) {
    .slider1 {
        margin-top:20px
    }
}

.slider1 .viewport {
    width: 100% !important;
    margin: 75px auto 0 !important;
    height: 180px !important;
    position: relative !important
}

@media screen and (max-width: 600px) {
    .slider1 .viewport {
        margin:0px auto !important;
        width: 110px !important;
        height: 110px !important;
        height: 140px !important
    }
}

.slider1 .buttons {
    font-family: 'FontAwesome';
    display: block !important;
    position: absolute !important;
    top: 20% !important;
    left: 0 !important;
    width: 10px !important;
    height: 10px !important;
    color: #aaa !important;
    text-decoration: none !important;
    margin: 0 5px !important;
    z-index: 5 !important;
    cursor: pointer !important;
    font-size: 80px !important
}

.slider1 .next {
    right: 10px !important;
    left: auto !important;
    top: 20% !important
}

.slider1 .buttonshover {
    opacity: 0.6
}

.slider1 .disable {
    visibility: hidden !important
}

.slider1 .overview {
    list-style: none !important;
    position: absolute !important;
    padding: 0 !important;
    margin: 0 !important;
    top: -1px !important
}

@media screen and (max-width: 768px) {
    .slider1 .overview {
        top:35px !important
    }
}

.slider1 .overview li {
    width: 260px !important;
    height: 173px !important;
    float: left !important;
    text-align: center !important;
    vertical-align: middle !important;
    display: table !important;
    z-index: 99999 !important;
    overflow: hidden !important;
    font-weight: bold !important;
    padding: 5px !important;
    margin: 5px !important
}

@media screen and (max-width: 600px) {
    .slider1 .overview li {
        width:135px !important;
        height: 93px !important
    }
}

.slider1 .overview li a {
    width: 260px;
    height: 168px;
    overflow: hidden;
    display: block;
    z-index: 100;
    border: 1px solid #a48b78;
    border-radius: 0%
}

@media screen and (max-width:600px) {
    .slider1 .overview li a {
        width: 138px !important;
        height: 92px !important
    }
}

.slider1 img {
    background: #eee !important;
    width: 260px !important;
    height: 173px !important;
    padding-bottom: 5px !important;
    vertical-align: middle !important;
    text-align: center !important;
    object-fit: contain !important
}

@media screen and (max-width: 600px) {
    .slider1 img {
        width:200px !important;
        height: 92px !important
    }
}

.slider1 li p {
    width: 260px !important;
    height: 20px !important;
    text-align: center !important;
    color: #555 !important;
    font-weight: normal !important;
    font-size: 13px !important
}