.gallery.detail {
    .wall {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        .wall-item {
            max-width: 32%;
            width: 100%;
            display: block;
            margin: 0 0 30px 0;
            padding: 12px;
            background: white;
            border-radius: 3px;
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
            transition: all 220ms;

            @media (max-width: 812px) {
                max-width: 48%;
            }
            @media (max-width: 480px) {
                max-width: 100%;
            }
            &:hover, 
            &:focus {
                box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
                transform: translateY(-5px);
                transition: all 220ms;
            }
            img {
                display: block;
                width: 100%;
                margin: 0 0 16px 0;
            }
            h2 {
                text-align: center;
                font-size: 1.3rem;
                margin: 0 0 5px 0;
                color: #737373 !important;
            }
        }
    }
}
.ContentDetailComponent .detail .mainContent .is-narrow {padding: 0;}