.gallery-wrapper{max-width:75%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fit,1fr);column-gap:2rem;row-gap:1rem;justify-items:space-evenly;margin-left:12.5%}.image-container{align-self:center}.images-for-gallery:hover{cursor:pointer;object-fit:cover;transform:scale(1.2)}.images-for-gallery{max-block-size:18rem;width:100%;object-fit:cover}@media screen and (min-width: 1501px) and (max-width: 1700px){.images-for-gallery{max-block-size:15.1rem;width:100%;object-fit:cover}}@media screen and (min-width: 1321px) and (max-width: 1500px){.images-for-gallery{max-block-size:15rem;width:100%;object-fit:cover}.gallery-wrapper{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fit,1fr);margin-left:12.5%}}@media screen and (min-width: 1189px) and (max-width: 1320px){.images-for-gallery{max-block-size:13rem;width:100%;object-fit:cover}.gallery-wrapper{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fit,1fr);margin-left:12.5%}}@media screen and (min-width: 990px) and (max-width: 1188px){.images-for-gallery{max-block-size:13rem;width:100%;object-fit:cover}.gallery-wrapper{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fit,1fr);margin-left:12.5%}}@media screen and (min-width: 750px) and (max-width: 989px){.images-for-gallery{max-block-size:13rem;width:100%;object-fit:cover}.gallery-wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fit,1fr);margin-left:12.5%}}@media screen and (min-width: 457px) and (max-width: 749px){.images-for-gallery{max-block-size:20rem;width:100%;object-fit:cover}.gallery-wrapper{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(auto-fit,1fr);margin-left:12.5%}}@media screen and (min-width: 366px) and (max-width: 457px){.images-for-gallery{max-block-size:15rem;width:100%;object-fit:cover}.gallery-wrapper{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(auto-fit,1fr);margin-left:12.5%}}@media screen and (min-width: 150px) and (max-width: 365px){.images-for-gallery{max-block-size:13rem;width:100%;object-fit:cover}.gallery-wrapper{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(auto-fit,1fr);margin-left:12.5%}}#holder{width:100vw;height:100vh;position:relative;touch-action:none}#gallery-container{align-self:center;justify-items:center;background-color:#000000e6;position:fixed;z-index:1;width:100vw;height:100vh;top:0;left:0}#close-gallery{background-color:#000;color:#e72930;font-size:2rem;width:4rem;text-align:center;cursor:pointer;transform:scale(1.1);border-radius:.5rem;position:fixed;top:10%;right:5%;z-index:2}#close-gallery:hover{transform:scale(1.5);display:block}#left-picker{background-color:#000;color:#e72930;font-size:3rem;width:4rem;text-align:center;cursor:pointer;transform:scale(1.2);border-radius:.5rem;position:fixed;top:50%;left:5%;z-index:2;opacity:0;transition:opacity 1s}#right-picker{background-color:#000;color:#e72930;font-size:3rem;width:4rem;text-align:center;cursor:pointer;transform:scale(1.2);border-radius:.5rem;position:fixed;top:50%;right:5%;z-index:2;opacity:0;transition:opacity 1s}#left-picker:hover,#right-picker:hover{transform:scale(1.5);display:block}#gallery-image-current{display:flex;position:relative;max-width:100%;max-height:100%}#image-current{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}#gallery-container:hover #left-picker,#gallery-container:hover #right-picker{opacity:1}@media screen and (min-width: 990px) and (max-width: 1188px){#right-picker,#left-picker,#close-gallery{background-color:#0000001a}}@media screen and (min-width: 750px) and (max-width: 989px){#right-picker,#left-picker,#close-gallery{background-color:#0000001a}}@media screen and (min-width: 458px) and (max-width: 749px){#right-picker,#left-picker,#close-gallery{background-color:#0000001a}}@media screen and (min-width: 366px) and (max-width: 457px){#right-picker,#left-picker,#close-gallery{background-color:#0000001a}}@media screen and (min-width: 299px) and (max-width: 365px){#right-picker,#left-picker,#close-gallery{background-color:#0000001a}}@media screen and (min-width: 150px) and (max-width: 298px){#right-picker,#left-picker,#close-gallery{background-color:#0000001a}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/blog-image-gallery.css.map */