css - Resizing paper-dialog to default after setting it to fit the window -

i'm working paper-dialog's responsive design. min-width: 320px able make full screen using following style:

paper-dialog {   position: fixed;   top: 0;   left: 0;   right: 0;   padding: 0;   margin: 0; } 

and scrolling accordingly. when screen got larger, want set it's default style. tried style:

paper-dialog {     position: fixed;     top: 5%;     left: 5%;     bottom: 5%;     right: 5%;     padding-bottom: 10%;     margin: 0;     height: 100%;   } 

but closest can want be.

the dialog cropped @ bottom. want revert default style. sorry i'm not css. can :)

what did reversed min-width: 321px max-width: 321px , tried set paper-dialog on full-screen whenever screen 320px. taking time read :d