@media only screen and (max-width: 767px) {
    /* 1. Vynutíme zobrazení hlavního kontejneru */
    #colorbox {
        display: block  ;
        visibility: visible  ;
        opacity: 1  ;
        
        position: fixed  ;
        width: 94%  ;
        height: auto  ;
        min-height: 300px  ;
        
        left: 3%  ;
        top: 10%  ;
        
        z-index: 10000  ;
        background: #ffffff  ;
        box-shadow: 0 0 50px rgba(0,0,0,0.5)  ;
    }

    #cboxWrapper, #cboxContent, #cboxLoadedContent {
        width: 100%  ;
        height: auto  ;
        background: #ffffff  ;
        display: block  ;
    }

    #cboxLoadedContent {
        max-height: 75vh  ;
        overflow-y: auto  ;
        padding: 20px  ;
        -webkit-overflow-scrolling: touch;
    }

    #cboxClose {
        display: block  ;
        position: absolute  ;
        top: 0  ;
        right: 0  ;
        width: 50px  ;
        height: 50px  ;
        background: red  ; 
        z-index: 10001  ;
    }

    #cboxTopLeft, #cboxTopCenter, #cboxTopRight, 
    #cboxMiddleLeft, #cboxMiddleRight, 
    #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
        display: none  ;
    }
}