#slider_thumb_ {
    overflow: hidden;
    margin: 40px auto 0;
}

#slider_thumb_ .main_img {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    text-align: center;
    background: #f1f1f1
}

#slider_thumb_ .main_img img {
    max-height: 100%
}

#slider_thumb_ .main_img li {
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

#slider_thumb_ .thumb {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;

    margin: 0 auto;
}

#slider_thumb_ .thumb img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
   
    width: auto
}

#slider_thumb_ .thumb li {
    width: 95px;
    height: 75px;
    margin: 6px;
    transition: 0.3s;
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    background: #f1f1f1;
    align-items: center;
}

#slider_thumb_ .thumb li:hover {
    opacity: 0.6
}

#slider_thumb_ .cap {
    position: absolute;
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
    display: block;
    bottom: 0;
    left: 0;
    color: #fff
}




@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #works_img .thumb img {
        max-width: 95px;
        height: auto;
        max-height: 100%;
    }
}


@media screen and (max-width: 640px) {

    #slider_thumb_ .slick-track,
    #slider_thumb_ .slick-list {
        height: 100%;
    }

    #slider_thumb_ .main_img {
        height: 52vh;
        box-sizing: border-box;
        background: #ededed;
        margin-bottom: 10px;

    }

    #slider_thumb_ .main_img li {
        min-height: 100%;
        height: 100%;
    }

    #slider_thumb_ .thumb {
        width: 100%;
    }

    #slider_thumb_ .thumb li {
        width: 18%;
        height: 80px;
        margin: 1%;
    }

    #slider_thumb_ .thumb img {
        max-width: 100%
    }


    #slider_thumb_ .cap {
        padding: 6px
    }
}

@media screen and (max-width: 550px) {
    #slider_thumb_ .main_img {
        height: 238px;
    }

    #slider_thumb_ .main_img {
        height: 32vh;
    }

    #slider_thumb_ .thumb li {
        height: 14vw;
    }
}

@media screen and (max-width: 480px) {}