/* Make light box fit when view on mobile device screen */

/*----------------------------*/
@media screen and (max-width: 500px) {
	
	#lightbox-container-image-box {
		width: 320px !important;
		height: 100% !important;
	}
	
	#lightbox-container-image {
		width: 100%;
		box-sizing: border-box;
	}
	
	#lightbox-image {
		width: 100% !important;
	}
	
	/*keeps Prev & Next buttons contained in image; allows CLOSE button to function*/
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {  
		height: 100% !important;
	}
	
	#lightbox-container-image-data-box {  /*caption*/
		width: 320px !important;
		padding: 0;
	}
	
	#lightbox-secNav-btnClose {  /*CLOSE button*/
		padding-right: 10px;
	}
}