.kbw-signature {
    width: 400px;
    height: 200px;
}
@media screen and (max-width: 900px) {
    .respText {
        font-size: 10px !important;
    }

    .respText-TextBox {
        font-size: 11px !important;
    }

    .kbw-signature {
        width: 250px;
        height: 170px;
    }

    canvas {
        width: 240px;
        height: 150px;
    }

    .control-label {
        font-size: 10px !important;
    }

    .result-table-res {
        width: 40% !important;
    }

    .fileUploader-res {
        width: 100px !important;
        padding: 5px !important;
    }
    .col-md-12 {
        padding-left: 4px !important;
        padding-right: 0px !important;
    }
    .button-res {
        font-size:8px!important;
    }
}
@media screen and (max-width: 700px) {
    .respText {
        font-size: 10px !important;
    }

    .respText-TextBox {
        font-size: 14px !important;
    }

    .kbw-signature {
        width: 250px;
        height: 170px;
    }

    canvas {
        width: 240px;
        height: 150px;
    }
    .control-label {
        font-size: 10px !important;
    }
    .result-table-res {
        width: 40% !important;
    }
    .fileUploader-res {
        width: 100px !important;
        padding: 5px !important;
    }
}
@media screen and (max-width: 600px) {
    .respText {
        font-size: 10px !important;
    }

    .control-label {
        font-size: 10px !important;
    }

    .respText-TextBox {
        font-size: 14px !important;
    }

    .kbw-signature {
        width: 180px;
        height: 120px;
    }

    canvas {
        width: 170px;
        height: 110px;
    }

    .fileUploader-res {
        width: 100px !important;
        padding: 5px !important;
    }
    .button-res {
        font-size: 9px !important;
        padding: 7px !important;
    }
    .result-table-res {
        width: 40% !important;
    }
}
@media screen and (max-width: 500px) {
    .respText {
        font-size: 10px !important;
    }
    .control-label {
        font-size: 10px !important;
    }
    .respText-TextBox {
        font-size: 14px !important;
    }

    .kbw-signature {
        width: 180px;
        height: 120px;
    }

    canvas {
        width: 170px;
        height: 110px;
    }
    .fileUploader-res {
        width: 100px!important;
        padding: 5px!important;
    }
    .button-res {
        font-size: 9px!important;
        padding: 7px!important;
    }
    .result-table-res{
        width:40%!important;
    }
    .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
        max-width: 80% !important;
        max-height: 5rem !important;
    }
    /*#sidenav-main{
        width:46px;
    }
    #main{
        margin-left:35px!important;
    }*/
    /*#btncloseNav{
        display:none!important;
    }
    #btnOpenNav {
        display: block !important;
    }*/
}
@media screen and (min-width:700px) and (max-width: 900px) {
    .navbar-vertical.navbar-expand-xs {
        width: 120px !important;
    }
    #main {
        margin-left: 120px !important;
    }
    .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
        max-height: 5rem!important;
    }
}