@media only screen and (max-width: 1360px) {

    .all{background:url('../img/image-hero.png') center top no-repeat; background-size:1735px; }

    .container{ width:1000px; }

    .top-L{ width:56%; }
    .top-R{ padding-top: 170px; width: 44%;}
    .top-odbierz img{ width:111%; }

    .top-header{ font-size:42px; margin-top:93px; }
    .top-sub-header{ font-size:42px; }

    .top-odbierz{ width:85%; margin-left: 14%;}

    .top-txt-small{ width:500px; }

    .top .logo{ width:184px; }



    .bonus-bloki::before {right: -235px; width: 284px; height: 253px; top: -241px; background-size: 264px;}
    .bonus-bloki::after { left: -201px; width: 179px; height: 219px; bottom: -1px; background-size: 180px;}

    .bonus-bloki .bonus-blok .dopisek{ font-size:20px; }

    .section-zyskaj .column-R{ padding-top:12%; }
    .section-korzysci .column-R:nth-child(1);{ padding-top:6%; }

    .pixel{ position:absolute; width:93px; }
    .pixel.pixel-twojekonto{ left:-165px; top:25%; }
    .pixel.pixel-columns1{ left:-185px; top:3%; }
    .pixel.pixel-columns2{ left:-185px; top:18%; }


    .korzysci-pixel2{ width:107px; top:5px; left:-129px; }
    .korzysci-pixel1{ right: -80px; top: -112px; width: 289px; }
    .section-korzysci .section-txt { font-size: 22px; width: 49%; }

    .section-content.section-korzysci, .section-content.section-korzysci ul{ font-size:19px; }


    .section-kontoplus .column-R{ width:39%; }

    .pixel.pixel-oszczedzaj{ left: -215px; top: -2%; width: 183px;}

    .prefooter-column-3{ width:310px; }

    .section-wolnosc .column-R img{ margin-top: 250px;}


    .color-columns{ width:104%; margin-left:-2%; }
    .color-column .box{ font-size:18px; padding-left:90px; }

    .section-limitowanakarta .column-L img{ width:120%; margin-left:-20%; }

    .section-oszczedzaj .column-R img { width: 150%;}


    .pixel.pixel-appka{ width:188px; }
    .appka-R img { width: 173%; left: -55%; top: 40px;}

    .bonus-bloki .bonus-blok1 .sprawdz{ padding-right:165px; }

    .column-R-kontonastolatkowi img{ margin-left:50px; }
}



@media only screen and (max-width: 1050px) {

    .all{background:url('../img/image-hero.png') center top no-repeat; background-size:1610px; }

    
    .container{ width:850px; }

    ul li, ol li{ margin-left: 27px;}
    ul li:after, ol li:after{ left:-27px; top:7px; }

    .top .logo{ left:-0px; width:170px; }
    .top-L{ padding-left:0px; }
    .top-R{ padding-top: 163px;}
    .top-odbierz{ width:95%; }

    .top-header{ font-size:40px; width:700px; margin-top:88px; }
    .top-sub-header{ font-size:40px; width:700px; }

    .top-txt{ font-size:17px; }


    .top-odbierz img{ width:100%; }

    .column-header{ font-size:52px; }

    .section-zyskaj .column-R img{ width:120%; }
    .section-jakodebrac .column-L img{ width:118%; left:-20%; }
    .section-korzysci .column-R img{ width:102%; }
    .section-oszczedzaj .column-L img{ width:118%; left:-22%; }
    .section-twojekonto .column-R img{ width:129%; }
    .appka-R img{ width:186%; left:-65%; }

    .section-wolnosc .column-R img{ width:135%; margin-top: 280px; }

    .bonus-bloki .bonus-blok1{ width:53%; }
    .bonus-bloki .bonus-blok .header img{ width:190px; }
    .bonus-bloki .bonus-blok2{ width:42%; }
    .bonus-bloki .bonus-blok .txt .bold{ font-size:25px; }
    .bonus-blok-obraczki{ width:190px; }
    .bonus-bloki .bonus-blok .txt{ margin-bottom:35px; }

    .bonus-bloki::before { right: -207px; width: 284px; height: 253px; top: -271px; background-size: 236px; }
    .bonus-bloki::after { left: -174px; width: 179px; height: 219px; bottom: -1px; background-size: 162px;}



    .section-zyskaj .section-txt{ width:100%; }


    .pixel{ position:absolute; width:93px; }
    .pixel.pixel-twojekonto{ left:-165px; top:25%; }
    .pixel.pixel-columns1{ left:-185px; top:3%; }
    .pixel.pixel-columns2{ left:-185px; top:18%; }


    .pixel.pixel-oszczedzaj { left: -185px; top: -2%; width: 158px;}
    .pixel.pixel-appka{ width:161px; top:0%; }

    .korzysci-pixel2{ width:90px; top:5px; left:-104px; }
    .korzysci-pixel1{ width: 251px; }

    .section-korzysci .section-txt{ width:60%; }



    .prefooter-column-1{ width:30%; padding-left:90px; padding-top:10px; font-size:13px; background: url('../img/award-tdb.svg') no-repeat left top; background-size:70px; min-height:90px; }
    .prefooter-column-2{ width:34%; padding-left:100px; padding-top:15px; font-size:13px; background: url('../img/award-mobiletrends.svg') no-repeat left top; background-size:80px; min-height:100px; }
    .prefooter-column-3{ width:30%; }



    .column-R-kontonastolatkowi img{ margin-left:19px; width:106%; }
    .header-nastolatkowi{ width:auto; }

}


@media only screen and (max-width: 920px) {

    .all{background:url('../img/image-hero-mobile-x2.png') center top no-repeat; background-size:1280px; background-position:top center; }
    .container{ width:720px; }

    ul li, ol li{ margin-left: 27px;}
    ul li:after, ol li:after{ left:-27px; top:7px; }

    .top .logo{ left:-0px; width:180px; }
    .top-odbierz{ width:70%; left:10px; position:relative; margin-top: 247px;}

    .top-header{ font-size:42px; width:500px; margin-top:90px; }
    .top-sub-header{ font-size:42px; width:400px; }
    .top-flex{ flex-direction:column; }
    .top-txt{ font-size:22px; width:100%; margin-top:44px; color: #000;}
    .top-txt span{ font-size:22px; width:320px;  }
    .top-L{ width:80%; position:relative; }
    .top-R{ width:100%; padding-left: 0px; display: none;}
    .top-txt ul{ margin-bottom: 0px;}
    .top-txt ul li:after, ol li:after{ background:#FFC324;}
    .top-odbierz-R{ display:block; }

    .top-cta{ position:relative; left:0%; }

    .column-flex{ flex-direction:column; }
    .column-flex .column-L, .column-flex .column-R{ width:100%; }

    .column-header{ font-size:55px; }

    .bonus-bloki::before{ display:none; }
    .bonus-bloki::after{ display:none; }
    

    .cta-container{ text-align:center; }

    .column-R-zyskaj{ display:none; }
    .foto-zyskaj-R{ display:block; width:85%; margin-bottom:40px; }
    .foto-zyskaj-R img{ width:100%; display:block; }


    .column-L-jakodebrac{ display:none; }
    .foto-jakodebrac-R{ display: block; width:83%; margin-bottom:50px; }
    .foto-jakodebrac-R img{ display: block; width:100%; }


    .column-R-korzysci{ display:none; }
    .foto-korzysci-R{ display:block; width:68%; margin-left:8%; margin-bottom:40px; }
    .foto-korzysci-R img{ display:block; width:100%;  }
    .section-korzysci .section-legal{ margin-top:40px; }


    .section-limitowanakarta .column-L img{ width:104%; margin-left:-5%; }



    .column-L-oszczedzaj{ display:none; }
    .foto-oszczedzaj-R{ display:block; width:82%; margin-left:5%; margin-bottom:40px; }
    .foto-oszczedzaj-R img{ display:block; width:100%; }

    .column-R-wolnosc{ display:none; }
    .foto-wolnosc-R{ display:block; width:98%; margin-left:0%; margin-bottom:60px; }
    .foto-wolnosc-R img{ display:block; width:100%;  }
    .section-wolnosc .column-L{ padding-bottom: 30px; }


    .bonus-bloki-container{ top:0px; margin-top:40px; }
    .bonus-bloki .bonus-blok{ width:75%; min-height:1px; height:auto; margin-bottom:40px; padding-top:20px; margin-left: 0px;}
    .bonus-bloki .bonus-blok .header{ display:flex; margin-bottom: 10px; }
    .bonus-bloki .bonus-blok .header .kwota{ }
    .bonus-bloki .bonus-blok .header .kwota img{ width:230px; }
    .bonus-bloki .bonus-blok-empty{ display:none; }
    .bonus-bloki .bonus-blok .dopisek{ width: min-intrinsic;  width: -webkit-min-content;  width: -moz-min-content;  width: min-content;  display: table-caption;  display: -ms-grid;  -ms-grid-columns: min-content; text-align: right; font-size: 24px; padding-right: 20px;}
    .bonus-bloki .bonus-blok2{ margin-left:0px; margin-bottom: 0px;}

    .korzysci-pixel1{ width:280px; }
    .korzysci-pixel2{ display:none; }

    .section-kontoplus .column-header{ width:80%; }

    .column-R-kontoplus{ display:none; }
    .foto-kontoplus-R{ display:block; width:75%; margin-left:12%; margin-bottom:30px; }
    .foto-kontoplus-R img{ display:block; width:100%; }

    .column-R-twojekonto{ display:none; }
    .foto-twojekonto-R{ display:block; width:89%; margin-left:5%; margin-bottom:40px; }
    .foto-twojekonto-R img{ display:block; width:100%; }


    .column-R-oszczedzaj{ display:none; }

    .section-kolumny .column-header{ text-align:left; }
    .section-kolumny .column-header span{ display:block; }


    .color-column{ background:none !important; }
    
    .color-columns{ flex-direction:column; width:330px; margin-left:auto; margin-right:auto; }
    .color-column{ flex-basis: 24%; box-sizing: border-box; border: 2px solid #FFC324; margin-bottom: 20px;}
    
    .color-column.color-column-header{ background:none; }


    .column-legal{ font-size:14px; margin-top:15px; }

    .section-twojekonto .column-L{ margin-top:0px; padding-top:0px; }


    .appka-R{ display:none; }
    .foto-appka-R{ display:block; width:86%; margin-left:6%; }
    .foto-appka-R img{ display:block; width:100%; }

    .column-flex-prefooter{ flex-direction:column-reverse; }
    .prefooter-column-1{ width:52%; padding-left:105px; padding-top:20px; font-size:13px; background: url('../img/award-tdb.svg') no-repeat left top; background-size:90px; min-height:90px; margin-bottom:20px; }
    .prefooter-column-2{ width:51%; padding-left:110px; padding-top:15px; font-size:13px; background: url('../img/award-mobiletrends.svg') no-repeat left top; background-size:100px; min-height:120px; margin-bottom:20px; }
    .prefooter-column-3{ width:50%; margin-bottom:40px; }

    .column-R-kontonastolatkowi{ display:none; }
    .foto-kontonastolatkowi-R{ display:block; }
    .foto-kontonastolatkowi-R img{ width:78%; display:block;  margin-left: 11%; margin-bottom: 40px;}
}


@media only screen and (max-width: 755px) {

    .pixel{ display: none;}

    .all{background:url('../img/image-hero-mobile2.png') center top no-repeat; background-size:900px; background-position:top -25px center; }
    .container{ width:330px; }

    ul li, ol li{ margin-left: 27px;}
    ul li:after, ol li:after{ left:-27px; top:7px; }

    .top .logo{ left:-0px; width:160px; }
    

    .top-header{ font-size:32px; width:320px; margin-top:65px; }
    .top-sub-header{ font-size:32px; width:300px; }
    .top-flex{ flex-direction:column; }
    .top-txt{ font-size:18px; width:300px; }
    .top-txt span{ font-size:19px; width:230px;  }
    .top-L{ width:100%; position:relative; }
    .top-R{ width:100%; padding-left: 0px; display: none;}
    .top-txt ul li:after, ol li:after{ background:#FFC324;}
    .top-odbierz-R{ display:block; width: 100%; left: -16%; position: relative; margin-top: 262px;}

    .top{ padding-bottom:20px; }

    .top-txt-small{ width:100%; }
    
    .section-zyskaj .column-header{ margin-bottom:0px; }
    .section-zyskaj .column-L{ padding-top:0px; }

    .bonus-bloki .bonus-blok{ width:100%; }
    .bonus-bloki .bonus-blok .header{ padding:20px 9px; margin-bottom:15px; }
    .bonus-bloki .bonus-blok .header .kwota img{  }
    .bonus-bloki .bonus-blok{ padding-top:5px; }
    .bonus-bloki .bonus-blok .dopisek{ font-weight:600; font-size:18px; }
    .bonus-bloki .bonus-blok .header .kwota img{ width:160px; margin-right:10px; }
    .bonus-bloki .bonus-blok .dopisek{  padding-top:0px; font-size: 20px;}

    .bonus-blok-obraczki{ width:150px; }
    .bonus-bloki .bonus-blok .sprawdz{ font-size:18px; }
    .bonus-bloki .bonus-blok1 .sprawdz{ padding-right:132px; }
    .bonus-bloki .bonus-blok .txt .bold{ padding:0px 10px; }

    .popup .popup-header{ font-size:20px; padding:20px 50px 20px 15px; }
    .popup .popup-txt{ font-size:18px; }

    .bonus-bloki-disclaimer{ width:100%; }


    .korzysci-pixel1{ width:235px; }


    .cta-click{ border-radius:35px; padding:15px 30px 15px 40px; font-size: 20px; width: 100%; text-align: center;}
    .cta-click:after{ content:'›'; display:block; position:absolute; right:25px; top:50%; transform: translateY(-52%); font-weight:900; }
    .cta-click:hover{ transform: scale(1.1); background:#FFF; color:#79003B; }

    .top-cta{ position:relative; left:0%; width:110%; margin-top:20px; }

    .column-header{ font-size:48px; }

    .foto-zyskaj-R{ display:block; width:120%; margin-bottom:40px; }

    .foto-jakodebrac-R{ display: block; width:120%; margin-bottom:50px; margin-left:-10%; }

    .foto-korzysci-R{ display:block; width:100%; margin-left:-1%; margin-bottom:40px; }

    
    .section-korzysci .column-header{ font-size:44px; }
    .section-korzysci .section-legal{ margin-top:40px; }

    .section-korzysci .section-txt { width:100%; }

    .section-korzysci .korzysci-img{ display:none; }
    .section-korzysci .korzysci-img-R{ display:block; }


    .section-limitowanakarta .column-header{ font-size:43px; }
    .section-limitowanakarta .column-L img{ width:142%; margin-left:-18%; }
    

    .section-kontoplus .column-header{ width:100%; }

    .foto-kontoplus-R {width: 149%; margin-left: 1%; margin-bottom: 30px;}


    .foto-oszczedzaj-R{ display:block; width:135%; margin-left:-25%; margin-bottom:40px; }
    
    .foto-twojekonto-R{ display:block; width:122%; margin-left:-6%; margin-bottom:40px; }

    .foto-wolnosc-R{ display:block; width:130%; margin-left:-5%; margin-bottom:60px; }

    .foto-appka-R { width: 113%; margin-left: -31%;}

    .section-content.section-appka .section-txt{ width:100%; }

    .column-legal{ font-size:14px; margin-top:15px; }

    .appka-L{ width:100%; }
    
    .apps-container{ justify-content:start; }
    .apps-container .app{ width: 31%; margin: 0px; margin-right: 20px;}


    .prefooter-column-1{ width:100%; padding-left:105px; padding-top:20px; font-size:13px; background: url('../img/award-tdb.svg') no-repeat left top; background-size:90px; min-height:90px; margin-bottom:20px; }
    .prefooter-column-2{ width:100%; padding-left:110px; padding-top:15px; font-size:13px; background: url('../img/award-mobiletrends.svg') no-repeat left top; background-size:100px; min-height:120px; margin-bottom:20px; }
    .prefooter-column-3{ width:100%; margin-bottom:40px; }



    .foto-kontonastolatkowi-R img{  width: 138%; margin-left: -57px; margin-bottom: 40px;}
    

}