@media only screen and (max-width: 999px) {
    /* DRAWING SLIDESHOW */

    #strips-slideshow {
        width: 100%;
        margin: 0 auto;
        text-align: left; 
        color: #aaa;
        padding-top: 140px;
    }

    #strips-slideshow-header { 
        text-align: left; 
        border-bottom: 0.5rem solid #333;
        padding: 0.5rem 1rem;
        margin: 0.3rem 0; 
        overflow: hidden;
    } 

    #strips-slideshow-header div.logo { 
        display: none;
    } 

    #strips-slideshow-header div.form-item { 
        width: 100%;
        margin: 0.6rem 0;
    } 

    #strips-slideshow-header div.form-item input,    
    #strips-slideshow-header div.form-item select { 
        width: auto !important;
    } 

    #drawing-slideshow-header div.form-item select {  
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 0.9rem;
    } 

    #strips-slideshow-header div.form-item label {  
        font-size: 0.9rem;
    } 

    #strips-slideshow-header #strips-slideshow-count {
        float: right;
        text-align: right; 
    }

    #strips-slideshow-header #strips-slideshow-count span.current {
        color: #ccc;
    }

    #strips-slideshow-message {   
        display: none;
        font-size: 1.2rem;
        font-style: italic;
        font-weight: bold; 
        margin-bottom: 1rem;
    } 

    #strips-slideshow-message p { 
        text-align: center; 
    } 

    #strips-slideshow-item { 
        display: none;
    } 

    #strips-slideshow-image {  
        width: 100%;
        text-align: center;
    } 

    #strips-slideshow-image img { 
        border-radius: 10px;
        width: 98%;
    } 

    #strips-slideshow-thumbnails { 
        font-size: 0;
    } 

    #strips-slideshow-thumbnails a {
        display: block;
        width: 33%;
        height: 7rem;
        padding: 5px;
        float: left;
        text-align: center;
    } 

    #strips-slideshow-thumbnails a img {  
        max-width: 100%;
        max-height: 100%;
        border-radius: 10px;
    }   

    #strips-slideshow-control { 
        margin-top: 0.5rem;
        padding: 0 1rem;
        width: 100%;
    } 

    #strips-slideshow-info { 
        padding: 0.5rem 1rem; 
        margin-bottom: 0.3rem; 
        border-radius: 0.3rem; 
        background: #222; 
        color: #aaa;  
    } 

    #strips-slideshow-info h3 { 
        padding-top: 0;
        margin-top: 0;
    } 

    #strip-author-links {   
        font-size: 0.9rem;
        font-style: italic;
    } 

    #strips-slideshow-info p { 
        text-align: left;
    } 

    #strips-slideshow-button-prev,
    #strips-slideshow-button-next {
        width: 49%;
        float: left;
        display: block;
        padding: 1rem;
        border-radius: 0.4rem;
        font-weight: bold;
        border: 6px solid #333;
        background: #111;
        color: #ccc;
    }

    #strips-slideshow-button-next {
        float: right;
        text-align: right;
        border-color: #666;
        background: #333;
        color: #ccc;
    }

    #strips-slideshow-button-prev:hover,
    #strips-slideshow-button-next:hover {
        border-color: #aaa;
        color: #eee;
    }

    #strips-slideshow-thumbnails-link {
        text-align: center;
        padding: 1rem;
    }

    #strips-slideshow-site-info { 
        padding: 0.5rem 1rem;
        color: #888;  
        font-size: 0.8rem;
        border-top: 3px solid #222;
    } 

    #strips-slideshow-loading { 
        background: rgba(0, 0, 0, 0.9);
        width:      100%;
        height:     100%; 
        z-index:    10;
        top:        0; 
        left:       0; 
        position:   fixed; 
    }

    #strips-slideshow-loading div { 
        padding: 2rem;
        padding-top: 200px;
        text-align: center;
        border-radius: 5px; 
        color: #aaa; 
        font-size: 1.5rem;
        font-weight: bold;
        opacity: 0.95;
    }
}