.ms-showcase2-template {padding-bottom: 155px;}
.ms-showcase2-template .ms-view{background: transparent;}
.ms-showcase2-template .ms-bar {background: black !important;}
.ms-showcase2-template .ms-tabs-vertical-template {margin: 0 auto;}

.ms-showcase2-template.ms-dir-v {
    padding-right: 100px;
    padding-bottom:0 !important;
}

.ms-showcase2-template .ms-thumb-list.ms-dir-h {
    bottom: -145px;
    width: 100%;
    height: 137px;
}

.ms-showcase2-template .ms-thumb-list.ms-dir-v {
    height: 100%;
    width: 109px;
    left: -14px;
    top: 0;
    background: #fff;
}

.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
    width: 127px;
    height: 117px;
    opacity: 0.5;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-showcase2-template .ms-thumb-frame { cursor: pointer; }
.ms-showcase2-template .ms-thumb-list.ms-dir-h .ms-thumb-frame{ margin-right:10px; }
.ms-showcase2-template .ms-thumb-list.ms-dir-v .ms-thumb-frame{margin-bottom: 0px;}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected{ opacity: 1; }

@media (max-width: 400px) {

    .ms-showcase2-template .ms-thumb-list.ms-dir-v {
        width: 64px;
        right: -70px;
    }

    .ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
        width: 64px;
        height: 69px;
    }
    .ms-showcase2-template {padding-bottom: 75px;}
    .ms-showcase2-template.ms-dir-v {padding-right: 70px;}
}

@media (max-width: 200px) {
    .ms-showcase2-template .ms-thumb-list{display: none; }
    .ms-showcase2-template {padding-bottom: 0px;}
    .ms-showcase2-template.ms-dir-v {padding-right: 0px;}
}