/* 
    Document   : style
    Author     : Tamara
*/

@media all and (max-width: 680px) {
    .platobnaBrana .login {
        margin-top: 20px;
    }
    .platobnaBrana .desktop {
        display: none;
    }
    .platobnaBrana .mobile {
        display: inline;
    }    
}
@media all and (max-width: 630px) {
    .platobnaBrana .login {
        margin-top: 0;
        box-shadow: none;
    }
    .platobnaBrana {
        background-color: white;
    }
    .platobnaBrana .desktop {
        display: none;
    }
    .platobnaBrana .mobile {
        display: block;
    }    
}
@media all and (max-width: 540px) {
    .platobnaBrana .desktop {
        display: none;
    }   
    .platobnaBrana .mobile {
        display: inline;
    }    
    .platobnaBrana .ui-inputfield.withInfo {
        width: 90%;
    }
    .platobnaBrana .login input {
        text-align: left;
    }
}
@media all and (max-width: 430px) {
    .platobnaBrana .step1 {
        display: none;
    }
    .platobnaBrana #panelGroup {
        padding: 30px 20px;
    }
    .platobnaBrana .ui-outputlabel {
        line-height: 22px;
    }
    .platobnaBrana .desktop {
        display: none;
    }    
    .platobnaBrana .mobile {
        display: inline;
    }    
}
@media all and (max-width: 300px) {
    .platobnaBrana .desktop {
        display: none;
    }     
    .platobnaBrana .mobile {
        display: inline;
    }    
    .platobnaBrana .ui-inputfield .mobile {
        width: 85%;
    }
}