


/*****************************************************************/
/*****************************************************************/
@media (min-width:768px) {



.zooml {      
-webkit-transition: all .35s ease-in-out;    
-moz-transition: all .35s ease-in-out;    
transition: all 1s ease-in-out; 
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;
transition-delay: 1s  
} 

.zooml:hover,  
.zooml:active,   
.zooml:focus {
/**adjust scale to desired size, 
add browser prefixes**/
 -webkit-transform-origin: bottom  left;
    -moz-transform-origin: bottom  left;
     -ms-transform-origin: bottom left;
      -o-transform-origin: bottom  left;
       transform-origin: bottom left;
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position: relative;
z-index:100;  
}


.zoomr {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 1s ease-in-out; 
 
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in; 
transition-delay: 1s  
}  


.zoomr:hover,  
.zoomr:active,   
.zoomr:focus {
/**adjust scale to desired size, 
add browser prefixes**/
 -webkit-transform-origin: bottom  right;
    -moz-transform-origin: bottom  right;
     -ms-transform-origin: bottom  right;
      -o-transform-origin: bottom  right;
       transform-origin: bottom  right;
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position: relative;
    
 
z-index:100;  
}


.zoomc {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 1s ease-in-out; 
 
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in; 
transition-delay: 1s  
}    
.zoomc:hover,  
.zoomc:active,   
.zoomc:focus {
/**adjust scale to desired size, 
add browser prefixes**/
 -webkit-transform-origin: bottom  center;
    -moz-transform-origin: bottom  center;
     -ms-transform-origin: bottom  center;
      -o-transform-origin: bottom  center;
       transform-origin: bottom  center;
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position: relative;
    
 
z-index:100;  
}




}

}
/*****************************************************************/
/*****************************************************************/
