@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) { 

        #lightbox{
            padding-top: 5%;
        }
        #lightbox img{ border: none; 
            clear: both;
            width: 60%;
            height: 60%;
            padding-top: 30%;
            padding-left: 1%;
        } 

}

#lightbox{
   /* padding-top: 2%;
    background-color:#000;
    0padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;*/
}
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; visibility: hidden }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}