.xgallery{position:relative;overflow:hidden}
.xgallery-viewport{overflow:hidden;width:100%}
.xgallery-track{display:flex;transition:transform .35s ease}
.xgallery-item{flex:0 0 25%;padding:.5rem;box-sizing:border-box}
.xgallery-item img{width:100%;height:auto;display:block;border-radius:.25rem}
.xgallery-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.4);color:#fff;width:36px;height:36px;border-radius:18px;cursor:pointer}
.xgallery-prev{left:.5rem}
.xgallery-next{right:.5rem}
@media (max-width:1200px){.xgallery-item{flex-basis:25%}}
@media (max-width:992px){.xgallery-item{flex-basis:33.3333%}}
@media (max-width:768px){.xgallery-item{flex-basis:50%}}
@media (max-width:480px){.xgallery-item{flex-basis:100%}}