.wdh-frm {
    display: block;
    box-sizing: border-box;
    width: max-content;
    background-color: white;
    margin: 20px auto;
    box-shadow: 0 0 2px 1px rgba(10, 10, 10, .3);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 10px 0;
}

.jdl-frm {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 10px 20px;
}


.brs {
    margin: 10px 20px;
    min-height: 60px;
    position: relative;
}

.jdl-isn {
    padding: 0;
    height: 20px;
    line-height: 20px;
}

.brs input:not([type="checkbox"]):not([type="radio"]) {
    width: 300px;
    height: 40px;
}

.brs-lbl {
    margin: 10px 20px;
}

.brs-lbl label {
    cursor: pointer;
}

.wdh-tmb {
    text-align: right;
    margin: 10px 20px;
}

.wdh-tmb button {
    width: 100px;
    height: 40px;
}

.plh {
    position: absolute;
    z-index: 1;
}

:root {
    --plh-ukr: 40px;
}

@media only screen and (max-width: 767px) {
    .wdh-frm {
        margin: 5vw auto;
        box-shadow: 0 0 .6vw .3vw rgba(10, 10, 10, .3);
        border-radius: 1.5vw;
        -webkit-border-radius: 1.5vw;
        -moz-border-radius: 1.5vw;
        -ms-border-radius: 1.5vw;
        -o-border-radius: 1.5vw;
        padding: 3vw 0;
    }

    .jdl-frm {
        font-size: 6vw;
        margin: 2vw 5vw;
    }

    .brs {
        margin: 2vw 5vw;
        min-height: 15vw;
        position: relative;
    }

    .jdl-isn {
        height: 5vw;
        line-height: 5vw;
    }

    .brs input:not([type="checkbox"]):not([type="radio"]) {
        width: 80vw;
        height: 10vw;
    }

    .brs-lbl {
        margin: 2vw 5vw;
    }

    .wdh-tmb {
        margin: 2vw 5vw;
    }

    .wdh-tmb button {
        width: 20vw;
        height: 10vw;
    }
}