.b-age-check-dialog_holder {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 65010;
    background-color: rgba(0,0,0,.6);
}
.b-age-check-dialog {
    width: 524px;
    min-width: 320px;
    /*height: 316px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*margin: -170px auto 0 auto;*/
    margin: 0 auto;
    background-color: #244640;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.grinvich .b-age-check-dialog {
    background-color: #2d3c55;
}
.b-age-check-dialog_text {
    padding: 1px 20px;
}
.b-age-check-dialog_controls {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 76px;
    width: 100%;
    background-color: #101f1c;
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
}
.grinvich .b-age-check-dialog_controls {
    background-color: #0f1e37
}
.b-age-check-dialog_button {
    border: 1px solid #fff;
    background-color: transparent;
    margin: 0 12px;
    line-height: 28px;
    width: 58px;
    text-align: center;
}
.b-age-check-dialog_button.b-age-check-dialog_button--auto{
    width: auto;
}
.b-age-check-dialog_button:hover {
    border-color: #dcbb25;
    background-color: #dcbb25;
}

@media (max-width: 524px) {
    .b-age-check-dialog {
        width: 100%;
    }
}
@media (max-width: 470px) {
    .b-age-check-dialog {
        /*height: 290px;*/
        font-size: 18px;
        /*margin-top: -145px;*/
    }
}
@media (max-width: 430px) {
    .b-age-check-dialog {
        /*height: 274px;*/
        font-size: 16px;
        /*margin-top: -137px;*/
    }
}
@media (max-width: 390px) {
    .b-age-check-dialog {
        /*height: 300px;*/
        font-size: 15px;
        /*margin-top: -133px;*/
    }
}

@media (max-width: 350px) {
    .b-age-check-dialog {
        /*height: 320px;*/
        font-size: 14px;
        /*margin-top: -129px;*/
    }
}