/* 
    Created on : 11.01.2016, 05:50:03
    Author     : wettstei@helliwood.com
*/
@media (max-width: 1000px) {
    .bookControls .hidden-lg {
        display:block !important;
    }
    
    .bookControls .visible-lg{
        display: none !important;
    }
    .rightLargeOpen #panel-right .switch {
        display: block !important;
    }
}

@media (min-width: 1001px) and (max-width: 1024px) {
    .bookControls .hidden-lg {
        display:none !important;
    }
    
    .bookControls .visible-lg{
        display: block !important;
    }
    
    .rightLargeOpen #panel-right .switch {
        display: block  !important;
    }
}

@media (max-width: 1024px) {
    .viewLeft #panel-left, .viewRight #panel-right,
    .viewLeft, .viewRight {
        width: 60px;
    }
    
    #panel-right .switch {
        right: auto;
        left: -20px;
    }
    
    #panel-left .switch {
        right: -19px;
    }
                
    .leftClose.rightClose .viewMiddle,
    .leftClose .viewMiddle,
    .rightClose .viewMiddle,
    .viewMiddle {
        width: calc(100% - 140px);
    }
    
    .viewLeft #panel-left {
        position: absolute;
        width: 250px;
        z-index: 150;
    }
    
    .viewLeft #panel-left .head,
    .viewLeft #panel-left .register {
        border-right: 1px solid #ccc; 
    }
    
    .viewRight #panel-right {
        width: 200px;
        box-shadow: 0px 2px 2px 2px #ccc;
    }
    .viewRight #panel-right > .head {
        display:none;
    }
    .viewRight #panel-right .mediaView {
        border-top:0px;
        height: 100%;
    }
   
    .bookControls.right {
        width: 35%;
    }
    
    .rightClose .viewRight #panel-right {
        border-bottom-width: 2px;
    }
}

@media (min-width: 1025px) {
    .viewRight .opener,
    .viewLeft .opener {
        display:none;
    }
}

@media (min-width: 1025px) and (max-width: 1045px) {
    .rightClose .bookControls .hidden-lg {
        display:block !important;
    }    
    .rightClose .bookControls .visible-lg {
        display: none !important;
    }
        
    .leftClose .bookControls .hidden-lg {
        display:none !important;
    }    
    .leftClose .bookControls .visible-lg {
        display: block !important;
    }
    
    
    
}

@media (min-width: 1046px) and (max-width: 1199px) {
    .rightClose .bookControls .hidden-lg, 
    .leftClose .bookControls .hidden-lg {
        display:none !important;
    }
    
    .rightClose .bookControls .visible-lg,
    .leftClose .bookControls .visible-lg {
        display: block !important;
    }
    
}