@media only screen and (min-width: 1496px) and (max-width: 1879px) {

    /* --- ustawienia ogólne --- */

    .home_container {
        margin: 0 80px;
    }

    /* --- menu główne ---*/

    header {
        padding: 30px 35px 0;
    }

    #header_logo {
        width: 230px;
        height: auto;
    }

    #menu li {
        margin-left: 5px;
    }

    #menu a {
        font: 700 19px/19px 'Catamaran', sans-serif;
        padding: 12px 18px;
    }

    /* --- baner na stronie głownej --- */

    #baner_belka p {
        font: 700 28px/28px 'Catamaran', sans-serif;
    }

    #slider_zaufali {
        margin-left: 25px;
        width: 500px;
    }

    #b_zaufali_prev {
        margin-right: 20px;
    }

    #b_zaufali_next {
        margin-left: 20px;
    }

    #baner_belka {
        height: 130px;
    }

    #baner_belka .belka_left, 
    #baner_belka .belka_right {
        height: 100px;
    }

    #baner_belka .belka_left {
        padding-left: 80px;
        padding-right: 30px;
    }

    #baner_belka .belka_right {
        padding-right: 80px;
        width: 710px;
    }

    #baner_belka .belka_right .zbior_loga a {
        margin-left: 25px;
    }

    #todown {
        left: 80px;
        bottom: 115px;
    }

    #todown .c_blue {
        left: 60px;
    }

    #baner_tresc .big_text {
        font: 700 90px/70px 'Catamaran', sans-serif;
    }

    #baner_tresc .text {
        font: 700 56px/70px 'Catamaran', sans-serif;
    }

    #baner_tresc .box_baner p {
        font: 500 28px/28px 'Catamaran', sans-serif;
        margin-right: 40px;
    }

    #baner_tresc .box_baner img {
        width: 630px;
        height: auto;
        z-index: 0;
    }

    /* --- strona główna - sekcja ikony --- */

    #sekcja_ikony .home_container {
        padding: 80px 0;
    }

    #sekcja_ikony .box_ikona {
        width: 420px;
        padding-left: 155px;
    }

    #sekcja_ikony .box_ikona::after {
        width: 130px;
        height: 130px;
    }

    #sekcja_ikony .box_ikona::before {
        width: 110px;
        height: 110px;
        left: 10px;
        top: 40px;
    }

    #sekcja_ikony .box_ikona .c_blue {
        font: 700 46px/40px 'Catamaran', sans-serif;
        height: 92px;
        margin-bottom: 15px;
    }

    /* --- strona główna sekcja wycena --- */

    #sekcja_wycena .home_container {
        padding: 100px 0;
    }

    .home_mar_l {
        margin-left: 0;
    }

    .home_mar_r {
        margin-right: 0;
    }

    #sekcja_wycena .box_wycena {
        width:auto;
    }

    #sekcja_wycena .box_wycena .c_blue {
        font: 700 66px/70px 'Catamaran', sans-serif;
        margin-bottom: 35px;
    }

    #sekcja_wycena .home_container > img {
        width: 450px;
        margin-left: 70px;
    }

    /* --- footer parallax --- */

    #parallax {
        height: 600px;
    }

    #parallax .box_parallax .c_blue {
        font: 700 90px/90px 'Catamaran', serif;
    }

    /* --- footer kontakt --- */

    #footer_kontakt .col_1 {
        width: 51%;
    }

    #footer_kontakt .kontakt_separator {
        margin: 0 50px;
    }

    #footer_kontakt .col_2 {
        width: 41%;
    }

    /* --- fixed telefony --- */ 

    #fixed_telefon {
        padding: 10px 15px;
    }

    #fixed_telefon.close {
        right: -180px;
    }

    #fixed_telefon.close.fixed_tekst {
        right: -280px;
    }

    #fixed_telefon > img {
        width: 85px;
        height: auto;
        margin-right: 10px;
    }

    #fixed_telefon .col_2 {
        width: 165px;
    }

    #fixed_telefon.fixed_tekst .col_2 {
        width: 265px;
    }

    #fixed_telefon .col_2 a {
        font: 700 22px/24px 'Catamaran', sans-serif;
        padding: 0;
    }

    #fixed_telefon .col_2 div p {
        font: 500 15px/16px 'Catamaran', sans-serif;
    }

    /* --- fixed zamów --- */

    #fixed_zamow {
        top: 280px;
        padding: 10px 15px 10px 25px;
    }

    #fixed_zamow.close {
        right: -180px;
    }

    #fixed_zamow .col_2 .c_blue {
        font: 700 24px/24px 'Catamaran', sans-serif;
    }

    #fixed_zamow .col_2 .c_orange {
        font: 700 30px/24px 'Catamaran', sans-serif;
    }

    #fixed_zamow .fixed_open {
        width: 70px;
        height: auto;
        margin-right: 15px;
    }

    #fixed_zamow .fixed_close {
        right: 15px;
        top: 15px;
    }

    /* --- totop --- */

    #totop {
        right: 35px;
    }
}


@media only screen and (min-width: 1326px) and (max-width: 1495px) {

    /* --- ustawienia ogólne --- */

    .home_container {
        margin: 0 60px;
    }

    #content_podstrony {
        padding: 30px 0 50px;
    }

    .container {
        width: 100%;
        margin: 0 60px;
    }

    .cms h1, h1 {
        font: 700 60px/62px 'Catamaran', sans-serif;
        margin-bottom: 45px;
    }

    .cms h2, h2 {
        font: 700 50px/54px 'Catamaran', sans-serif;
        margin-bottom: 40px;
    }

    .cms h3, h3 {
        font: 700 38px/42px 'Catamaran', sans-serif;
        margin-bottom: 35px;
    }

    .cms h4, h4 {
        font: 700 29px/38px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    .cms > img, .cms p img {
        margin: 40px 0;
    }

    .cms hr, hr {
        margin: 40px 0;
    }

    .cms ul,
    .cms ol {
        margin-bottom: 35px;
    }

    .cms table {
        margin-bottom: 40px;
    }

    /* --- menu główne ---*/

    header {
        padding: 25px 30px 0;
    }

    #header_logo {
        width: 200px;
        height: auto;
    }

    #menu li {
        margin-left: 5px;
    }

    #menu a {
        font: 700 17px/17px 'Catamaran', sans-serif;
        padding: 10px 15px;
    }

    /* --- pliki na podstronie --- */

    #pliki {
        margin-bottom: 40px;
    }

    /* --- breadcrumps --- */

    #breadcrumps {
        padding-bottom: 30px;
    }

    /* ---- paginacja ---- */

    #paginacja {
        margin-bottom: 40px;
    }

    /* --- baner na podstronie --- */ 

    #baner_podstrony {
        height: 180px;
    }

    #baner_podstrony::after {
        top: -70px;
    }

    #baner_podstrony .home_container img {
        width: 330px;
        height: auto;
    }

    /* --- baner na stronie głownej --- */

    #baner::after {
        top: -130px;
    }

    #baner_belka p {
        font: 700 26px/26px 'Catamaran', sans-serif;
    }

    #slider_zaufali {
        margin-left: 20px;
        width: 450px;
    }

    #slider_zaufali .firmy_zaufali a {
        margin-right: 15px;
        font: 700 22px/22px 'Catamaran', sans-serif;
    }

    #b_zaufali_prev {
        margin-right: 15px;
    }

    #b_zaufali_next {
        margin-left: 15px;
    }

    #baner_belka {
        height: 110px;
    }

    #baner_belka .belka_left, 
    #baner_belka .belka_right {
        height: 85px;
    }

    #baner_belka .belka_left {
        padding-left: 60px;
        padding-right: 20px;

    }

    #baner_belka .belka_right {
        padding-right: 60px;
        width: 640px;
    }

    #baner_belka .belka_right .zbior_loga a {
        margin-left: 25px;
    }

    #todown {
        left: 60px;
        bottom: 115px;
        width: 105px;
        height: 95px;
    }

    #todown .pole {
        width: 38px;
    }

    #todown .pole_2 {
        top: 20px;
    }

    #todown .c_blue {
        left: 50px;  
    }

    #baner_tresc .big_text {
        font: 700 80px/65px 'Catamaran', sans-serif;
    }

    #baner_tresc .text {
        font: 700 50px/65px 'Catamaran', sans-serif;
    }

    #baner_tresc .box_baner p {
        font: 500 25px/25px 'Catamaran', sans-serif;
        margin-right: 40px;
    }

    #baner_tresc .box_baner img {
        width: 600px;
        height: auto;
    }

    /* --- strona główna - sekcja ikony --- */

    #sekcja_ikony .home_container {
        padding: 70px 0 60px;
    }

    #sekcja_ikony .box_ikona {
        width: 370px;
        padding-left: 120px;
    }

    #sekcja_ikony .box_ikona::after {
        width: 100px;
        height: 100px;
    }

    #sekcja_ikony .box_ikona::before {
        width: 80px;
        height: 80px;
        left: 10px;
        top: 40px;
    }

    #sekcja_ikony .box_ikona .c_blue {
        font: 700 36px/30px 'Catamaran', sans-serif;
        height: 72px;
        margin-bottom: 15px;
    }

    /* --- strona główna sekcja wycena --- */

    #sekcja_wycena .home_container {
        padding: 90px 0 80px;
    }

    .home_mar_l {
        margin-left: 0;
    }

    .home_mar_r {
        margin-right: 0;
    }

    #sekcja_wycena .box_wycena {
        width:auto;
    }

    #sekcja_wycena .box_wycena .c_blue {
        font: 700 56px/60px 'Catamaran', sans-serif;
        margin-bottom: 35px;
    }

    #sekcja_wycena .home_container > img {
        width: 430px;
        margin-left: 50px;
    }

    /* --- footer parallax --- */ *

    #parallax {
        height: 500px;
    }

    #parallax .box_parallax .c_blue {
        font: 700 70px/70px 'Catamaran', serif;
    }

    #parallax .box_parallax img {
        width: 170px;
        height: auto;
    }

    /* --- footer kontakt --- */

    #footer_kontakt .home_container {
        padding: 70px 0 30px;
    }

    #footer_kontakt .col_1 {
        width: 51%;
    }

    #footer_kontakt .kontakt_separator {
        margin: 0 35px;
    }

    #footer_kontakt .col_2 {
        width: 41%;
    }

    #footer_kontakt .col_1 .box_kontakt {
        padding-left: 70px;
    }

    #footer_kontakt .kontakt1, #footer_kontakt .kontakt2 {
        margin-bottom: 45px;
    }

    #footer_kontakt .col_1 .box_kontakt::after {
        width: 54px;
        height: 54px;
    }

    #footer_kontakt .col_2 .c_blue {
        padding-left: 110px;
        margin-bottom: 40px;
    }

    #footer_kontakt .col_2 .text_kontakt {
        font: 400 20px/30px 'Catamaran', serif;
    }

    /* --- fixed telefony --- */ 

    #fixed_telefon {
        padding: 5px 12px;
    }

    #fixed_telefon.close {
        right: -165px;
    }

    #fixed_telefon.close.fixed_tekst {
        right: -255px;
    }

    #fixed_telefon > img {
        width: 65px;
        height: auto;
        margin-right: 10px;
    }

    #fixed_telefon .col_2 {
        width: 150px;
    }

    #fixed_telefon.fixed_tekst .col_2 {
        width: 240px;
    }

    #fixed_telefon .col_2 a {
        font: 700 20px/22px 'Catamaran', sans-serif;
        padding: 0;
    }

    #fixed_telefon .col_2 div p {
        font: 500 13px/14px 'Catamaran', sans-serif;
    }

    /* --- fixed zamów --- */

    #fixed_zamow {
        top: 250px;
        padding: 5px 12px 5px 22px;
    }

    #fixed_zamow.close {
        right: -165px;
    }

    #fixed_zamow .col_2 {
        width: 150px;
    }

    #fixed_zamow .col_2 .c_blue {
        font: 700 20px/22px 'Catamaran', sans-serif;
    }

    #fixed_zamow .col_2 .c_orange {
        font: 700 26px/22px 'Catamaran', sans-serif;
    }

    #fixed_zamow .fixed_open {
        width: 55px;
        height: auto;
        margin-right: 10px;
    }

    #fixed_zamow .fixed_close {
        right: 12px;
        top: 10px;
    }         

    /* --- totop --- */

    #totop {
        right: 35px;
    }

    /* --- podstrona certyfikaty */

    .box {
        width: 351px;
        height: 350px;
        margin: 0 20px 50px;
    }

    /* ------ formularz kontaktowy --------*/

    #formularz_kontaktowy {
        margin-bottom: 50px;
    }

    /* --- podstrona o firmie --- */

    .o_firmie .col_1 img {
        width: 160px;
        height: auto;
        margin-right: 40px;
    }

    .f_sekcja_1 {
        margin-bottom: 60px;
    }

    .zalety {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    /* --- podstrona referencje --- */

    #podstrona_referencji {
        margin-bottom: 50px;
    }

    #podstrona_referencji .cms {
        margin-bottom: 25px;
    }

    /* --- podstrona usługi --- */

    .u_sekcja_1 {
        margin-bottom: 50px;
    }

    .u_sekcja_2 .tytul {
        margin-bottom: 30px;
    }

    .u_sekcja_2 {
        margin-bottom: 50px;
    }

    .u_sekcja_3 {
        margin-bottom: 40px;
    }

    .hr_uslugi {
        margin: 40px 0;
    }

    .u_sekcja_5 {
        margin-bottom: 50px;
    }

    .foto_uslugi {
        margin: 50px 0;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1325px) {

    /* --- ustawienia ogólne --- */

    .home_container {
        margin: 0 50px;
    }

    #content_podstrony {
        padding: 30px 0 50px;
    }

    .container {
        width: 100%;
        margin: 0 50px;
    }

    .cms h1, h1 {
        font: 700 50px/52px 'Catamaran', sans-serif;
        margin-bottom: 40px;
    }

    .cms h2, h2 {
        font: 700 40px/42px 'Catamaran', sans-serif;
        margin-bottom: 35px;
    }

    .cms h3, h3 {
        font: 700 34px/38px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    .cms h4, h4 {
        font: 700 29px/32px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms h5, h5 {
        font: 700 22px/26px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms p {
        margin-bottom: 25px;
    }

    .cms > img, .cms p img {
        margin: 35px 0;
    }

    .cms hr, hr {
        margin: 35px 0;
    }

    .cms ul,
    .cms ol {
        margin-bottom: 30px;
    }

    .cms li {
        margin-bottom: 10px;
        padding-left: 25px;
    }

    .cms table {
        margin-bottom: 35px;
    }

    .cms > table td, .cms > table th {
        padding: 25px 30px;
    }

    /* --- pliki na podstronie --- */

    #pliki {
        margin-bottom: 35px;
    }

    /* --- galeria --- */

    #galeria {
        margin-bottom: 35px;
    }

    /* --- breadcrumps --- */

    #breadcrumps {
        padding-bottom: 30px;
    }

    /* ---- paginacja ---- */

    #paginacja {
        margin-bottom: 35px;
    }

    /* --- kategorie --- */

    #kategorie .box:nth-last-of-type(3) {
        margin-bottom: 50px;
    }

    /* --- buttony --- */

    .button {
        font: 700 15px/15px 'Catamaran', sans-serif;
    }

    /* --- menu główne ---*/

    header {
        padding: 20px 25px 0;
    }

    #header_logo {
        width: 170px;
        height: auto;
    }

    #menu li {
        margin-left: 4px;
    }

    #menu a {
        font: 700 14px/14px 'Catamaran', sans-serif;
        padding: 6px 8px;
    }

    /* --- baner na podstronie --- */ 

    #baner_podstrony {
        height: 150px;
    }

    #baner_podstrony::after {
        top: -115px;
    }

    #baner_podstrony .home_container img {
        width: 270px;
        height: auto;
        left: 180px;
    }

    /* --- baner na stronie głownej --- */

    #baner::after {
        top: -130px;
    }

    #baner_belka p {
        font: 700 22px/22px 'Catamaran', sans-serif;
    }

    #slider_zaufali {
        margin-left: 15px;
        width: 350px;
    }

    #slider_zaufali .firmy_zaufali a {
        margin-right: 15px;
        font: 700 20px/20px 'Catamaran', sans-serif;
    }

    #b_zaufali_prev {
        margin-right: 15px;
    }

    #b_zaufali_next {
        margin-left: 15px;
    }

    #baner_belka {
        height: 100px;
    }

    #baner_belka .belka_left, 
    #baner_belka .belka_right {
        height: 75px;
    }

    #baner_belka .belka_left {
        padding-left: 50px;
        padding-right: 15px;

    }

    #baner_belka .belka_right {
        padding-right: 50px;
        width: 450px;
    }

    #baner_belka .belka_right .zbior_loga a {
        margin-left: 25px;
    }

    #todown {
        left: 50px;
        bottom: 105px;
        width: 36px;
        height: 95px;
    }

    #todown .pole {
        width: 36px;
    }

    #todown .pole_2 {
        top: 20px;
    }

    #todown .c_blue {
        display: none;  
    }

    #baner_tresc .big_text {
        font: 700 70px/60px 'Catamaran', sans-serif;
    }

    #baner_tresc .text {
        font: 700 44px/60px 'Catamaran', sans-serif;
    }

    #baner_tresc .box_baner p {
        font: 500 24px/24px 'Catamaran', sans-serif;
        margin-right: 30px;
    }

    #baner_tresc .box_baner img {
        width: 500px;
        height: auto;
    }

    #baner_tresc .box_baner .belka_gradient {
        top: 15px;
    }

    /* --- strona główna - sekcja ikony --- */

    #sekcja_ikony .home_container {
        padding: 60px 0 50px;
    }

    #sekcja_ikony .box_ikona {
        width: 285px;
        padding-left: 85px;
    }

    #sekcja_ikony .box_ikona::after {
        width: 75px;
        height: 75px;
    }

    #sekcja_ikony .box_ikona::before {
        width: 60px;
        height: 60px;
        left: 10px;
        top: 40px;
    }

    #sekcja_ikony .box_ikona .c_blue {
        font: 700 30px/28px 'Catamaran', sans-serif;
        height: 60px;
        margin-bottom: 15px;
    }

    #sekcja_ikony .box_ikona span {
        margin-bottom: 25px;
    }

    /* --- strona główna sekcja wycena --- */

    #sekcja_wycena {
        background-size: 400px 30px;
    }

    #sekcja_wycena .home_container {
        padding: 70px 0 60px;
    }

    .home_mar_l {
        margin-left: 0;
    }

    .home_mar_r {
        margin-right: 0;
    }

    #sekcja_wycena .box_wycena {
        width: auto;
    }

    #sekcja_wycena .box_wycena .c_blue {
        font: 700 48px/50px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    #sekcja_wycena .home_container > img {
        width: 350px;
        margin-left: 40px;
    }

    /* --- footer parallax --- */

    #parallax {
        height: 360px;
    }

    #parallax .box_parallax .c_blue {
        font: 700 54px/54px 'Catamaran', serif;
        margin-bottom: 40px;
    }

    #parallax .box_parallax img {
        width: 140px;
        height: auto;
    }

    /* --- footer kontakt --- */

    #footer_kontakt .home_container {
        padding: 60px 0 20px;
    }

    #footer_kontakt .col_1 {
        width: 55%;
    }

    #footer_kontakt .kontakt_separator {
        display: none
    }

    #footer_kontakt .col_2 {
        width: 40%;
    }

    #footer_kontakt .col_1 .box_kontakt {
        padding-left: 50px;
        font: 700 18px/26px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_1 .box_kontakt a, #footer_kontakt .col_1 .box_kontakt span {
        font: 400 18px/26px 'Catamaran', sans-serif;
    }

    #footer_kontakt .kontakt1, #footer_kontakt .kontakt2 {
        margin-bottom: 45px;
    }

    #footer_kontakt .col_1 .box_kontakt::after {
        width: 42px;
        height: 42px;
    }

    #footer_kontakt .col_2 .c_blue {
        padding-left: 90px;
        margin-bottom: 25px;
        font: 700 30px/32px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_2 .c_blue::after {
        width: 70px;
        height: 70px;
    }

    #footer_kontakt .col_2 .text_kontakt {
        font: 400 18px/24px 'Catamaran', serif;
    }

    #stopka {
        padding: 20px 0;
    }

    /* --- fixed telefony --- */ 

    #fixed_telefon {
        padding: 5px 10px;
        top: 80px;
    }

    #fixed_telefon.close {
        right: -150px;
    }

    #fixed_telefon.close.fixed_tekst {
        right: -235px;
    }

    #fixed_telefon > img {
        width: 60px;
        height: auto;
        margin-right: 10px;
    }

    #fixed_telefon .col_2 {
        width: 135px;
    }

    #fixed_telefon.fixed_tekst .col_2 {
        width: 220px;
    }

    #fixed_telefon .col_2 a {
        font: 700 18px/20px 'Catamaran', sans-serif;
        padding: 0;
    }

    #fixed_telefon .col_2 div {
        margin-top: 2px;
    }

    #fixed_telefon .col_2 div p {
        font: 500 12px/13px 'Catamaran', sans-serif;
    }

    /* --- fixed zamów --- */

    #fixed_zamow {
        top: 175px;
        padding: 5px 10px 5px 20px;
    }

    #fixed_zamow.close {
        right: -150px;
    }

    #fixed_zamow .col_2 {
        width: 135px;
    }

    #fixed_zamow .col_2 .c_blue {
        font: 700 18px/20px 'Catamaran', sans-serif;
    }

    #fixed_zamow .col_2 .c_orange {
        font: 700 24px/20px 'Catamaran', sans-serif;
    }

    #fixed_zamow .fixed_open {
        width: 50px;
        height: auto;
        margin-right: 10px;
    }

    #fixed_zamow .fixed_close {
        right: 10px;
        top: 10px;
    }   

    /* --- totop --- */

    #totop {
        right: 30px;
        bottom: 40px;
        width: 36px;
    }

    /* --- podstrona certyfikaty */

    .box {
        width: 351px;
        height: 350px;
        margin: 0 20px 50px;
    }

    /* --- podstrona jak zamówić --- */

    .zamowic_krok > img {
        width: 170px;
        height: auto;
        margin-right: 50px;
    }

    .zamowic_krok .col_2 h2 {
        margin-bottom: 20px;
    }

    .zamowic_krok .col_2 p {
        margin-bottom: 20px;
    }

    /* ------ formularz kontaktowy --------*/

    #formularz_kontaktowy {
        margin-bottom: 40px;
    }

    #formularz_kontaktowy form > div {
        width: 30%;
    }

    #formularz_kontaktowy .form_text {
        margin-bottom: 15px;
    }

    #formularz_kontaktowy form .formularz_kolumna1 {
        width: 65%;
    }

    #formularz_kontaktowy .token div {
        justify-content: space-around;
    }

    #formularz_kontaktowy .token input {
        width: 100px;
    }

    /* --- podstrona o firmie --- */

    .o_firmie .col_1, 
    .o_firmie .col_2, 
    .o_firmie .zalety {
        width: 47%;
    }

    .o_firmie .col_1 img {
        width: 90px;
        height: auto;
        margin-right: 20px;
    }

    .f_sekcja_1 {
        margin-bottom: 50px;
    }

    .zalety {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .zalety h4 {
        padding-left: 50px;
        margin-bottom: 20px;
        height: 64px;
        overflow: hidden;
    }

    /* --- podstrona referencje --- */

    #podstrona_referencji {
        margin-bottom: 50px;
    }

    #podstrona_referencji .cms {
        margin-bottom: 20px;
    }

    .referencje_media .media {
        height: auto;
        width: 48%;
    }

    .referencje_media .youtube img.ikona {
        width: 74px;
        height: auto;
    }

    .referencje_media .instagram img.ikona {
        width: 70px;
        height: auto;
    }

    .referencje_media .media .c_white {
        left: 20px;
        bottom: 20px;
        font: 700 16px/20px 'Catamaran', sans-serif;
    }

    .referencje_media .media .c_white span {
        font: 700 24px/24px 'Catamaran', sans-serif;
    }

    /* --- podstrona usługi --- */

    .u_sekcja_1 {
        margin-bottom: 40px;
    }

    .u_sekcja_1 .col_1 .row_2 img, 
    .u_sekcja_3 .col_1 img {
        width: 200px;
        height: auto;
        margin-right: 40px;
    }

    .u_sekcja_1 .col_2 .last_img,
    .u_sekcja_3 .col_2 img {
        width: 85px;
        height: auto;
    }

    .u_sekcja_2 .tytul {
        margin-bottom: 25px;
    }

    .u_sekcja_2 {
        margin-bottom: 35px;
    }

    .u_sekcja_3 {
        margin-bottom: 40px;
    }

    .hr_uslugi {
        margin: 35px 0;
    }

    .u_sekcja_5 {
        margin-bottom: 40px;
    }

    .foto_uslugi {
        margin: 40px 0;
    }

    .u_sekcja_4 .c_blue, .u_sekcja_5 p {
        padding-left: 45px;
        line-height: 40px;
    }

}

@media only screen and (min-width: 600px) and (max-width: 1023px) {

    /* --- ustawienia ogólne --- */

    .home_container {
        margin: 0 40px;
    }

    #content_podstrony {
        padding: 20px 0 40px;
    }

    .container {
        width: 100%;
        margin: 0 40px;
    }

    .cms h1, h1 {
        font: 700 42px/44px 'Catamaran', sans-serif;
        margin-bottom: 35px;
    }

    .cms h2, h2 {
        font: 700 36px/38px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    .cms h3, h3 {
        font: 700 32px/34px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    .cms h4, h4 {
        font: 700 28px/30px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms h5, h5 {
        font: 700 22px/26px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms p {
        margin-bottom: 25px;
    }

    .cms > img, .cms p img {
        margin: 30px 0;
    }

    .cms hr, hr {
        margin: 30px 0;
    }

    .cms ul,
    .cms ol {
        margin-bottom: 30px;
    }

    .cms li {
        margin-bottom: 10px;
        padding-left: 25px;
    }

    .cms table {
        margin-bottom: 35px;
    }

    .cms > table td, .cms > table th {
        padding: 25px 30px;
    }

    /* --- pliki na podstronie --- */

    #pliki {
        margin-bottom: 30px;
    }

    /* --- galeria --- */

    #galeria {
        margin-bottom: 30px;
    }

    /* --- breadcrumps --- */

    #breadcrumps {
        padding-bottom: 25px;
    }

    /* ---- paginacja ---- */

    #paginacja {
        margin-bottom: 30px;
    }

    /* --- kategorie --- */

    #kategorie .box {
        height: 240px;
    }

    #kategorie .box .nazwa {
        font: 700 20px/25px 'Catamaran', sans-serif;
        height: 100px;
        width: 80%;
        top: 20%;
    }

    /* --- buttony --- */

    .button {
        font: 700 15px/15px 'Catamaran', sans-serif;
    }

    /* --- menu główne ---*/

    header {
        padding: 20px 25px 0 40px;
        align-items: center;
    }

    #header_logo {
        width: 170px;
        height: auto;
    }

    nav#menu_desktop {
        display: none;
    }

    /* --- menu mobilne --- */

    #hamburger {
        display: block;
    }

    /* --- baner na podstronie --- */ 

    #baner_podstrony {
        height: 130px;
    }

    #baner_podstrony::after {
        top: -150px;
    }

    #baner_podstrony .home_container img {
        width: 200px;
        height: auto;
        left: 180px;
    }

    /* --- baner na stronie głownej --- */

    #baner::after {
        top: -130px;
    }

    #baner_belka {
        height: 180px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    #baner_belka .belka_left, 
    #baner_belka .belka_right {
        height: 75px;
    }

    #baner_belka .belka_left {
        padding-left: 20px;
        padding-right: 40px;
        border-radius: 40px 0 0 40px;

    }

    #baner_belka .belka_right {
        padding-right: 40px;
        width: 490px;
    }

    #baner_belka p {
        font: 700 20px/20px 'Catamaran', sans-serif;
    }

    #slider_zaufali {
        margin-left: 10px;
        width: 380px;
    }

    #slider_zaufali .firmy_zaufali a {
        margin-right: 5px;
        font: 700 18px/18px 'Catamaran', sans-serif;
    }

    #b_zaufali_prev {
        margin-right: 10px;
    }

    #b_zaufali_next {
        margin-left: 10px;
    }

    #baner_belka .belka_right .zbior_loga a {
        margin-left: 25px;
    }

    #todown {
        left: 40px;
        bottom: 10px;
        width: 34px;
        height: 80px;
    }

    #todown .pole {
        width: 34px;
        height: 65px;
    }

    #todown .pole_2 {
        top: 15px;
    }

    #todown .c_blue {
        display: none;  
    }

    #baner_tresc {
        margin: 0 40px 100px;
    }

    #baner_tresc .big_text {
        font: 700 70px/70px 'Catamaran', sans-serif;
        text-align: center;
    }

    #baner_tresc .text {
        font: 700 40px/60px 'Catamaran', sans-serif;
        text-align: center;
        margin-bottom: 30px;
    }

    #baner_tresc .box_baner {
        flex-wrap: wrap;
        justify-content: center;
    }

    #baner_tresc .box_baner p {
        font: 500 24px/24px 'Catamaran', sans-serif;
        margin: 0 70px;
        order: 2;       
    }

    #baner_tresc .box_baner img {
        width: 440px;
        height: auto;
        margin-bottom: 20px;
    }

    #baner_tresc .box_baner .belka_gradient {
        top: -20px;
        transform: translate(0,0);
    }

    /* --- strona główna - sekcja ikony --- */

    #sekcja_ikony .home_container {
        padding: 50px 0 0;
        justify-content: center;
    }

    #sekcja_ikony .box_ikona {
        width: 90%;
        padding-left: 95px;
        margin-bottom: 50px;
    }

    #sekcja_ikony .box_ikona::after {
        width: 75px;
        height: 75px;
    }

    #sekcja_ikony .box_ikona::before {
        width: 60px;
        height: 60px;
        left: 10px;
        top: 40px;
    }

    #sekcja_ikony .box_ikona .c_blue {
        font: 700 30px/28px 'Catamaran', sans-serif;
        height: auto;
        max-height: 60px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    #sekcja_ikony .box_ikona .c_blue br {
        display: none;
    }

    #sekcja_ikony .box_ikona span {
        margin-bottom: 20px;
        max-height: 78px;
        height: auto;
    }

    /* --- strona główna sekcja wycena --- */

    #sekcja_wycena {
        background-size: 400px 30px;
    }

    #sekcja_wycena .home_container {
        padding: 60px 0 50px;
    }

    .home_mar_l {
        margin-left: 0;
    }

    .home_mar_r {
        margin-right: 0;
    }

    #sekcja_wycena .box_wycena {
        width: auto;
    }

    #sekcja_wycena .box_wycena .c_blue {
        font: 700 48px/50px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    #sekcja_wycena .box_wycena .home_p {
        max-height: 100%;
    }

    #sekcja_wycena .home_container > img {
        display: none;
    }

    /* --- footer parallax --- */

    #parallax {
        height: 300px;
    }

    #parallax .box_parallax .c_blue {
        font: 700 44px/46px 'Catamaran', serif;
        margin-bottom: 30px;
    }

    #parallax .box_parallax img {
        width: 140px;
        height: auto;
        right: -40px;
        bottom: -20px;
    }

    /* --- footer kontakt --- */

    #footer_kontakt .home_container {
        padding: 50px 0 10px;
        flex-wrap: wrap
    }

    #footer_kontakt .col_1 {
        width: 100%;
    }

    #footer_kontakt .kontakt_separator {
        display: none
    }

    #footer_kontakt .col_2 {
        width: 100%;
        margin-top: 20px;
    }

    #footer_kontakt .col_1 .box_kontakt {
        padding-left: 50px;
        font: 700 18px/26px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_1 .box_kontakt a, #footer_kontakt .col_1 .box_kontakt span {
        font: 400 18px/26px 'Catamaran', sans-serif;
    }

    #footer_kontakt .kontakt1, 
    #footer_kontakt .kontakt2,
    #footer_kontakt .kontakt3,
    #footer_kontakt .col_1 .button {
        margin-bottom: 25px;
    }

    #footer_kontakt .col_1 .box_kontakt::after {
        width: 42px;
        height: 42px;
    }

    #footer_kontakt .col_2 .c_blue {
        padding-left: 90px;
        margin-bottom: 25px;
        font: 700 30px/32px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_2 .c_blue::after {
        width: 70px;
        height: 70px;
    }

    #footer_kontakt .col_2 .text_kontakt {
        font: 400 18px/24px 'Catamaran', serif;
    }

    #stopka {
        padding: 20px 0;
    }

    /* --- fixed telefony --- */ 

    #fixed_telefon {
        padding: 5px 10px;
        top: 130px;
    }

    #fixed_telefon.close {
        right: -150px;
    }

    #fixed_telefon.close.fixed_tekst {
        right: -235px;
    }

    #fixed_telefon > img {
        width: 60px;
        height: auto;
        margin-right: 10px;
    }

    #fixed_telefon .col_2 {
        width: 135px;
    }

    #fixed_telefon.fixed_tekst .col_2 {
        width: 220px;
    }

    #fixed_telefon .col_2 a {
        font: 700 18px/20px 'Catamaran', sans-serif;
        padding: 0px;
    }

    #fixed_telefon .col_2 div {
        margin-top: 2px;
    }

    #fixed_telefon .col_2 div p {
        font: 500 12px/13px 'Catamaran', sans-serif;
    }

    /* --- fixed zamów --- */

    #fixed_zamow {
        top: 225px;
        padding: 5px 10px 5px 20px;
    }

    #fixed_zamow.close {
        right: -150px;
    }

    #fixed_zamow .col_2 {
        width: 135px;
    }

    #fixed_zamow .col_2 .c_blue {
        font: 700 18px/20px 'Catamaran', sans-serif;
    }

    #fixed_zamow .col_2 .c_orange {
        font: 700 24px/20px 'Catamaran', sans-serif;
    }

    #fixed_zamow .fixed_open {
        width: 50px;
        height: auto;
        margin-right: 10px;
    }

    #fixed_zamow .fixed_close {
        right: 10px;
        top: 10px;
    } 

    /* --- totop --- */

    #totop {
        right: 30px;
        bottom: 40px;
        width: 34px;
        height: 80px;
    }

    #totop .tlo {
        height: 65px;
    }

    /* --- podstrona certyfikaty --- */

    #certyfikaty {
        margin-bottom: 20px;
    }

    .box {
        width: 240px;
        height: 240px;
        margin: 0 10px 30px;
    }

    .box .logo {
        top: 30%;
    }

    .box .logo img {
        max-height: 100px;
    }

    /* --- podstrona jak zamówić --- */

    .zamowic_krok > img {
        width: 150px;
        height: auto;
        margin-right: 30px;
    }

    .zamowic_krok .col_2 h2 {
        margin-bottom: 20px;
    }

    .zamowic_krok .col_2 p {
        margin-bottom: 20px;
    }

    /* ------ formularz kontaktowy --------*/

    #formularz_kontaktowy {
        margin-bottom: 40px;
    }

    #formularz_kontaktowy form > div {
        width: 32%;
        margin-bottom: 30px;
    }

    #formularz_kontaktowy .form_text {
        margin-bottom: 12px;
    }

    #formularz_kontaktowy form .formularz_kolumna1 {
        width: 66%;
    }

    #formularz_kontaktowy .token input {
        width: 70px;
        padding: 0 10px;
    }

    #formularz_kontaktowy .formularz_kolumna2 .form_text {
        margin-bottom: 15px;
    }

    /* --- podstrona kontakt --- */

    #kontakt_row1 .col_2 {
        display: none;
    }

    #kontakt_row1 .cms {
        width: 100%;
        margin-right: 0;
    }

    #kontakt_row2 .kontakt_oddzial {
        width: 100%;
        margin-bottom: 40px;
    }

    #kontakt_row2 .cms hr:first-of-type {
        display: none;
    }

    #kontakt_row2 .cms hr:last-of-type {
        margin-top: 0;
    }


    /* --- podstrona o firmie --- */

    .o_firmie .col_1, 
    .o_firmie .col_2, 
    .o_firmie .zalety {
        width: 100%;
    }

    .f_sekcja_1 .col_1 {
        margin-bottom: 30px;
    }

    .o_firmie .col_1 img {
        width: 90px;
        height: auto;
        margin-right: 20px;
    }

    .f_sekcja_1 {
        margin-bottom: 40px;
    }

    .zalety {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .zalety h4 {
        padding-left: 50px;
        margin-bottom: 20px;
    }

    /* --- podstrona referencje --- */

    #podstrona_referencji {
        margin-bottom: 50px;
    }

    #podstrona_referencji .cms {
        margin-bottom: 10px;
    }

    #podstrona_referencji .col_1 {
        width: 100%;
        margin-bottom: 30px;
    }

    .referencje_media .media {
        height: auto;
        width: 48%;
    }

    .referencje_media .youtube img.ikona {
        width: 74px;
        height: auto;
    }

    .referencje_media .instagram img.ikona {
        width: 70px;
        height: auto;
    }

    .referencje_media .media .c_white {
        left: 20px;
        bottom: 20px;
        font: 700 16px/20px 'Catamaran', sans-serif;
    }

    .referencje_media .media .c_white span {
        font: 700 24px/24px 'Catamaran', sans-serif;
    }

    #podstrona_referencji .foto_certyfikat {
        margin: 0 auto;
        width: 60%;
    }

    /* --- podstrona zbior referencji --- */

    #lista_referencji {
        margin-bottom: 10px;
    }

    #lista_referencji .referencja {
        width: 100%;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    /* --- podstrona usługi --- */

    .uslugi .col_1, .uslugi .col_2 {
        width: 48%;
    }

    .u_sekcja_1 {
        margin-bottom: 20px;
    }

    .u_sekcja_1 .col_1,
    .u_sekcja_3 .col_1 {
        width: 100%;
    }

    .u_sekcja_1 .col_1 .row_2 {
        justify-content: flex-start;
    }

    .u_sekcja_1 .col_1 .row_2 img, 
    .u_sekcja_3 .col_1 img {
        width: 120px;
        height: auto;
        margin-right: 30px;
    }

    .u_sekcja_1 .col_2,
    .u_sekcja_3 .col_2 {
        display: none;
    }

    .u_sekcja_1 .col_2 .last_img,
    .u_sekcja_3 .col_2 img {
        width: 65px;
        height: auto;
    }

    .u_sekcja_2 .tytul {
        margin-bottom: 15px;
    }

    .u_sekcja_2 .tytul img {
        margin-right: 15px;
    }

    .u_sekcja_2 .tytul .c_orange {
        font: 700 28px/28px 'Catamaran', sans-serif;
    }

    .u_sekcja_2 .tytul .c_orange span {
        font: 400 17px/22px 'Catamaran', sans-serif;
    }

    .u_sekcja_2 {
        margin-bottom: 35px;
    }

    .u_sekcja_3 {
        margin-bottom: 20px;
    }

    .hr_uslugi {
        margin: 35px 0;
    }

    .u_sekcja_4 {
        flex-wrap: wrap;
    }

    .u_sekcja_4 .col_1, .u_sekcja_4 .col_2 {
        width: 48%;
    }

    .u_sekcja_4 .col_3 {
        width: 100%;
        /*        display: flex;
                justify-content: space-between;
                flex-wrap: wrap;*/
    }


    .u_sekcja_5 {
        margin-bottom: 30px;
    }

    .foto_uslugi {
        margin: 30px 0 40px;
    }

    .u_sekcja_4 .c_blue, .u_sekcja_5 p {
        padding-left: 45px;
        line-height: 40px;
    }

}

@media only screen and (min-width: 412px) and (max-width: 599px) {

    /* --- ustawienia ogólne --- */

    .home_container {
        margin: 0 30px;
    }

    #content_podstrony {
        padding: 20px 0 40px;
    }

    .container {
        width: 100%;
        margin: 0 30px;
    }

    .cms h1, h1 {
        font: 700 36px/38px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    .cms h2, h2 {
        font: 700 30px/32px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    .cms h3, h3 {
        font: 700 26px/28px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms h4, h4 {
        font: 700 22px/24px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms h5, h5 {
        font: 700 19px/21px 'Catamaran', sans-serif;
        margin-bottom: 20px;
    }

    .cms p {
        margin-bottom: 20px;
    }

    .cms p, p {
        font: 400 17px/26px 'Catamaran', sans-serif;
    }

    .cms > img, .cms p img {
        margin: 30px 0;
    }

    .cms hr, hr {
        margin: 30px 0;
    }

    .cms ul,
    .cms ol {
        margin-bottom: 25px;
    }

    .cms ol ul, .cms ol ol, .cms ul ul, .cms ul ol {
        margin: 10px 0 0 0;
    }

    .cms li {
        margin-bottom: 10px;
        padding-left: 20px;
        font: 400 17px/26px 'Catamaran', sans-serif;
    }

    .cms table {
        margin-bottom: 35px;
    }

    .cms > table td, .cms > table th {
        padding: 20px 25px;
    }

    .cms > table thead th {
        font: 700 18px/22px 'Catamaran', sans-serif;
    }

    /* --- pliki na podstronie --- */

    #pliki {
        margin-bottom: 30px;
    }

    /* --- galeria --- */

    #galeria {
        margin-bottom: 30px;
    }

    /* --- breadcrumps --- */

    #breadcrumps {
        padding-bottom: 20px;
    }

    /* ---- paginacja ---- */

    #paginacja {
        margin-bottom: 30px;
    }

    /* --- kategorie --- */

    #kategorie .box {
        height: 240px;
    }

    #kategorie .box .nazwa {
        font: 700 20px/25px 'Catamaran', sans-serif;
        height: 100px;
        width: 80%;
        top: 20%;
    }

    /* --- buttony --- */

    .button {
        font: 700 15px/15px 'Catamaran', sans-serif;
    }

    .button_p {
        padding: 15px 60px 15px 20px;      
    }

    .button_l {
        padding: 15px 20px 15px 60px;
    }

    /* --- menu główne ---*/

    header {
        padding: 15px 10px 0 30px;
        align-items: center;
    }

    #header_logo {
        width: 170px;
        height: auto;
    }

    nav#menu_desktop {
        display: none;
    }

    /* --- menu mobilne --- */

    #hamburger {
        display: block;
    }

    /* --- baner na podstronie --- */ 

    #baner_podstrony {
        height: 110px;
    }

    #baner_podstrony::after {
        display: none;
    }

    #baner_podstrony .home_container img {
        display: none;
    }

    /* --- baner na stronie głownej --- */

    #baner::after {
        top: -120px;
    }

    #baner_belka {
        height: 150px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    #baner_belka::after {
        display: none;
    }

    #baner_belka .belka_right {
        height: 75px;
    }

    #baner_belka .belka_left {
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 0;
        height: 60px;
        width: 100%;
        justify-content: flex-end;
    }

    #baner_belka .belka_right {
        padding-right: 30px;
        width: 330px;
    }

    #baner_belka p {
        font: 700 18px/18px 'Catamaran', sans-serif;
    }

    #slider_zaufali {
        margin-left: 10px;
        width: 287px;
    }

    #slider_zaufali .firmy_zaufali a {
        margin-right: 5px;
        font: 700 17px/17px 'Catamaran', sans-serif;
        padding: 5px;
    }

    #b_zaufali_prev {
        margin-right: 10px;
    }

    #b_zaufali_next {
        margin-left: 10px;
    }

    #baner_belka .belka_right .zbior_loga a {
        margin-left: 25px;
    }

    #todown {
        left: 30px;
        bottom: 10px;
        width: 34px;
        height: 80px;
    }

    #todown .pole {
        width: 34px;
        height: 65px;
    }

    #todown .pole_2 {
        top: 15px;
    }

    #todown .c_blue {
        display: none;  
    }

    #baner_tresc {
        margin: 0 30px 40px;
    }

    #baner_tresc .big_text {
        font: 700 42px/42px 'Catamaran', sans-serif;
        text-align: center;
    }

    #baner_tresc .text {
        font: 700 26px/36px 'Catamaran', sans-serif;
        text-align: center;
        margin-bottom: 20px;
    }

    #baner_tresc .box_baner {
        flex-wrap: wrap;
        justify-content: center;
    }

    #baner_tresc .box_baner p {
        font: 500 20px/20px 'Catamaran', sans-serif;
        text-align: center;
        margin: 0;
        order: 2;       
    }

    #baner_tresc .box_baner img {
        width: 320px;
        height: auto;
        margin-bottom: 20px;
    }

    #baner_tresc .box_baner .belka_gradient {
        top: -20px;
        transform: translate(0,0);
    }

    /* --- strona główna - sekcja ikony --- */

    #sekcja_ikony .home_container {
        padding: 50px 0 0;
        justify-content: center;
    }

    #sekcja_ikony .box_ikona {
        width: 100%;
        padding-left: 95px;
        margin-bottom: 50px;
    }

    #sekcja_ikony .box_ikona::after {
        width: 75px;
        height: 75px;
    }

    #sekcja_ikony .box_ikona::before {
        width: 60px;
        height: 60px;
        left: 10px;
        top: 40px;
    }

    #sekcja_ikony .box_ikona2 {
        margin: 0 0 50px 0;
    }

    #sekcja_ikony .box_ikona .c_blue {
        font: 700 30px/28px 'Catamaran', sans-serif;
        height: auto;
        max-height: 60px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    #sekcja_ikony .box_ikona .c_blue br {
        display: none;
    }

    #sekcja_ikony .box_ikona span {
        margin-bottom: 20px;
        max-height: 78px;
        height: auto;
    }

    /* --- strona główna sekcja wycena --- */

    #sekcja_wycena {
        background-size: 400px 30px;
    }

    #sekcja_wycena .home_container {
        padding: 60px 0 50px;
    }

    .home_mar_l {
        margin-left: 0;
    }

    .home_mar_r {
        margin-right: 0;
    }

    #sekcja_wycena .box_wycena {
        width: auto;
    }

    #sekcja_wycena .box_wycena .c_blue {
        font: 700 34px/34px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    #sekcja_wycena .box_wycena .home_p {
        max-height: 100%;
    }

    #sekcja_wycena .home_container > img {
        display: none;
    }

    /* --- footer parallax --- */

    #parallax {
        height: 240px;
    }

    #parallax .box_parallax .c_blue {
        font: 700 32px/36px 'Catamaran', serif;
        margin-bottom: 30px;
    }

    #parallax .box_parallax img {
        width: 120px;
        height: auto;
        right: -50px;
        bottom: -15px;
    }

    /* --- footer kontakt --- */

    #footer_kontakt .home_container {
        padding: 50px 0 10px;
        flex-wrap: wrap
    }

    #footer_kontakt .col_1 {
        width: 100%;
    }

    #footer_kontakt .kontakt_separator {
        display: none
    }

    #footer_kontakt .col_2 {
        width: 100%;
        margin-top: 20px;
    }

    #footer_kontakt .col_1 .box_kontakt {
        padding-left: 50px;
        font: 700 18px/26px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_1 .box_kontakt a, #footer_kontakt .col_1 .box_kontakt span {
        font: 400 18px/26px 'Catamaran', sans-serif;
    }

    #footer_kontakt .kontakt1, 
    #footer_kontakt .kontakt2,
    #footer_kontakt .kontakt3,
    #footer_kontakt .col_1 .button {
        margin-bottom: 25px;
        margin-left: 40px;
    }

    #footer_kontakt .col_1 .box_kontakt::after {
        width: 42px;
        height: 42px;
    }

    #footer_kontakt .col_2 .c_blue {
        padding-left: 90px;
        margin-bottom: 25px;
        font: 700 30px/32px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_2 .c_blue::after {
        width: 70px;
        height: 70px;
    }

    #footer_kontakt .col_2 .text_kontakt {
        font: 400 18px/24px 'Catamaran', serif;
    }

    #stopka {
        padding: 20px 0;
    }

    /* --- fixed telefony --- */ 

    #fixed_telefon {
        padding: 5px 10px;
        top: 85px;
    }

    #fixed_telefon.close {
        right: -135px;
    }

    #fixed_telefon.close.fixed_tekst {
        right: -215px;
    }

    #fixed_telefon > img {
        width: 50px;
        height: auto;
        margin-right: 5px;
    }

    #fixed_telefon .col_2 {
        width: 125px;
    }

    #fixed_telefon.fixed_tekst .col_2 {
        width: 205px;
    }

    #fixed_telefon .col_2 a {
        font: 700 17px/19px 'Catamaran', sans-serif;
        padding: 0px;
    }

    #fixed_telefon .col_2 div {
        margin-top: 2px;
    }

    #fixed_telefon .col_2 div p {
        font: 500 12px/13px 'Catamaran', sans-serif;
    }

    /* --- fixed zamów --- */

    #fixed_zamow {
        top: 170px;
        padding: 5px 10px 5px 20px;
    }

    #fixed_zamow.close {
        right: -135px;
    }

    #fixed_zamow .col_2 {
        width: 120px;
    }

    #fixed_zamow .col_2 .c_blue {
        font: 700 18px/20px 'Catamaran', sans-serif;
    }

    #fixed_zamow .col_2 .c_orange {
        font: 700 20px/18px 'Catamaran', sans-serif;
    }

    #fixed_zamow .fixed_open {
        width: 45px;
        height: auto;
        margin-right: 5px;
    }

    #fixed_zamow .fixed_close {
        right: 10px;
        top: 10px;
    } 

    /* --- totop --- */

    #totop {
        right: 20px;
        bottom: 40px;
        width: 34px;
        height: 80px;
    }

    #totop .tlo {
        height: 65px;
    }

    /* --- podstrona certyfikaty */

    #certyfikaty {
        margin-bottom: 20px;
    }

    .box {
        width: 240px;
        height: 240px;
        margin: 0 10px 25px;
    }

    .box .logo {
        top: 30%;
    }

    .box .logo img {
        max-height: 100px;
    }

    /* --- podstrona jak zamówić --- */

    .zamowic_krok > img {
        width: 100px;
        height: auto;
        margin-right: 20px;
    }

    .zamowic_krok .col_2 h2 {
        margin-bottom: 15px;
    }

    .zamowic_krok .col_2 p {
        margin-bottom: 15px;
    }

    /* ------ formularz kontaktowy --------*/

    #formularz_kontaktowy {
        margin-bottom: 40px;
    }

    #formularz_kontaktowy form > div {
        width: 47%;
        margin-bottom: 25px;
    }

    #formularz_kontaktowy .form_text {
        margin-bottom: 10px;
    }

    #formularz_kontaktowy form .formularz_kolumna1 {
        width: 100%;
        margin-bottom: 25px;
    }

    #formularz_kontaktowy .textarea {
        margin-bottom: 25px;
    }

    #formularz_kontaktowy .token input {
        width: 70px;
        padding: 0 10px;
    }

    #formularz_kontaktowy .formularz_kolumna2 .form_text {
        margin-bottom: 15px;
    }

    #formularz_kontaktowy form .formularz_kolumna2 {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    #formularz_kontaktowy .token div {
        margin-bottom: 20px;
        justify-content: flex-start
    }

    #formularz_kontaktowy .token div img {
        margin-right: 20px;
    }

    #formularz_kontaktowy form .formularz_kolumna2 > div {
        width: 47%;
    }

    /* --- podstrona kontakt --- */

    #kontakt_row1 .col_2 {
        display: none;
    }

    #kontakt_row1 .cms {
        width: 100%;
        margin-right: 0;
    }

    #kontakt_row2 .kontakt_oddzial {
        width: 100%;
        margin-bottom: 40px;
    }

    #kontakt_row2 .cms hr:first-of-type {
        display: none;
    }

    #kontakt_row2 .cms hr:last-of-type {
        margin-top: 0;
    }

    /* --- podstrona o firmie --- */

    .o_firmie .col_1, 
    .o_firmie .col_2, 
    .o_firmie .zalety {
        width: 100%;
    }

    .f_sekcja_1 .col_1 {
        margin-bottom: 30px;
    }

    .o_firmie .col_1 img {
        display: none;
    }

    .f_sekcja_1 {
        margin-bottom: 40px;
    }

    .zalety {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .zalety h4 {
        padding-left: 40px;
        margin-bottom: 20px;
    }

    /* --- podstrona o firmie --- */

    .o_firmie .col_1, 
    .o_firmie .col_2, 
    .o_firmie .zalety {
        width: 100%;
    }

    .f_sekcja_1 .col_1 {
        margin-bottom: 30px;
    }

    .o_firmie .col_1 img {
        width: 90px;
        height: auto;
        margin-right: 20px;
    }

    .f_sekcja_1 {
        margin-bottom: 40px;
    }

    .zalety {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .zalety h4 {
        padding-left: 50px;
        margin-bottom: 20px;
    }

    /* --- podstrona referencje --- */

    #podstrona_referencji {
        margin-bottom: 50px;
    }

    #podstrona_referencji .cms {
        margin-bottom: 10px;
    }

    #podstrona_referencji .col_1 {
        width: 100%;
        margin-bottom: 0;
    }

    .referencje_media {
        flex-wrap: wrap;
    }

    .referencje_media .media {
        height: auto;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 25px;
    }

    .referencje_media .youtube img.ikona {
        width: 74px;
        height: auto;
    }

    .referencje_media .instagram img.ikona {
        width: 70px;
        height: auto;
    }

    .referencje_media .media .c_white {
        left: 20px;
        bottom: 20px;
        font: 700 16px/20px 'Catamaran', sans-serif;
    }

    .referencje_media .media .c_white span {
        font: 700 24px/24px 'Catamaran', sans-serif;
    }

    #podstrona_referencji .foto_certyfikat {
        margin: 0 auto;
        width: 80%;
    }

    /* --- podstrona zbior referencji --- */

    #lista_referencji {
        margin-bottom: 10px;
    }

    #lista_referencji .referencja {
        width: 100%;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    /* --- podstrona usługi --- */

    .uslugi .col_1, 
    .uslugi .col_2 {
        width: 100%;
    }

    .u_sekcja_1 {
        margin-bottom: 20px;
    }


    .u_sekcja_1 .col_1 .row_2 {
        justify-content: flex-start;
    }

    .u_sekcja_1 .col_1 .row_2 img, 
    .u_sekcja_3 .col_1 img {
        width: 120px;
        height: auto;
        margin-right: 30px;
    }

    .u_sekcja_1 .col_1 .row_2 h2, 
    .u_sekcja_3 .col_1 h2 {
        margin-bottom: 0;
    }

    .u_sekcja_1 .col_2,
    .u_sekcja_3 .col_2 {
        display: none;
    }

    .u_sekcja_1 .col_2 .last_img,
    .u_sekcja_3 .col_2 img {
        width: 65px;
        height: auto;
    }

    .u_sekcja_2 .col_1 {
        margin-bottom: 25px;
    }

    .u_sekcja_2 .tytul {
        margin-bottom: 15px;
    }

    .u_sekcja_2 .tytul img {
        margin-right: 15px;
    }

    .u_sekcja_2 .tytul .c_orange {
        font: 700 28px/28px 'Catamaran', sans-serif;
    }

    .u_sekcja_2 .tytul .c_orange span {
        font: 400 17px/22px 'Catamaran', sans-serif;
    }

    .u_sekcja_2 {
        margin-bottom: 35px;
        flex-wrap: wrap;
    }

    .u_sekcja_3 {
        margin-bottom: 20px;
    }

    .hr_uslugi {
        margin: 35px 0;
    }

    .u_sekcja_4 {
        flex-wrap: wrap;
    }

    .u_sekcja_4 .col_1, .u_sekcja_4 .col_2, .u_sekcja_4 .col_3 {
        width: 100%;
    }

    .u_sekcja_5 {
        margin-bottom: 30px;
    }

    .foto_uslugi {
        margin: 30px 0 40px;
    }

    .u_sekcja_4 .c_blue, .u_sekcja_5 p {
        padding-left: 45px;
        line-height: 40px;
    }

}

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

    /* --- ustawienia ogólne --- */

    .home_container {
        margin: 0 20px;
    }

    .home_p {
        font: 400 16px/24px 'Catamaran', serif;
    }

    #content_podstrony {
        padding: 20px 0 30px;
    }

    .container {
        width: 100%;
        margin: 0 20px;
    }

    .cms h1, h1 {
        font: 700 32px/34px 'Catamaran', sans-serif;
        margin-bottom: 30px;
    }

    .cms h2, h2 {
        font: 700 28px/30px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms h3, h3 {
        font: 700 24px/26px 'Catamaran', sans-serif;
        margin-bottom: 25px;
    }

    .cms h4, h4 {
        font: 700 20px/22px 'Catamaran', sans-serif;
        margin-bottom: 20px;
    }

    .cms h5, h5 {
        font: 700 18px/20px 'Catamaran', sans-serif;
        margin-bottom: 20px;
    }

    .cms p {
        margin-bottom: 20px;    
    }

    .cms p, p {
        font: 400 16px/24px 'Catamaran', serif;
    }

    .cms > img, .cms p img {
        margin: 25px 0;
    }

    .cms hr, hr {
        margin: 25px 0;
    }

    .cms ul,
    .cms ol {
        margin-bottom: 20px;
    }

    .cms ol ul, .cms ol ol, .cms ul ul, .cms ul ol {
        margin: 8px 0 0 0;
    }

    .cms li {
        margin-bottom: 8px;
        padding-left: 20px;
        font: 400 16px/24px 'Catamaran', sans-serif;
    }

    .cms ul > li::before {
        top: 10px;
    }

    .cms table {
        margin-bottom: 30px;
    }

    .cms > table td, .cms > table th {
        padding: 15px 20px;
    }

    .cms > table thead th {
        font: 700 17px/21px 'Catamaran', sans-serif;
    }

    .cms > table tbody {
        font: 400 15px/20px 'Catamaran', sans-serif;
    }

    /* --- buttony --- */

    .button {
        font: 600 14px/14px 'Catamaran', sans-serif;
    }   

    .button_p {    
        padding: 15px 60px 15px 20px;
    }

    .button_l {
        padding: 15px 20px 15px 60px;
    }

    /* --- pliki na podstronie --- */

    #pliki {
        margin-bottom: 30px;
    }

    #pliki a {
        font: 600 17px/20px 'Catamaran', sans-serif;
        padding: 0 0 0 35px;
    }

    /* --- galeria --- */

    #galeria {
        margin-bottom: 20px;
    }

    #galeria a {
        margin: 10px 0;
        width: 280px;
        height: 280px;
    }

    /* ---- paginacja ---- */

    #paginacja {
        margin-bottom: 30px;
    }

    .button_pag {
        width: 44px;
        height: 44px;
        margin: 0 12px 0 0;
    }

    .button_pag_next {
        margin: 0 0 0 12px;
    }

    /* --- breadcrumps --- */

    #breadcrumps {
        padding-bottom: 20px;
    }

    #breadcrumps a, 
    #breadcrumps .active {
        margin: 0 10px 5px 0;
    }

    #breadcrumps div img {
        margin: 0 10px 8px 0;
    }

    /* --- kategorie --- */

    #kategorie .box {
        height: 240px;
    }

    #kategorie .box .nazwa {
        font: 700 20px/25px 'Catamaran', sans-serif;
        height: 100px;
        width: 80%;
        top: 20%;
    }

    .box .certyfikat_button {
        display: none;
    }

    .box .box_1 {
        bottom: 20px;
    }

    .box .miniatura {
        top: 45%;
    }

    /* --- menu główne ---*/

    header {
        padding: 10px 0 0 20px;
        align-items: center;
    }

    #header_logo {
        width: 160px;
        height: auto;
    }

    nav#menu_desktop {
        display: none;
    }

    /* --- menu mobilne --- */

    #hamburger {
        display: block;
    }

    /* --- baner na podstronie --- */ 

    #baner_podstrony {
        height: 100px;
    }

    #baner_podstrony::after {
        display: none;
    }

    #baner_podstrony .home_container img {
        display: none;
    }

    /* --- baner na stronie głownej --- */

    #baner::after {
        top: -120px;
    }

    #baner_belka {
        height: 150px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    #baner_belka::after {
        display: none;
    }

    #baner_belka .belka_right {
        height: 75px;
    }

    #baner_belka .belka_left {
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 0;
        height: 60px;
        width: 100%;
        flex-wrap: wrap;
    }

    #baner_belka .belka_right {
        padding-right: 20px;
        width: 80%;
    }

    #baner_belka p {
        font: 700 18px/18px 'Catamaran', sans-serif;
    }

    #baner_belka p br {
        display: none;
    }

    #slider_zaufali {
        margin-left: 0;
        width: 100%;
    }

    #slider_zaufali .firmy_zaufali a {
        margin-right: 5px;
        font: 700 16px/16px 'Catamaran', sans-serif;
        padding: 5px;
    }

    #b_zaufali_prev {
        margin-right: 10px;
    }

    #b_zaufali_next {
        margin-left: 10px;
    }

    #baner_belka .belka_right p {
        margin-right: 0
    }

    #baner_belka .belka_right .zbior_loga a {
        margin-left: 15px;
    }

    #baner_belka .belka_right .zbior_loga a img {
        /*        height: auto;
                max-width: 70%;
                display: block;*/
    }

    #todown {
        left: 20px;
        bottom: 10px;
        width: 34px;
        height: 80px;
    }

    #todown .pole {
        width: 34px;
        height: 65px;
    }

    #todown .pole_2 {
        top: 15px;
    }

    #todown .c_blue {
        display: none;  
    }

    #baner_tresc {
        margin: 0 20px 40px;
    }

    #baner_tresc .big_text {
        font: 700 36px/36px 'Catamaran', sans-serif;
        text-align: center;
    }

    #baner_tresc .text {
        font: 700 22px/30px 'Catamaran', sans-serif;
        text-align: center;
        margin-bottom: 20px;
    }

    #baner_tresc .box_baner {
        flex-wrap: wrap;
        justify-content: center;
    }

    #baner_tresc .box_baner p {
        font: 500 18px/18px 'Catamaran', sans-serif;
        text-align: center;
        margin: 0;
        order: 2;       
    }

    #baner_tresc .box_baner img {
        width: 270px;
        height: auto;
        margin-bottom: 20px;
    }

    #baner_tresc .box_baner .belka_gradient {
        top: -20px;
        transform: translate(0,0);
        height: 6px;
    }

    /* --- strona główna - sekcja ikony --- */

    #sekcja_ikony .home_container {
        padding: 40px 0 0;
        justify-content: center;
    }

    #sekcja_ikony .box_ikona {
        width: 100%;
        padding-left: 70px;
        margin-bottom: 40px;
    }

    #sekcja_ikony .box_ikona::after {
        width: 60px;
        height: 60px;
    }

    #sekcja_ikony .box_ikona::before {
        width: 50px;
        height: 50px;
        left: 10px;
        top: 40px;
    }

    #sekcja_ikony .box_ikona2 {
        margin: 0 0 50px 0;
    }

    #sekcja_ikony .box_ikona .c_blue {
        font: 700 24px/24px 'Catamaran', sans-serif;
        height: auto;
        max-height: 48px;
        overflow: hidden;
        margin-bottom: 15px;
    }

    #sekcja_ikony .box_ikona .c_blue br {
        display: none;
    }

    #sekcja_ikony .box_ikona span {
        margin-bottom: 20px;
        max-height: 110px;
        height: auto;
    }

    /* --- strona główna sekcja wycena --- */

    #sekcja_wycena {
        background-size: 400px 30px;
    }

    #sekcja_wycena .home_container {
        padding: 60px 0 50px;
    }

    .home_mar_l {
        margin-left: 0;
    }

    .home_mar_r {
        margin-right: 0;
    }

    #sekcja_wycena .box_wycena {
        width: auto;
    }

    #sekcja_wycena .box_wycena .c_blue {
        font: 700 28px/28px 'Catamaran', sans-serif;
        margin-bottom: 20px;
    }

    #sekcja_wycena .box_wycena .home_p {
        max-height: 100%;
        margin-bottom: 20px;
    }

    #sekcja_wycena .home_container > img {
        display: none;
    }

    /* --- footer parallax --- */

    #parallax {
        height: 200px;
    }

    #parallax .box_parallax .c_blue {
        font: 700 28px/32px 'Catamaran', serif;
        margin-bottom: 20px;
    }

    #parallax .box_parallax img {
        width: 100px;
        height: auto;
        right: -30px;
        bottom: -10px;
    }

    /* --- footer kontakt --- */

    #footer_kontakt .home_container {
        padding: 40px 0 10px;
        flex-wrap: wrap
    }

    #footer_kontakt .col_1 {
        width: 100%;
    }

    #footer_kontakt .kontakt_separator {
        display: none
    }

    #footer_kontakt .col_2 {
        width: 100%;
        margin-top: 20px;
    }

    #footer_kontakt .col_1 .box_kontakt {
        padding-left: 50px;
        font: 700 16px/22px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_1 .box_kontakt a, #footer_kontakt .col_1 .box_kontakt span {
        font: 400 16px/22px 'Catamaran', sans-serif;
    }

    #footer_kontakt .kontakt1, 
    #footer_kontakt .kontakt2,
    #footer_kontakt .kontakt3 {
        margin-bottom: 20px;
    }

    #footer_kontakt .col_1 .button {
        margin: 0 auto 20px;
    }

    #footer_kontakt .col_1 .box_kontakt::after {
        width: 40px;
        height: 40px;
    }

    #footer_kontakt .col_2 .c_blue {
        padding-left: 80px;
        margin-bottom: 20px;
        font: 700 22px/26px 'Catamaran', sans-serif;
    }

    #footer_kontakt .col_2 .c_blue::after {
        width: 64px;
        height: 64px;
    }

    #footer_kontakt .col_2 .text_kontakt {
        font: 400 16px/22px 'Catamaran', serif;
    }

    #stopka {
        padding: 10px 0;
    }

    #stopka .text_stopka {
        width: 40%;
    }

    #stopka a.text_stopka {
        text-align: right;
    }

    /* --- fixed telefony --- */ 

    #fixed_telefon {
        padding: 5px 10px;
        top: 85px;
    }

    #fixed_telefon.close {
        right: -135px;
    }

    #fixed_telefon.close.fixed_tekst {
        right: -215px;
    }

    #fixed_telefon > img {
        width: 50px;
        height: auto;
        margin-right: 5px;
    }

    #fixed_telefon .col_2 {
        width: 125px;
    }

    #fixed_telefon.fixed_tekst .col_2 {
        width: 205px;
    }

    #fixed_telefon .col_2 a {
        font: 700 17px/19px 'Catamaran', sans-serif;
        padding: 0;
    }

    #fixed_telefon .col_2 div {
        margin-top: 2px;
    }

    #fixed_telefon .col_2 div p {
        font: 500 12px/13px 'Catamaran', sans-serif;
    }

    /* --- fixed zamów --- */

    #fixed_zamow {
        top: 170px;
        padding: 5px 10px 5px 20px;
    }

    #fixed_zamow.close {
        right: -135px;
    }

    #fixed_zamow .col_2 {
        width: 120px;
    }

    #fixed_zamow .col_2 .c_blue {
        font: 700 18px/20px 'Catamaran', sans-serif;
    }

    #fixed_zamow .col_2 .c_orange {
        font: 700 20px/18px 'Catamaran', sans-serif;
    }

    #fixed_zamow .fixed_open {
        width: 45px;
        height: auto;
        margin-right: 5px;
    }

    #fixed_zamow .fixed_close {
        right: 10px;
        top: 10px;
    } 

    /* --- totop --- */

    #totop {
        right: 10px;
        bottom: 40px;
        width: 34px;
        height: 80px;
    }

    #totop .tlo {
        height: 65px;
    }

    /* --- podstrona certyfikaty */

    .box {
        width: 240px;
        height: 240px;
        margin: 0 10px 25px;
    }

    .box .logo {
        top: 30%;
    }

    .box .logo img {
        max-height: 100px;
    }

    /* --- podstrona jak zamówić --- */

    .zamowic_krok > img {
        width: 70px;
        height: auto;
        margin-right: 20px;
    }

    .zamowic_krok .col_2 {
        position: relative
    }

    .zamowic_krok .col_2 img {
        width: 38px;
        height: 45px;
        position: absolute;
        bottom: 60px;
        left: -80px;
    }

    .zamowic_last .col_2 img {
        display: none;
    }

    .zamowic_krok .col_2 h2 {
        margin-bottom: 15px;
    }

    .zamowic_krok .col_2 p {
        margin-bottom: 15px;
    }

    /* ------ formularz kontaktowy --------*/

    #formularz_kontaktowy {
        margin-bottom: 40px;
    }

    #formularz_kontaktowy form > div {
        width: 100%;
        margin-bottom: 20px;
    }

    #formularz_kontaktowy .form_text {
        margin-bottom: 8px;
    }

    #formularz_kontaktowy form .formularz_kolumna1 {
        width: 100%;
        margin-bottom: 25px;
    }

    #formularz_kontaktowy .textarea {
        margin-bottom: 20px;
    }

    #formularz_kontaktowy .token div {
        justify-content: space-around;
    }

    #formularz_kontaktowy .token input {
        width: 100px;
        padding: 0 10px;
    }

    #formularz_kontaktowy .formularz_kolumna2 .form_text {
        margin-bottom: 15px;
    }

    #formularz_kontaktowy form .formularz_kolumna2 {
        width: 80%;
        margin: 0 auto;
    }


    /* --- podstrona kontakt --- */

    #kontakt_row1 .col_2 {
        display: none;
    }

    #kontakt_row1 .cms {
        width: 100%;
        margin-right: 0;
    }

    #kontakt_row2 .kontakt_oddzial {
        width: 100%;
        margin-bottom: 40px;
    }

    #kontakt_row2 .cms hr:first-of-type {
        display: none;
    }

    #kontakt_row2 .cms hr:last-of-type {
        margin-top: 0;
    }

    /* --- podstrona o firmie --- */

    .o_firmie .col_1, 
    .o_firmie .col_2, 
    .o_firmie .zalety {
        width: 100%;
    }

    .f_sekcja_1 .col_1 {
        margin-bottom: 25px;
    }

    .o_firmie .col_1 img {
        display: none;
    }

    .f_sekcja_1 {
        margin-bottom: 30px;
    }

    .zalety {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .zalety h4 {
        padding-left: 40px;
        margin-bottom: 15px;
    }

    .o_firmie .col_2 img.last_img {
        width: 75px;
        height: auto;
    }

    /* --- podstrona referencje --- */

    #podstrona_referencji {
        margin-bottom: 50px;
    }

    #podstrona_referencji .cms {
        margin-bottom: 10px;
    }

    #podstrona_referencji .col_1 {
        width: 100%;
        margin-bottom: 0;
    }

    .referencje_media {
        flex-wrap: wrap;
    }

    .referencje_media .media {
        height: auto;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 25px;
    }

    .referencje_media .youtube img.ikona {
        width: 74px;
        height: auto;
    }

    .referencje_media .instagram img.ikona {
        width: 70px;
        height: auto;
    }

    .referencje_media .media .c_white {
        left: 20px;
        bottom: 20px;
        font: 700 16px/20px 'Catamaran', sans-serif;
    }

    .referencje_media .media .c_white span {
        font: 700 24px/24px 'Catamaran', sans-serif;
    }

    #podstrona_referencji .foto_certyfikat {
        margin: 0 auto;
        width: 100%;
    }

    /* --- podstrona zbior referencji --- */

    #lista_referencji {
        margin-bottom: 10px;
    }

    #lista_referencji .referencja {
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .referencja .button_pag {
        margin: 0 15px 0 0;
    }

    /* --- podstrona usługi --- */

    .uslugi .col_1, 
    .uslugi .col_2 {
        width: 100%;
    }

    .u_sekcja_1 {
        margin-bottom: 20px;
    }

    .u_sekcja_1 .col_1 .row_2 {
        justify-content: flex-start;
    }

    .u_sekcja_1 .col_1 .row_2 img, 
    .u_sekcja_3 .col_1 img {
        width: 65px;
        height: auto;
        margin-right: 15px;
    }

    .u_sekcja_1 .col_1 .row_2 h2, 
    .u_sekcja_3 .col_1 h2 {
        margin-bottom: 0;
    }

    .u_sekcja_1 .col_2,
    .u_sekcja_3 .col_2 {
        display: none;
    }

    .u_sekcja_1 .col_2 .last_img,
    .u_sekcja_3 .col_2 img {
        width: 65px;
        height: auto;
    }

    .u_sekcja_2 .col_1 {
        margin-bottom: 25px;
    }

    .u_sekcja_2 .tytul {
        margin-bottom: 10px;
    }

    .u_sekcja_2 .tytul img {
        margin-right: 10px;
        width: 20px;
        height: auto;
    }

    .u_sekcja_2 .tytul .c_orange {
        font: 700 22px/22px 'Catamaran', sans-serif;
    }

    .u_sekcja_2 .tytul .c_orange span {
        font: 400 17px/22px 'Catamaran', sans-serif;
    }

    .u_sekcja_2 {
        margin-bottom: 35px;
        flex-wrap: wrap;
    }

    .u_sekcja_3 {
        margin-bottom: 20px;
    }

    .hr_uslugi {
        margin: 30px 0;
    }

    .u_sekcja_4 {
        flex-wrap: wrap;
    }

    .u_sekcja_4 .col_1, .u_sekcja_4 .col_2, .u_sekcja_4 .col_3 {
        width: 100%;
    }

    .u_sekcja_5 {
        margin-bottom: 30px;
    }

    .foto_uslugi {
        margin: 30px 0 40px;
    }

    .u_sekcja_4 .c_blue, .u_sekcja_5 p {
        padding-left: 30px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .u_sekcja_5 p {
        line-height: 25px;
        margin-bottom: 10px
    }

    .u_sekcja_4 .c_blue::after, .u_sekcja_5 p::after {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }
}