.detailpr-gallery {
    width: 100%;
    overflow-x: auto;
    padding: 0 0 24px;
    margin: 90px 0 76px;
}

@media (max-width: 999px) {
    .detailpr-gallery {
        margin-top: 40px;
        margin-bottom: 60px;
    }
}

@media (max-width: 659px) {
    .detailpr-gallery {
        margin-top: 25px;
        margin-bottom: 0px;
    }
}

.detailpr-gallery::-webkit-scrollbar {
    opacity: 1;
    height: 4px
}

.detailpr-gallery::-webkit-scrollbar-thumb {
    background-color: #bbb;
    opacity: .5;
    border: .5px solid #000;
    border-radius: 1px
}

.detailpr-gallery-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns:repeat(100, 1fr);
    grid-template-rows:312px 250px;
    grid-gap: 40px
}

@media (max-width: 999px) {
    .detailpr-gallery-list {
        grid-row-gap: 28px;
        grid-template-rows:220px 178px
    }
}

.detailpr-gallery-list__item {
    width: 250px;
    overflow: hidden
}

@media (max-width: 999px) {
    .detailpr-gallery-list__item {
        width: 178px
    }
}

.detailpr-gallery-list__item:nth-child(6n+1) {
    width: 330px;
    grid-row: span 2
}

@media (max-width: 999px) {
    .detailpr-gallery-list__item:nth-child(6n+1) {
        width: 240px
    }
}

.detailpr-gallery-list__item:nth-child(6n+2) {
    grid-column: span 2;
    width: 540px
}

@media (max-width: 999px) {
    .detailpr-gallery-list__item:nth-child(6n+2) {
        width: 396px
    }
}

.detailpr-gallery-list__item-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.detailpr-gallery-list__item:focus .detailpr-gallery-list__item-img, .detailpr-gallery-list__item:hover .detailpr-gallery-list__item-img {
    -webkit-transform: translate(0) scale(1.1);
    -ms-transform: translate(0) scale(1.1);
    transform: translate(0) scale(1.1)
}