.galery {
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    height: auto;
    max-width: 980px;
}
.galery .item {
    display: inline-block;
    width: 30%;
}

.galery div {
    width: 300px;
    background-size: cover;
    background-position: 50% 50%;
   height: 280px;
   margin: 10px 5px 10px 5px;
   border-radius: 20px;
   -webkit-box-shadow: -6px 1px 15px 0px rgba(71, 50, 50, 0.88);
-moz-box-shadow:    -6px 1px 15px 0px rgba(71, 50, 50, 0.88);
box-shadow:         -6px 1px 15px 0px rgba(71, 50, 50, 0.88);
transition: all 0.5s ease-in-out;
margin: 0 auto;
}

.galery div:hover {
  -o-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}

.galery .div:nth-child(1n + 4) {
    margin-top: 0;
}

@media all and (max-width: 920px) {
  .galery {
    width: 100%;
    transform: translateX(30px);
  }
    
    .galery .item {
        display: inline-block;
        width: 45%;
        margin: 10px 5px 10px 5px;
    }
}


/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
  
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  /* overlay animate in */
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
  }
  /* overlay animate out */
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  
  /* content at start */
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
  
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
  }
  /* content animate it */
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  /* content animate out */
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }