@media all and (max-width: 1560px) {   

    #slider {
        background-position: center center;
    }
    
} /* 1560 */



@media all and (max-width: 1420px) {   

    .margines-szeroki {
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
        box-sizing: border-box;    
    }
    
    #ranking {
        margin-top: 42px;
    }
    
    .pozyczki .miejsce {
        font-size: 30px;
    }
    
    .pozyczki {
        padding-left: 21px;
        padding-right: 21px;
    }
    
    .pozyczki .miejsce {
        left: -46px;
    }
    
    .pozyczki .logo {
        width: 13%;
        height: auto;
        margin-right: 2%;
    }
    
    .pozyczki .info,
    .pozyczki > li > ul {
        width: 65%;
    }
    
    .pozyczki .buttony {
        width: 18%;
    }
    
    .pozyczki li.opinia {
        width: 17%;
        margin-right: 1%;
    }
    
    .pozyczki li.kwota {
        width: 27%;
        margin-right: 1%;
    }
    
    .pozyczki li.czas {
        width: 21%;
        margin-right: 1%;
    }
    
    .pozyczki li.wymagania {
        width: 32%;
    }
    
    .pozyczki li.wymagania small {
        width: 95px;
    }
        .pozyczki li.wymagania2 {
        width: 32%;
    }
    
    .pozyczki li.wymagania2 small {
        width: 120px;
    }
    .podstrona .margines-szeroki {
        padding-left: 0;
        padding-right: 0;
    }
    
    .podstrona-tytul h1 {
        padding-left: 0;
    }
    
} /* 1420 */



@media all and (max-width: 1308px) {   

    .margines {
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
        box-sizing: border-box;
    }
    
    #top .margines {
        padding-left: 0;
        padding-right: 0;
    }
    
    #top #logo {
        width: 255px;
    }
    
    html, body {
        font-size: 15px;
        line-height: 25px;
    }
    
    #top #social {
        margin-right: 10px;
    }
    
    #top #menu li:last-of-type a {
        padding-right: 21px;
    }
    
    #porada .img-porada {
        right: auto;
        left: 400px;
    }
    
    #teksty #spis-tresci {
        width: 230px;
    }
    
    #teksty #spis-tresci .fixed {
        width: 230px;
    }
    
    #teksty .tekst {
        width: calc(100% - 250px);
    }
    
    #teksty #spis-tresci li {
        font-size: 14px;
        line-height: 19px;
        padding: 6px 10px;
    }
    
    #teksty .tekst h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 28px;
    }
    
    #teksty .tekst {
        padding-bottom: 0px;
        padding-top: 42px;
    }
    
    #teksty {
        padding-top: 14px;
    }

    #teksty .lista-opcji li a:hover p {
        opacity: 0;
        height: 0;
    }
    
    #teksty .lista-opcji li a:hover h3 {
        margin-bottom: 00;
    }
    
} /* 1308 */



@media all and (max-width: 1250px) {   

    #top #logo {
        width: 230px;
        background-size: 90% auto;
    }
    
    #top #menu li a {
        padding: 0 18px;
        font-size: 16px;
    }
    
    #top #menu li:last-of-type a {
        padding-right: 19px;
    }
    
    #top #social {
        margin-right: 7px;
    }
    
    #footer #menu-linki a {
        font-size: 13px;
        line-height: 17px;
    }
    
} /* 1250 */



@media all and (max-width: 1160px) {   

    .pozyczki .logo {
        width: auto;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 7px;
    }
    
    .pozyczki > li {
        padding-top: 0;
    }
    
    .pozyczki {
        padding-left: 29px;
    }
    
    .pozyczki .miejsce {
        left: -57px;
    }
    
    .pozyczki .info, 
    .pozyczki > li > ul {
        width: 80%;
    }
    
    #teksty .lista-opcji li {
        width: 49%;
        margin: 0;
        margin-bottom: 14px;
        float: left;
    }
    
    #teksty .lista-opcji li:nth-of-type(odd) {
        margin-right: 2%;
    }
    
    #teksty .lista-opcji li h3 {
        font-size: 19px;
        line-height: 21px;
        font-weight: 500;
    }
    
} /* 1160 */



@media all and (max-width: 1100px) {   

    #top #logo {
        width: 190px;
    }
    
    #top #menu li a {
        padding: 0 12px;
        font-size: 15px;
    }
    
    #top #menu li:last-of-type a {
        padding-right: 14px;
    }
    
    #top #social {
        margin-right: 3px;
    }
    
} /* 1100 */



@media all and (max-width: 1000px) {   

    #slider .taby-zakladki li {
        background: rgba(255,255,255,0.5);
        color: rgba(0,0,0,0.6);
    }
    
} /* 1000 */



@media all and (max-width: 940px) {   
    
    body {
        padding-top: 57px;
    }
    
    #top.scroll #logo,
    #top #logo {
        height: 57px;
    }
    
    #top #social li a.kontakt {
        margin-right: 7px;
    }
    
    #top #social li a {
        width: 30px;
    }

    #top.scroll #social {
        margin-top: 0;
    }
        
    #menu-rozwin {
        display: block;    
    }
    
    #top #menu {
        display: none;
    }
    
    #top.active #menu {
        z-index: 1;
        display: block;
        position: fixed;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding-top: 57px;
    }
    
    #top.active #menu li {
        float: none;
    }
    
    #top.active #menu a {
        display: flex;
        height: 100%;
        width: 100%;
        border: none;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        border-top: 1px solid rgba(0,0,0,0.05);
        padding: 0 18px;
        background-color: #f0f5f7;
        font-size: 19px;
    }
    
    #top #menu li a span {
        border-bottom: none;
    }
    
    #top.active #menu a:hover {
        background-color: #fff;
        color: #922c88;
    }
    
    #top.active #menu li.active a {
        background-color: #922c88;
        color: #fff;
    }

    #top.active #menu li {
        display: flex;
        height: 14.28571428571429%;
        width: 100%;
    }

    #top.active #logo,
    #top.active #social {
        position: relative;
        z-index: 3;
    }
    
    .pozyczki .buttony:after,
    .pozyczki > li > ul:after {
        clear: both;
        display: block;
        content: '';
    }
    
    .pozyczki .info, 
    .pozyczki > li > ul {
        width: 100%;
        float: none;
        clear: both;
    }
    
    .pozyczki .buttony {
        width: 60%;
        float: none;
        margin: 14px auto;
    }
    
    .pozyczki .buttony .button {
        width: 59%;
        float: left;
    }
    
    .pozyczki .buttony .button.details {
        float: right;
        width: 39%;
        height: 56px;
        line-height: 52px;
    }
    
    .podstrona-tytul {
        margin-bottom: 28px;
    }
    
    .podstrona-tytul h1 {
        font-size: 30px;
        line-height: 36px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .podstrona .content h2 {
        font-size: 26px;
        line-height: 33px;
        margin-bottom: 24px;
    }
    
} /* 940 */



@media all and (max-width: 850px) {   
    
    #slider {
        height: auto;
        background-position: left center;
    }
    
    #slider h1 {
        max-width: none;
        text-align: center;
        font-size: 36px;
        line-height: 40px;
        max-width: auto;
        margin-bottom: 35px;
        padding: 0 14px;
    }
    
    #slider .taby-zakladki li {
        font-size: 13px;
    }
    
    #slider .taby-zakladki li:nth-of-type(1),
    #slider .taby-zakladki li:nth-of-type(2),
    #slider .taby-zakladki li:nth-of-type(3),
    #slider .taby-zakladki li:nth-of-type(4) {
        width: 25%;
        padding: 16px 0;
    }
    
    #slider .taby-tresci li {
        width: auto;
    }
    
    #porada .margines {
        padding-top: 28px;
        padding-bottom: 0px;
        text-align: center;
    }
    
    #porada .img-porada {
        position: static;
        right: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin-top: 35px;
    }
    
    #porada ul {
        padding-top: 7px;
    }
    
    #teksty .tekst .nag {
        font-size: 16px;
        line-height: 26px;
    }
    
    #teksty .tekst p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 21px;
    }
    
    #footer #menu-linki ul {
        width: 31.333%;
        margin-right: 2%;
        padding: 0;
        padding-bottom: 28px;
        float: left;
    }
    
    #footer #menu-linki ul:nth-of-type(3n) {
        margin-right: 0;
    }
    
    #footer #menu-linki ul:nth-of-type(4n) {
        clear: both;
    }
    
    #footer {
        padding-top: 21px;
        padding-bottom: 10px;
    }
    
    #footer #copyrights {
        padding-top: 21px;
    }
    
    #footer #menu-linki {
        margin-bottom: 0px;
    }
    
    #footer #copyrights ul a {
        font-size: 13px;
    }
    
} /* 850 */



@media all and (max-width: 800px) {   
    
    .pozyczki li.opinia,
	.pozyczki li.opinia_k,
	.pozyczki li.rrso,
	.pozyczki li.wymagania2,
	.pozyczki li.czas_k,
    .pozyczki li.kwota,
    .pozyczki li.czas,
    .pozyczki li.wymagania {
        width: 49%;
        margin: 0;
        margin-bottom: 21px;
        text-align: center;
    }
    
    .pozyczki .buttony {
        margin-top: 0;
    }
    
    .pozyczki > li > ul {
        margin-bottom: 14px;
    }
    
    .pozyczki ul strong {
        display: inline-block;
    }
    
    .pozyczki li.wymagania small {
        text-align: right;
        width: 48%;
        float: left;
    }
    
    .pozyczki li.wymagania strong {
        text-align: left;
        width: 48%;
        float: right;
    }
      .pozyczki li.wymagania2 small {
        text-align: right;
        width: 48%;
        float: left;
    }
    
    .pozyczki li.wymagania2 strong {
        text-align: left;
        width: 48%;
        float: right;
    }
    .pozyczki .info {
        text-align: center;
    }
    
    #ranking .nag p, 
    #ranking .nag h2 {
        padding-left: 14px;
        padding-right: 14px;
    }
    
    #ranking .nag h2 {
        font-size: 30px;
        line-height: 36px;
    }
    
    .pozyczki div.details {
        font-size: 14px;
        line-height: 20px;
        padding-top: 10px;
    }
    
    #teksty .lista-opcji li a span {
        padding: 14px;
    }
    
    #teksty .lista-opcji li p {
        margin-bottom: 0;
    }
    
} /* 800 */



@media all and (max-width: 700px) {   
    
    #top #social li {
        display: none;
    }
    
    #top #social li:first-of-type {
        display: block;
    }
    
    #top.active #menu a {
        font-size: 17px;
    }
    
    #slider .taby-zakladki li:nth-of-type(1),
    #slider .taby-zakladki li:nth-of-type(2),
    #slider .taby-zakladki li:nth-of-type(3),
    #slider .taby-zakladki li:nth-of-type(4) {
        padding: 14px 5px;
        box-sizing: border-box;
        height: 60px;
    }
    
    .pozyczki .buttony {
        width: 80%;
    }
    
    .pozyczki div.details {
        font-size: 13px;
        line-height: 19px;
    }
    
    #teksty .tekst img.prawo,
    #teksty .tekst img.lewo {
        max-width: 50%;
    }
    
    #teksty .check li {
        font-size: 16px;
        line-height: 22px;
        background-position: 7px 3px;
    }
    
    #teksty #spis-tresci {
        float: none;
        width: 100%;
        display: block;
    }
    
    #teksty #spis-tresci .fixed {
        width: 100%;
    }
    
    #teksty #spis-tresci .fixed.stick {
        position: static;
        top: auto;
    }
    
    #teksty .tekst {
        float: none;
        width: 100%;
    }
    
    #footer #copyrights {
        text-align: center;
    }
    
    #footer #copyrights .button {
        float: none;
        margin-bottom: 14px;
    }
    
    #footer #copyrights ul li {
        display: inline-block;
        float: none;
    }
    
    #footer #copyrights small {
        float: none;
    }
    
    
    #footer #menu-linki ul:nth-of-type(4n),
    #footer #menu-linki ul:nth-of-type(3n),
    #footer #menu-linki ul {
        width: 49%;
        margin-right: 0;
        clear: none;
        float: left;
    }
    
    #footer #menu-linki ul:nth-of-type(2n) {
        float: right;
    }
    
    #footer #menu-linki ul:nth-of-type(odd) {
        clear: both;
    }
    
} /* 700 */



@media all and (max-width: 600px) {   
    
    #top #social li {
        display: none;
    }
    
    #top #social li:first-of-type {
        display: block;
    }
    
    #top.active #menu a {
        font-size: 17px;
    }
    
    #slider h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 28px;
    }
    
    #slider .taby-tresci .range .minus,
    #slider .taby-tresci .range .plus {
        display: none;
    }
    
    .rangeslider--horizontal {
        width: calc(100% - 56px);
        left: 28px;
    }
    
    #slider .taby-tresci .range .min {
        left: 28px;
    }
    
    #slider .taby-tresci .range .max {
        right: 28px;
    }
    
    #slider .taby-tresci .podsumowanie p {
        width: 130px;
    }
    
    #slider .taby-tresci .podsumowanie .button {
        padding: 0;
        width: calc(100% - 160px);
        text-align: center;
    }
    
    #teksty .tekst .nag {
        font-size: 15px;
        line-height: 25px;
    }
    
    #teksty .tekst p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 18px;
    }
    
    #teksty .tekst h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 21px;
    }
    
    .podstrona-tytul h1 {
        font-size: 24px;
        line-height: 30px;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    
    .podstrona .content h2 {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 21px;
    }
    
    .dane-kontaktowe .prawo, 
    .dane-kontaktowe .lewo {
        float: none;
        width: 100%;
    }
    
    .dane-kontaktowe .prawo {
        margin-bottom: 45px;
    }
    
    .dane-tele li {
        font-size: 17px;
        line-height: 24px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    
    
    
    #cookies-message {
        font-size: 12px;
        line-height: 17px;
        text-align: center;
    }
    
    #cookies-message p {
        width: 100%;
        max-width: 100%;
        display: block;
        padding-bottom: 12px;
    }
    
    #accept-cookies-checkbox {
        float: none;
        width: 60%;
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
    }
    
    #cookies-message-container {
        padding-bottom: 12px;
    }
    
} /* 600 */



@media all and (max-width: 550px) {   
    
    .pozyczki,
    .pozyczki.top3 {
        border: none;
        padding-right: 0;
        padding-left: 0;
    }
    
    .pozyczki .miejsce {
        transform: none;
        top: 17px;
        left: 0;
        font-size: 27px;
    }
    
    .pozyczki .buttony {
        width: 100%;
    }
    
    .pozyczki div.details .dane > li {
        float: none;
        margin: 0 0 14px 0;
        width: 100%;
    }
    
    #porada ul li a {
        font-size: 18px;
        padding-left: 45px;
    }
    
} /* 550 */



@media all and (max-width: 500px) {   
    
    #slider .taby-tresci .podsumowanie p {
        display: none;
    }
    
    #slider .taby-tresci .podsumowanie .button {
        float: none;
        width: 100%;
    }
    
} /* 500 */



@media all and (max-width: 430px) {   
    
    #top #social li:first-of-type {
        display: none;
    }
    
    #top.active #menu a {
        font-size: 16px;
    }
    
} /* 430 */