/*ISI Collapse*/
@media (max-width: 991px) {
    .isi-container {
        position: fixed;
        overflow: hidden; 
        bottom:0px;/*in order to contain content */
        /*    The initial styles: */
        /*border-radius: 25px;*/
        /*background: red;
    left: 50px;
    bottom: 50px;
    width: 50px;
    height: 50px;*/
        /* TRANSITION TO THE RESCUE */
        transition: 0.7s;
        -webkit-transition: 0.7s;
    }

    /* ADD THIS CLASS WITH JS */
    .isi-container {
        left: 0;
        bottom: 0;
        width: 100vw;
        height: 56vh;
    }

        .isi-container.fullScreen {
            border-radius: 0;    
            left: 0;
            bottom: 0;
            width: 100vw;
            height: 33vh;
        }

    .auto-scroll {
        /*height: 100% !important;*/
        /*min-height: 392px;*/
        min-height: 105px;
    }

    #isi-arrow {
        border: solid #3a6c9d;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        cursor: pointer;
    }

    .right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
/*    ISI FIX*/
    .isi-container.fullScreen .isi-manual {
        height: 14vh;
    }
    .isi-container .isi-manual {
        height: 65%;
    }
    .show-for-large-up{
        height:100%;
    }
    .auto-scroll {
        height: 65% !important;     
    }
}