@media (max-width: 767px) {
    .s360-jsidebar {
        display:none;
    }
}
@media (min-width: 768px) {
    .s360-jsidebar {
        position: fixed;
        top: 25%;
        right: 0;
        z-index: 5;
        pointer-events: none;
    }

    .s360-jsidetabs {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .s360-jtab a {
        position: relative;
        display: block;
        text-decoration: none;
        border: 1px solid;
        border-right: none;
        margin-bottom: 3px;
        padding: 10px;
        white-space: nowrap;
        overflow: hidden;
        transition: all 0.5s cubic-bezier(.46,.03,.52,.96);
        pointer-events: all;
    }

    .s360-jtab i {
        display: inline-block;
    }
    .s360-jtab .title {
        position: relative;
        bottom: 5px;
        display: none;
        font-weight: bold;
        line-height: 0;
        padding-left: 10px;
        
    }
}
@media (min-width: 1450px) {
    .s360-jtab a:hover {
        transition: all 0.5s cubic-bezier(.46,.03,.52,.96);
        right: 0;
    }
    .s360-jtab .title {
        display: inline-block;
    }
}