.vgaleri0 {display:grid;grid-gap:16px;}
.vgaleri0 li {width:100%;height:auto;background:#fff;overflow:hidden;box-shadow: 1px 3px 6px #ccc;border-radius:10px;transition:0.3s;transform:scale(1.0);position:relative;}
.vgaleri0 li:hover {transform:scale(1.1);z-index:5;cursor:pointer;}
.vgaleri0 li img {width:100%;height:auto!important;}
.vgaleri0 li h3 {font-size:16px;padding:20px 10px;text-align:center;}
.vgaleri0 li p {display:none;}

.vgaleri1 {display: grid;grid-auto-rows: 229px;grid-gap: 13px;grid-auto-flow: row dense;grid-template-columns:repeat(4, calc(100% / 4 - 14px + 4px));}
.vgaleri1 li {display: flex;justify-content: space-evenly;align-items: center;}
@media (min-width:990px) {
.vgaleri1 li:nth-child(2) {-webkit-grid-column: span 2;grid-column: span 2;}
.vgaleri1 li:nth-child(3) {-webkit-grid-column: span 2;grid-column: span 2;-webkit-grid-row: span 2;grid-row: span 2;}
.vgaleri1 li:nth-child(4) {-webkit-grid-row: span 2;grid-row: span 2;}
.vgaleri1 li:nth-child(6) {-webkit-grid-column: span 2;grid-column: span 2;}
.vgaleri1 li:nth-child(7) {-webkit-grid-row: span 2;grid-row: span 2;}
.vgaleri1 li:nth-child(13) {-webkit-grid-column: span 2;grid-column: span 2;}
}
.vgaleri1 li {width:100%;height:auto;overflow:hidden;transition:0.3s;position:relative;}
.vgaleri1 li a {width:100%;height:100%;}
.vgaleri1 li img {width:100%;height:100%;object-fit: cover;}
.vgaleri1 li h3 {font-size:16px;padding:20px 10px;text-align:center;position:absolute;z-index: 10;background: rgba(255,255,255,0.9);bottom:-100%;width:100%;margin:0px;transition:0.2s; }
.vgaleri1 li:hover h3 {bottom:0%;}
.vgaleri1 li p {display:none;}

.vgaleri2 {display:grid;grid-gap:12px;}
.vgaleri2 li {width:100%;height:auto;overflow:hidden;position:relative;background:rgba(0,0,0,0.05);padding:10px;border-left:0px solid transparent;border-right:10px solid transparent;}
.vgaleri2 li a {width:100%;height:100%;display:table;}
.vgaleri2 li:hover {border-left:10px solid #333;border-right:0px solid transparent;}
.vgaleri2 li img {width:30%;height:auto!important;float:left;position:relative;padding-right:15px;}
.vgaleri2 li h3 {font-size:16px;padding:0px 10px;text-align:left;width:100%;}
.vgaleri2 li p {width:100%;}

.vgaleri3 {display:grid;grid-gap:16px;}
.vgaleri3 li {width:100%;height:auto;background:#fff;overflow:hidden;box-shadow: 1px 3px 6px #ccc;transition:0.3s;position:relative;}
.vgaleri3 li:hover {}
.vgaleri3 li img {width:100%;height:auto!important;}
.vgaleri3 li h3 {font-size:16px;padding:20px 10px 10px 10px;text-align:center;}
.vgaleri3 li p {padding:0px 20px;text-align:center;}


@media (max-width:990px) {
.vgdef {display:grid;grid-gap:16px;grid-template-columns:repeat(2, calc(100% / 2 - 20px + 12px))!important;}
.vgaleri2 {display:grid;grid-gap:16px;grid-template-columns:repeat(1, calc(100% / 1 - 20px + 20px))!important;}

.vgaleri1 li h3 {bottom:0%;}

}
@media (max-width:550) {
.vgdef {display:grid;grid-gap:16px;grid-template-columns:repeat(1, calc(100% / 1 - 20px + 20px))!important;}

}