.ms-showcase2-template {
    padding-bottom: 155px
}

.ms-showcase2-template .ms-view {
    background: 0 0
}

.ms-showcase2-template .ms-bar {
    background: #000 !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: 80px;
    right: -98px;
    top: 0
}

.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
    width: 80px;
    height: 50px;
    opacity: .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: 12px
}

.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: 0
    }

    .ms-showcase2-template.ms-dir-v {
        padding-right: 0
    }
}