#btntakepic {
    bottom: 0;
}

#btnedit {
    width: 123px;
    height: 36px;
    position: relative;
    /*top: 18px;
    left: 15px;*/
    background-repeat: no-repeat;
    background-size: contain;
}

.mode-edit {
    background-image: url(../img/done-icon.png);
    /*    width: 123px !important;*/
}

.mode-edit-complete {
    background-image: url(../img/edit-icon.png);
    width: 85px !important;
}

/* fabricjs */
.canvas-container {
    width: 100% !important;
    height: auto !important;
}

#c {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
}

.upper-canvas {
    height: auto !important;
    width: 100% !important;
}

/* fabricjs */


@media screen and (max-width: 767px) {
    .canvas-container {
        width: auto !important;
        height: 85vh !important;
    }

    #c {
        position: relative !important;
        height: 75vh !important;
        width: 100% !important;
    }

    .upper-canvas {
        height: 85vh !important;
        width: 100% !important;
    }
}

/* .banner-area {
    background-image: url('../img/thank-you.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 250px;
    height: 100%;
} */