@media only screen
and (max-device-width: 1000px)
and (-webkit-min-device-pixel-ratio: 2) {
    :root{
        --window-width: 100%;
    }
    html, body, .login-pf-page{
        height:100%;
    }
    .login-pf-page{
        position:relative;
    }
    .header{
        min-height: 50px;
        height: 50px;
        padding: 16px ;
        padding-right:8px;
    }
    .header img{
        max-width: 140px;
    }
    .chip{
        padding:6px;
        margin-right: 0;
    }
    .content-box-caption{
        padding: 12px 0;
    }
    .content-box-head{
        padding:12px 0;
    }
    .content-box-head-icon {
        margin-top: -35px;
        max-width: 70px;
        max-height: 60px;
    }
    .content-box{
        box-shadow: none;
        border:0;
        margin: 0;
    }
    .twoButtons input.btn, .twoButtons .flatButton{
        padding: 14px 0;

    }
    .personalDataForm{
        position:relative;
    }

    .popup-box{
        top:102px;
    }
    .noStepper .popup-box{
        top: 74px;
    }
    .popup-box .content-box-body {
        height: calc(100% - 192px);
    }
    #kc-info-wrapper {
        padding: 0;
        margin: 0;
        border: none;
    }
    .footer.register{
        position: absolute;
        width: 100%;
        bottom: 55px;
    }
    .footer.lastFooter{
        width: 100%;
        bottom: 0px;
    }
    .personalDataForm .footer.lastFooter{
        position:initial;
        bottom: initial;
    }
    #kc-info-wrapper .footer{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .content-box{
        position:initial;
    }
    .progress-bar-box {
      width: 100%;
    }
    progress#step-progress-bar {
        border-radius: 0;
    }
    progress#step-progress-bar::-webkit-progress-bar, progress#step-progress-bar::-webkit-progress-value {
        border-radius: 0;
    }
}

@media only screen and (max-device-width: 600px) and (orientation: landscape) {
    .content-box-head{
        display: none;
    }
    .content-box-caption {
        padding: 0;
    }
    #footer {
        padding-top: 0;
    }
    #kc-form-buttons {
        padding-top: 0;
    }
    .content-box-head h1 {
        padding: 5px 2px 2px 2px
    }
}