.album-previewer{
    /*background:#f9fafb;
    border:#f9fafb solid;*/
    border-radius:10px;
    text-align:center;
    display:grid;
    width:fit-content;
    margin: 0 auto;
    background-image: linear-gradient(135deg, #ffffff 26.79%, #f4f4f4 26.79%, #f4f4f4 50%, #ffffff 50%, #ffffff 76.79%, #f4f4f4 76.79%, #f4f4f4 100%);
    background-size: 39.60px 39.60px;
}

.album-previewer .main-pic {
    max-width: 250px;
    width: 98%;
    margin: 2px 0 2px;
    padding:0;
    border-radius: 5% 5% 0 0;
}

/* old way. Could be restored. */
.album-previewer .rows {
    max-width: 293px;
    width: 98%;
    display: grid;
    /*grid-auto-rows: 66px;*/
    grid-template-columns: repeat(3, 1.3fr);
    margin: 1px auto 0;
    padding:0 !important;
    column-gap: 0px;
    row-gap: 0px;
    /*background-image: linear-gradient(135deg, #ffffff 26.79%, #f4f4f4 26.79%, #f4f4f4 50%, #ffffff 50%, #ffffff 76.79%, #f4f4f4 76.79%, #f4f4f4 100%);
    background-size: 39.60px 39.60px;*/
}

.photoNavigator {
    background-image: linear-gradient(135deg, #ffffff 26.79%, #f4f4f4 26.79%, #f4f4f4 50%, #ffffff 50%, #ffffff 76.79%, #f4f4f4 76.79%, #f4f4f4 100%);
    background-size: 39.60px 39.60px;
}
.album-previewer .wrapper {
   /*max-width: 293px;
    width: 98%;*/
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start; /* vertical align */
    margin: 1px auto 0;
    padding:0 5px 0 10px !important;
    column-gap: 0;
    row-gap: 0;
    
}

/* old way. Could be restored. */
.album-previewer .rows img {
    max-width: 95px;
    /*max-height: 65px;*/
    width:100%;
    margin:0;
    padding:0;
}

.album-previewer .wrapper .sec_picture{
    display:flex;
    column-gap: 10px;
    row-gap: 5px;
}

.album-previewer .wrapper img {
    max-width: 95px;
    /*max-height: 65px;*/
    width:100%;
    margin:0;
    padding-left:1px;
    display:flex;
    align-self: stretch;
}

.img-thumbnail{
    padding: 0;
    border: 0;
}

@media all and (min-width: 576px){
    .album-previewer .wrapper {
        flex-wrap:wrap;
        
    }

    .img-thumbnail {
        padding: .25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: .25rem;
        max-width: 100%;
        height: auto;
    }
}

@media screen and  (min-width: 768px) {

}

/* Here starts the desktop version */
@media screen and  (min-width: 992px) {
    .album-previewer .wrapper {
        padding: 0 0 0 15% !important;
        align-content: center;
    }
    
}

@media screen and  (min-width: 1200px) {
    .album-previewer .wrapper {
        padding: 0 0 0 15% !important;
    }

    .album-previewer .wrapper img {
        max-width: 100px;
    }
}