/* custom */
#panorama {
    width: 90%;
    height: 50vw;
    max-height: 400px;
    margin: 0 auto 10px auto;
    border: solid 1px #c0c0c0;
}

.panorama-navs {
    text-align: center;
    list-style: none;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-left: -3px;
    margin-right: -3px;
}

.panorama-navs li {
    width: calc(100% / 5);
    padding: 3px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: solid 1px #c0c0c0;
}

.panorama-navs li+li {
    margin-top: 0 !important;
}

.panorama-navs a {
    display: inline-block;
    background-color: #fff;
}

.panorama-navs a:hover img {
    opacity: 0.65;
    cursor: pointer;
}

@media(max-width: 599px) {
    .panorama-navs li {
        width: calc(100% / 4);
    }
}