.grid-item{width:50%}.grid-item .title{font-size:16px;font-weight:400;line-height:1.5;text-transform:capitalize;margin-top:8px}.grid.style1 .grid-item{width:360px;margin-bottom:24px}.grid.style1 .grid-item.masonry--item-right-large{width:760px}.grid.style2{display:flex;flex-wrap:wrap;gap:10px}.grid.style2 .grid-item{width:auto}.grid.style2 .grid-item img{height:190px;display:block}.grid.style2 .grid-item:nth-child(n+5) img{height:350px}.grid.style3{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:20px}.grid.style3 .grid-item{width:100%}.grid.style3 .grid-item img{display:block}.grid.style4{display:flex;flex-wrap:wrap;gap:20px}.grid.style4 .grid-item{width:270px}.grid.style4 .grid-item:last-child{width:calc(100% - 290px)}.grid.style4 .images{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:0px}.grid.style4 .images img{min-height:356px;max-height:356px;object-fit:cover}.grid.style4 .grid-item:last-child .title{margin-top:18px}@media screen and (max-width: 1280px){.grid.style1 .grid-item{width:320px}.grid.style1 .grid-item.masonry--item-right-large{width:calc(100% - 320px)}.grid.style2 .grid-item img{height:165px}.grid.style2 .grid-item:nth-child(n+5) img{width:100%;height:100%}}@media screen and (max-width: 1024px){.grid.style1 .grid-item{width:270px}.grid.style1 .grid-item.masonry--item-right-large{width:calc(100% - 250px)}.grid.style2 .grid-item img{height:160px}.grid.style2 .grid-item:nth-child(n+5) img{height:300px}}@media screen and (max-width: 991px){.grid.style1 .grid-item{width:25%}.grid.style1 .grid-item.masonry--item-right-large{width:75%}.grid.style2 .grid-item img{height:155px}.grid.style2 .grid-item:nth-child(n+5) img{height:290px}.grid.style3{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 767px){.grid.style1 .grid-item,.grid.style1 .grid-item.masonry--item-right-large{width:100%}.grid-item .title{font-size:14px}.grid.style2{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:10px}.grid.style2 .grid-item img{width:100%;height:150px;object-fit:cover}.grid.style3{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:20px}.grid.style4 .grid-item{width:calc(50% - 10px)}.grid.style4{flex-direction:column}.grid.style4 .grid-item:last-child{width:100%}.grid.style4 .images img{min-height:auto;max-height:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-masonry.css.map */