

@media only screen and (max-width: 1450px) {
    .center{ width:94%;}
}


@media only screen and (max-width: 1250px) {
    .all{ padding-top:70px; }
}


@media only screen and (max-width: 1150px) {
    .ekranRHeader{ font-size:16px; }
    .ekranLName{ font-size:16px; }
    .ekranRow{ padding-top:30px; }
}


@media only screen and (max-width: 1030px) {
    .ekranRHeader{ font-size:15px; }
    .ekranLName{ font-size:15px; }
    .ekranRow{ padding-top:27px; }
    .ekranL{ width:25%; }
    .ekranR{ width:75%; }
    .columnsContainer{ width:75%; left:25%; }
    .ekranFrame{ width:100%; overflow: scroll; position: relative;}
    .ekranFrame:after{ display:block; content:''; position:absolute; right:0px; top:0px; width:20px; height:100%; z-index:900; 
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .ekranFrameInner{ width:1050px; }

}

@media only screen and (max-width: 950px) {
    .header2{ font-size:15px; }
    .header{ font-size:40px; margin-top:20px; }
    .txt{ width:95%; margin-top:30px; }

    .header3{ font-size:30px; }

    .formFlex{ width:80%; }
}


@media only screen and (max-width: 800px) {
    .formFlex{ width:95%; }

    .gwarancjaLine{ text-align: left; padding-left: 10px;}
}

@media only screen and (max-width: 600px) {
    .formFlex{ width:100% }
    .formLInner{ width:100%; margin-bottom: 8px;}
    .formRInner{ width:100%;}

    .ekranL{ width:20%; }
    .ekranR{ width:80%; }
    .columnsContainer{ width:80%; left:20%; }
}

@media only screen and (max-width: 500px) {
    .all{ padding-top:50px; }

    .header2{ font-size:14px; }
    .header{ font-size:36px; margin-top:20px; }
    .txt{ width:100%; margin-top:30px; text-align:left; }
}


@media only screen and (max-width: 350px) {
    
    .header{ font-size:33px; margin-top:20px; }
}


