.g1-gallery-sidebar {
    .g1-gallery-ad {
        display: none;
        width: 100%;
        margin-bottom: 10px;

        .adace-slot {
            height: 250px;
        }
    }

    .g1-gallery-thumbnails {
        @include display(flex);
        @include flex-direction(column);
        @include flex-grow(1);
        width: 100%;
        max-height: 420px;

        position: relative;

        text-align:center;


        .g1-gallery-thumbnails-collection{
            overflow:hidden;
            @include display(flex);
            @include flex-wrap(wrap);
            @include flex(1 0 auto);
            width: 100%;

            position: absolute;
            top: 0;
            bottom: 0;
            #{$left}: 0;
            #{$right}: 0;

            .g1-gallery-thumbnail {
                display: inline-block;
                width: percentage(1/3);

                position: relative;

                img {
                    display: block;
                }
            }
        }
    }
}

@media only screen and ( min-width: 1025px ) {
    .g1-gallery-sidebar {
        @include display(flex);
        @include flex(0 0 auto);
        @include align-items(flex-start);
        @include flex-direction(column);
        width: 300px;
        padding: 10px;

        .g1-gallery-ad {
            display: block;
        }
    }
}