/*---- GALLERY ---*/
.gallery{ padding:0px; z-index:10; display: block; float: left; margin: 5px auto; } 
.gallery.in_head_block{ margin: 45px auto 10px; } 
.gallery a{display:inline-block; position:relative;  padding:0px; margin:0px;   text-shadow:none;  }
.gallery a:hover { } 

.gallery a span { display:none; background-image:url(../gallery/zoom.webp);  background-repeat:no-repeat; background-size:  28px 28px; width:28px; height:28px; position:absolute; bottom: 17px; right:17px; z-index:15; }
.gallery a:hover span { display:block; z-index:15;}

.gallery a img{width:200px; display: block; position: relative; margin:5px; padding:5px; background:#fff;  z-index:10;  
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;
-webkit-box-shadow: 0px 0px 20px rgba(82,84,90,.1); -moz-box-shadow: 0px 0px 20px rgba(82,84,90,.1); box-shadow: 0px 0px 20px rgba(82,84,90,.1); }
.gallery a img:hover { -webkit-box-shadow: 0px 0px 10px rgba(82,84,90,.4); -moz-box-shadow: 0px 0px 10px rgba(82,84,90,.4); box-shadow: 0px 0px 10px rgba(82,84,90,.4);}

.gallery a img.small {width:170px; margin:2px; padding:2px;}


/*---------------------------------
Responsive Grid Media Queries
-----------------------------------*/

@media all and (min-width: 1024px) and (max-width: 1280px) {

     
.gallery a img{width:180px; margin:3px; padding:4px; }
.gallery a img.small {width:140px; }

}


@media all and (min-width: 768px) and (max-width: 1024px) {

.gallery a img{width:170px; margin:2px; padding:3px; }
.gallery a img.small {width:110px; }

}


@media all and (min-width: 480px) and (max-width: 768px) {

.gallery.in_head_block{ margin: 15px 10px 20px; } 

.gallery a img{width:220px; margin:3px; padding:4px; }
.gallery a img.small {width:215px; }

}


@media all and (max-width: 480px) {

.gallery a span { background-size:  25px 25px; width:25px; height:25px; bottom: 15px; right:15px; }

.gallery.in_head_block{ margin: 15px 10px 20px; } 

.gallery a img{width:170px; margin:3px; padding:4px; }
.gallery a img.small {width:175px; }

}


@media all and (max-width: 320px) {

.gallery a span { background-size:  20px 20px; width:20px; height:20px; bottom: 15px; right:15px; }

.gallery.in_head_block{ margin: 7px 10px 15px; } 

.gallery a img{width:135px; margin:2px; padding:2px; }
.gallery a img.small {width:140px; }

}