/**THE SAME CSS IS USED IN ALL 3 DEMOS**/    
            /**gallery margins**/  
            ul.gallery{    
                margin-left: 3vw;     
                margin-right:3vw;  
            }    

            .zoom {      
                -webkit-transition: all 0.35s ease-in-out;    
                -moz-transition: all 0.35s ease-in-out;    
                transition: all 0.35s ease-in-out;     
                cursor: -webkit-zoom-in;      
                cursor: -moz-zoom-in;      
                cursor: zoom-in;  
            }     

            .zoom:hover,  
            .zoom:active,   
            .zoom:focus {
                /**adjust scale to desired size, 
                add browser prefixes**/
                -ms-transform: scale(1.5);    
                -moz-transform: scale(1.5);  
                -webkit-transform: scale(1.5);  
                -o-transform: scale(1.5);  
                transform: scale(1.5);    
                position: relative;
                z-index:1000;  
                border: 1px;
                border-style: solid;
                border-color: gray;
                
            }


            
            .zoomX2 {      
                -webkit-transition: all 0.35s ease-in-out;    
                -moz-transition: all 0.35s ease-in-out;    
                transition: all 0.35s ease-in-out;     
                cursor: -webkit-zoom-in;      
                cursor: -moz-zoom-in;      
                cursor: zoom-in;  
            }     

            .zoomX2:hover,  
            .zoomX2:active,   
            .zoomX2:focus {
                /**adjust scale to desired size, 
                add browser prefixes**/
                -ms-transform: scale(3.5);    
                -moz-transform: scale(3.5);  
                -webkit-transform: scale(3.5);  
                -o-transform: scale(3.5);  
                transform: scale(3.5);    
                position:relative;
                z-index:1000;
                border: 0.4px;
                border-style: solid;
                border-color: gray;
            }



            /**To keep upscaled images visible on mobile, 
            increase left & right margins a bit**/  
            @media only screen and (max-width: 768px) {   
                ul.gallery {      
                margin-left: 15vw;       
                margin-right: 15vw;
            }

            /**TIP: Easy escape for touch screens,
            give gallery's parent container a cursor: pointer.**/
            .DivName {cursor: pointer}
            }