.jqbtk-row {
    text-align: center
}

.jqbtk-container .btn {
    font-size: 1.5em;
    width: 2.2em;
    height: 2em;
    text-align: center;
    margin: 2px;
    border :1px solid black;
}
@media (min-width:300px) and (max-width:700px) {
   
    .popover-body::after{
      overflow: auto;
    }
    .popover-body .jqbtk-container .jqbtk-row {
        display: flex;
        max-width: 94%;
    } 
    .jqbtk-container .btn {
        font-size: 1em;
        width: 2.2em;
        height: 2em;
        text-align: center;
        margin: 2px;
        border: 1px solid black;
        padding: 3px 3px;
    }

    .popover.fade.show.bs-popover-top {
        max-width: 94%;
    }

    .popover {
        max-width: 94% !important;
        /*font-size: 10pt !important;*/
    }

}
    .jqbtk-container .jqbtk-space {
        width: 12em
    }

    .jqbtk-container .jqbtk-shift {
        width: 4.4em
    }

    .jqbtk-container .jqbtk-enter {
        width: 4em
    }

    .popover {
        max-width: 800px
    }

    .keyboard-container {
        overflow: hidden;
        position: relative
    }

        .keyboard-container .popover {
            left: 0 !important;
            top: 0 !important;
            width: 100%;
            height: 100%;
            border: 0
        }
.popover {
	direction:rtl  !important;
    max-width: 100% !important;
}