#lightboxCompletePattern {
    display: none;
}

    #lightboxCompletePattern .message-wrapper {
        display: none;
        height: 68vmin;
    }

    #lightboxCompletePattern .naveen-wrapper {
        display: none;
    }

    .complete-wrapper {
        position: relative;
        width: 68vmin;
    }

        .complete-row {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin: 1vmin 0;
        }

            .complete-parade {
                width: calc(100% - 16vmin);
                align-items: center;
                justify-content: space-between;
            }

                .complete-parade img {
                    width: 11vmin;
                }

                #completeRow2 img:nth-of-type(2n-1) {
                    width: 7vmin;
                }

                #completeRow3 img:nth-of-type(2n-1) {
                    width: 7vmin;
                }

                #completeRow3 img:nth-of-type(2n) {
                    width: 7vmin;
                }

            .complete-blank {
                width: 11vmin;
                height: 11vmin;
                background-color: #fff;
                border-radius: 1vmin;
                margin-left: 5vmin;
            }

                .complete-blank.ui-state-hover {
                    animation-name: pulse;
                    animation-duration: 1s;
                    animation-fill-mode: both;
                    animation-iteration-count: infinite;
                    background-color: #fff;
                    opacity: .9;
                    z-index: 1;
                }

        .complete-row-draggable {
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin-top: 5vmin;
            z-index: 10;
            position: relative;
        }

            .complete-draggable {
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 11vmin;
                height: 11vmin;
                cursor: pointer;
            }

                #completePenguin {
                    background-image: url("../img/penguin.png");
                }

                #completeGiraffe {
                    background-image: url("../img/giraffe.png");
                }

                #completeElephant {
                    background-image: url("../img/elephant.png");
                }

@media(max-height: 800px ) and (orientation: landscape) {

}

@media(max-width: 600px) and (orientation: portrait) {
    #lightboxCompletePattern .message-wrapper {
        height: 112vmin;
    }

    #lightboxCompletePattern .message-wrapper h1 {
        margin-top: 0;
    }

    .complete-wrapper {
        width: 85vmin;
    }

    .complete-parade img {
        width: 15vmin;
    }

    .complete-blank {
        width: 15vmin;
        height: 15vmin;
    }

    .complete-draggable {
        width: 15vmin;
        height: 15vmin;
    }
}