/* Maksymalny rozmiar > 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
    #mobile-header {display: flex;}
    header {display: none;}
    .content {width: 980px;}
    #wrapper-container header {width: 980px; margin-left: -490px;}
    #wrapper_content .slider-info .big-text {}

    #main-info {min-width: 980px;}
    #main-info .box {width: 242px;}
    #main-info .box .tytul {}
    #main-info .box p {}
    
    #main-news {min-width: 980px;}
    #main-news .bordo-bg .news-item {width: 460px;}
    #main-news .bordo-bg {min-width: 980px;}
    #main-news .bordo-bg .news-item .news-pic {width: 170px; height: auto;}
    #main-news .bordo-bg .news-item .news-pic img {width: 170px; height: auto;}
    
    #main-parallax {min-width: 980px;}
    #main-parallax .red-box {width: 415px;}
    #dane-kontaktowe .bip {display: none;}
    
    #main-about .about-pic {width: 450px; height: auto;}
    #main-about .about-text {width: 495px;}
    #main-about .about-text .head {}
    #dane-kontaktowe .ask-online {display: none;}
    #dane-kontaktowe {min-width: 980px;}
    #dane-kontaktowe .f-adres {margin: 18px 140px 0 0;}
    #dane-kontaktowe .f-tel {margin: 18px 140px 0 0;}
   
    footer {min-width: 980px;}
    
   #sub-parallax {min-width: 980px; } 
   #sub-content {width: 980px; margin-bottom: 0;}
   
   #sub-parallax .big-text {}
   
   #right-content {width: 630px;}
   
   #oferta {text-align: center;}
   
   #right-content .galeria-glowne {width: 300px; height: 300px; margin: 0 25px 5px 0;}
   #right-content .galeria-glowne img {width: 300px; height: 300px;}
   #right-content .galeria-glowne .overlay {width: 300px; height: 300px; background-size: 300px 300px;}
   
   #right-content .przed_po_box {margin: 0 5px 30px 5px; width: 302px;}
   #right-content .przed_po_box a {width: 302px; height: 302px;}
   #right-content .przed_po_box a img {width: 302px; height: 302px;}
   #right-content .przed_po_box a .overlay {width: 302px; height: 302px; background-size: 302px 302px;}
   
   #right-content .right-contact {width: 264px;}
   #right-content .right-contact iframe {width: 264px;}
   
   #formularz-kontaktowy {width: 630px;}
   #formularz-kontaktowy .f_kolumna_1 {width: 296px;}
   #formularz-kontaktowy .f_input {width: 275px;}
   #formularz-kontaktowy .f_tekst {width: 610px; margin-bottom: 0;}
   #formularz-kontaktowy .f_textarea {width: 590px;}
   #formularz-kontaktowy .right_form {padding-top: 0; width: 420px; padding-bottom: 0;}
   #form_prawy {float: right;}
   #formularz-kontaktowy .f_input_button {margin-top: 28px;}
   
   #right-content .map iframe {width: 300px;}
   #right-content .contact-left {width: 300px;}

   #right-content .news .news-pic {width: 220px; height: 220px;}
   #right-content .news .news-pic img {width: 220px; height: auto;}
   #right-content .news .news-text {width: 380px;}
}

/* Rozmiar 1024px - 1080px */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    #top-contact {min-width: 740px;}
     .content {width: 740px;}
    #wrapper-container header {display: none;}
    #wrapper_content .slider-info { }
    #wrapper_content .slider-info .big-text {}
    
    #main-info {min-width: 740px;}
    #main-info .box {width: 224px; margin: 0 10px 0 10px;}
    #mobile-header {display: flex; min-width: 740px;}
    
    #main-about .about-pic {width: 350px; height: auto;}
    #main-about .about-text {width: 360px;}
    #main-about .about-text .head {font: 600 38px/42px "Open Sans",sans-serif;}
    #main-parallax {min-width: 740px;}
    #main-parallax .parallax-logo {width: 240px; height: auto;}
    #main-parallax .red-box {width: 350px; margin: 109px 0 0 0;}
    
    #main-news {min-width: 740px;}
    #main-news .bordo-bg .news-item {width: 340px;}
    #main-news .bordo-bg {min-width: 740px;}
    #main-news .bordo-bg .news-item .news-pic {width: 140px; height: auto;}
    #main-news .bordo-bg .news-item .news-pic img {width: 140px; height: auto;}
    #main-news .bordo-bg .news-item .news-text .title {font: 600 22px/30px "Open Sans",sans-serif; height: 58px;}
    #main-news .bordo-bg .news-item .news-text {width: 180px;}
    
    #dane-kontaktowe {min-width: 740px; height: 154px;} 
    #dane-kontaktowe .f-adres {margin: 18px 40px 0 0;}
    #dane-kontaktowe .f-mail {}
    #dane-kontaktowe .ask-online {}
    footer {min-width: 740px;}
    #dane-kontaktowe .bip::before {display: none;}
    #dane-kontaktowe .bip {float: left; margin-top: 40px; margin-left: 0; padding-left: 0;}
    #dane-kontaktowe .f-tel {margin-right: 40px;}
    
    #top-contact p.tel, #top-contact p.tel2 {margin-right: 30px;}
    #toTop {display: none !important;}
    
    header {display: none;}
    #sub-content {width: 740px; margin-bottom: 0;}
    #sub-parallax #mobile-header .logo {margin-top: 0;}
    #sub-parallax {min-width: 740px;} 
    #sub-parallax .big-text {margin-top: 0;}
    #left-content {display: none;}
    
    #right-content {float: none; padding-left: 0; border-left: none; width: 740px;}
    #oferta {text-align: center;}
    #menu-boczne-mobile {display: block;}
    
    #right-content .przed_po_box {width: 345px;}
    #right-content .przed_po_box a {width: 345px; height: 345px;}
    #right-content .przed_po_box a img {width: 345px; height: 345px;}
    #right-content .przed_po_box a .overlay {width: 345px; height: 345px; background-size: 345px 345px;}
    
    #right-content .right-contact {width: 372px;}
    #right-content .right-contact iframe {width: 372px;}
    
    #formularz-kontaktowy {width: 740px;}
    #formularz-kontaktowy .f_kolumna_1 {margin: 0 5px 15px 5px; width: 172px;}
    #formularz-kontaktowy .f_input {width: 152px;}
    #formularz-kontaktowy .f_tekst {width: 510px;}
    #formularz-kontaktowy .f_textarea {width: 488px;}
    #formularz-kontaktowy .right_form {padding-bottom: 0;}
    
       #right-content .map iframe {width: 400px;}
   #right-content .contact-left {width: 300px;}
    
    #galeria .galeria-item {width: 238px; height: 238px;}
    #galeria .galeria-item img {width: 238px; height: 238px;}
    #galeria .galeria-item .overlay {width: 238px; height: 238px; background-size: 238px 238px;}

    #logo_eu {
        width: 80px;
    }

    #right-content .news .news-pic {width: 260px; height: 260px;}
    #right-content .news .news-pic img {width: 260px; height: auto;}
    #right-content .news .news-text {width: 450px;}
}

/* Rozmiar 768px - 1010px */

@media only screen and (min-width: 533px) and (max-width: 767px) { 
    #top-contact {min-width: 513px;}
    .content {width: 513px;}
    #mobile-header {min-width: 513px;}
    #wrapper-container header {display: none;}
    #wrapper_content .slider-info {width: 350px; padding: 25px;}
    #wrapper_content .slider-info .big-text {font: 600 38px/48px "Open Sans",sans-serif;}
    #wrapper_content .slider-info .small-text {
        font: 400 14px/24px "Open Sans", sans-serif;
    }
    #wrapper_content .slider-info .more-btn {
        margin: 25px 0 0 0;
    }
    
    
    #main-about {padding-top: 40px;}
    #main-info {min-width: 513px;}
    #main-info .box {width: 214px; margin-bottom: 30px;}
    #mobile-header {display: flex; flex-direction: column;}
    #mobile-header .icony_wcag {
        margin: 15px 0 0 5px;
    }

    #right-content h1::before {
        top: 9px;
    }
    #right-content h1 {
        font: 600 38px/48px "Open Sans", sans-serif;
        padding: 0 0 0 52px;
    }
    
    #main-about .about-pic {width: 450px; height: auto; float: none; margin: 0 auto 20px;}
    #main-about .about-text {width: 513px; float: none;}
    #main-about .about-text .head {margin: 22px 0 25px 0; text-align: center;}
    
    #dane-kontaktowe {min-width: 513px; height: 224px;} 
    #dane-kontaktowe .f-adres {margin: 6px 0px 30px 0; display: block; float: none;}
    #dane-kontaktowe .f-tel {margin-right: 0; display: block; float: none;} 
    #dane-kontaktowe .f-mail {margin: 30px 0 0 0; display: block; float: none;}
    #dane-kontaktowe .ask-online {display: none;}
    footer {min-width: 513px;}
    #top-contact .mail {display: none;}
    #dane-kontaktowe .f-tel {margin-right: 0;}
    
    #top-contact p.tel, #top-contact p.tel2 {margin-right: 30px;}
    #toTop {display: none !important;}
    
    #main-parallax {min-width: 513px;}
    
    #main-parallax .parallax-logo {float: none; margin: 25px auto 0; display: block;}
    #main-parallax .red-box {float: none; margin: 60px 0 0 0; width: 414px;}
    #main-parallax .red-box:before {display: none;}
    
    #dane-kontaktowe .bip::before {display: none;}
    #dane-kontaktowe .bip {float: left; margin-top: 20px; margin-left: 0; padding-left: 0;}
    
    #main-news {min-width: 513px;}
    #main-news .bordo-bg .news-item {width: 340px; margin: 0 0 60px 0; width: 513px;}
    #main-news .bordo-bg {min-width: 513px;}
    #main-news .bordo-bg .news-item .news-pic {width: 210px; height: auto;}
    #main-news .bordo-bg .news-item .news-pic img {width: 210px; height: auto;}
    #main-news .bordo-bg .news-item .news-text .title {font: 600 22px/30px "Open Sans",sans-serif; height: 58px;}
    #main-news .bordo-bg .news-item .news-text {width: 280px;}
    
    header {display: none;}
    #sub-content {width: 513px; margin-bottom: 0;}
    #sub-parallax #mobile-header .logo {margin-top: 0;}
    #sub-parallax {min-width: 513px;} 
    #sub-parallax .big-text {margin-top: 0; }
    #left-content {display: none;}
    
    #right-content {float: none; padding-left: 0; border-left: none; width: 513px;}
    #oferta {text-align: center;}
    #menu-boczne-mobile {display: block;}
    
    #right-content .przed_po_box {width: 245px; margin: 0 5px 30px 5px;}
    #right-content .przed_po_box a {width: 245px; height: 245px;}
    #right-content .przed_po_box a img {width: 245px; height: 245px;}
    #right-content .przed_po_box a .overlay {width: 245px; height: 245px; background-size: 245px 245px;}
    
    #right-content .right-contact {width: 513px; float: none;}
    #right-content .right-contact iframe {width: 513px;}
    
    #formularz-kontaktowy {width: 513px;}
    #formularz-kontaktowy .f_kolumna_1 {margin: 0 5px 15px 5px; width: 245px;}
    #formularz-kontaktowy .f_input {width: 223px;}
    #formularz-kontaktowy .f_tekst {width: 499px;}
    #formularz-kontaktowy .f_textarea {width: 479px;}
    #formularz-kontaktowy .right_form {padding-top: 0; width: 420px; padding-bottom: 0;}
    #form_prawy {float: right;}
    #formularz-kontaktowy .f_input_button {margin-top: 28px;}
    
    
    #galeria .galeria-item {width: 248px; height: 248px;}
    #galeria .galeria-item img {width: 248px; height: 248px;} 
    #galeria .galeria-item .overlay {width: 248px; height: 248px; background-size: 248px 248px;} 
    
    #right-content .oferta-item {width: 236px;}
    #right-content .oferta-item .nazwa-kat {width: 206px;}
    
    #right-content .oferta-item .top-arrows {width: 236px;}
    #right-content .oferta-item .bottom-arrows {width: 236px;}
    #right-content .realizacje-container .realizacja-item {width: 238px;}
    #right-content .realizacje-container .realizacja-item .realizacja-pic {width: 238px; height: 238px;}
    #right-content .realizacje-container .realizacja-item .realizacja-pic img {width: 238px; height: 238px;}
    #right-content .realizacje-container .realizacja-item .realizacja-pic .pic-overlay {width: 238px; height: 238px; background-size: 238px 238px;}
    
    #right-content .map {float: left;}
   #right-content .contact-left {width: 300px;}
    
    #right-content .galeria-glowne {float: none; margin: 0 auto 10px;}

    #logo_eu {
        width: 80px;
    }

    #right-content .news .news-pic {float: none; width: 100%; height: auto; margin: 0 0 15px 0;}
    #right-content .news .news-pic img {width: 100%; height: auto; display: block;}
    #right-content .news .news-text {float: none; width: 100%;}
}

/* Rozmiar 533px - 767px */

@media only screen and (max-width: 532px) { 
     #top-contact {min-width: 300px;}
    .content {width: 300px;}
    #mobile-header {min-width: 300px;}
    #wrapper-container header {display: none;}
    #wrapper_content .slider-info {width: 270px; padding: 20px 15px; }
    #wrapper_content .slider-info .big-text {display: none;}
    #wrapper_content .slider-info .small-text {
        font: 400 13px/23px "Open Sans", sans-serif;
    }
    #wrapper_content .slider-info .more-btn {
        margin: 10px 0 0 0;
    }
    #wrapper .back_pic {
        padding: 40px 0 80px;
    }
    
    #mobile-header .logo {width: 200px; height: auto;}
    #mobile-header .logo img {width: 200px; height: auto;}
    
    
    #main-info {min-width: 300px; padding-bottom: 10px;}
    #main-info .box {width: 300px; margin-bottom: 30px; margin-left: 0; margin-right: 0;}
    #mobile-header {display: flex; flex-direction: column;}
    #mobile-header .icony_wcag {
        margin: 15px 0 0 5px;
    }
    
    #main-about .about-pic {width: 300px; height: auto; float: none; margin: 0 auto 20px;}
    #main-about .about-text {width: 300px; float: none;}
    #main-about .about-text .head {}
    
    #mobile-header .logo {margin-top: 0;}
    .dl-menuwrapper {top: 0 !important;}
    #top-contact {display: none;}
    #dane-kontaktowe {min-width: 300px; height: 255px;} 
    #dane-kontaktowe .f-adres {margin: 6px 0px 30px 0; display: block; float: none;}
    #dane-kontaktowe .f-tel {margin-right: 0; display: block; float: none;} 
    #dane-kontaktowe .f-mail {margin: 30px 0 0 0; display: block; float: none;}
    #dane-kontaktowe .ask-online {display: none;}
    footer {min-width: 300px; height: 38px;}
    #top-contact .mail {display: none;}
    #dane-kontaktowe .f-tel {margin-right: 0;}
    footer .copyright {float: none; text-align: center; margin: 0 0 5px 0; display: block;}
    footer .atkom {float: none; text-align: center; margin: 0 0 5px 0; display: block;}
    
    #top-contact p.tel, #top-contact p.tel2 {margin-right: 30px;}
    #toTop {display: none !important;}
    
    #main-parallax {min-width: 300px;}
    #main-parallax .parallax-logo {width: 260px; height: auto; float: none; margin: 85px auto 0; display: block;}
    #main-parallax .red-box {float: none; margin: 60px 0 0 0; width: 280px; padding: 10px;}
    #main-parallax .red-box:before {display: none;}
        
    #dane-kontaktowe .bip::before {display: none;}
    #dane-kontaktowe .bip {float: left; margin-top: 20px; margin-left: 0; padding-left: 0;}

    /* news-btn: strzałka (::before/::after right:-20px) zawarta wewnątrz przycisku */
    #main-news .bordo-bg .news-btn { padding-right: 28px; }
    #main-news .bordo-bg .news-btn::before,
    #main-news .bordo-bg .news-btn::after { right: 0; }
    #main-news .bordo-bg .news-btn:hover::before,
    #main-news .bordo-bg .news-btn:hover::after { right: 0; }

    #main-news {min-width: 300px;}
    #main-news .bordo-bg .news-item {width: 300px; margin: 0 0 60px 0;}
    #main-news .bordo-bg {min-width: 300px;}
    #main-news .bordo-bg .news-item .news-pic {width: 300px; height: auto; float: none; margin: 0 auto 20px;}
    #main-news .bordo-bg .news-item .news-pic img {width: 210px; height: auto;}
    #main-news .bordo-bg .news-item .news-text .title {font: 600 24px/32px "Open Sans",sans-serif; height: 58px;}
    #main-news .bordo-bg .news-item .news-text {width: 300px;}

    #right-content .news .news-pic {float: none; width: 100%; height: auto; margin: 0 0 15px 0;}
    #right-content .news .news-pic img {width: 100%; height: auto; display: block;}
    #right-content .news .news-text {float: none; width: 100%;}

    header {display: none;}
    #sub-content {width: 300px; margin-bottom: 0;}
    #sub-parallax #mobile-header .logo {margin-top: 0;}
    #sub-parallax {min-width: 300px;} 
    #sub-parallax .big-text {margin-top: 0;}
    #left-content {display: none;}
    
    #right-content {float: none; padding-left: 0; border-left: none; width: 300px;}
    #oferta {text-align: center;}
    #menu-boczne-mobile {display: block; width: 280px; margin: 0 auto;}
    #menu-boczne-mobile select {width: 280px;}
    
    #right-content .przed_po_box {width: 300px; margin: 0 0px 30px 0px;}
    #right-content .przed_po_box a {width: 300px; height: 300px;}
    #right-content .przed_po_box a img {width: 300px; height: 300px;}
    #right-content .przed_po_box a .overlay {width: 300px; height: 300px; background-size: 300px 300px;}
    
    #sub-parallax .big-text {}
    #sub-parallax .small-text {display: none;}
    
    #right-content .right-contact {width: 300px; float: none;}
    #right-content .right-contact iframe {width: 300px;}
    
    #formularz-kontaktowy {width: 300px;}
    #formularz-kontaktowy .f_kolumna_1 {margin: 0 0px 15px 0px; width: 300px;}
    #formularz-kontaktowy .f_input {width: 278px;}
    #formularz-kontaktowy .f_tekst {width: 300px; margin-left: 0;}
    #formularz-kontaktowy .f_textarea {width: 278px;}
    #formularz-kontaktowy .right_form {margin-left: 0;}
    #form_prawy {}
    #formularz-kontaktowy .f_input_button {margin-top: 28px;}
    
    #right-content .left-contact .contact-adress::before {display: none;}
    #right-content .left-contact .contact-adress {padding-left: 0;}
    
    #right-content .left-contact {width: 300px;}
    
    #galeria .galeria-item {width: 249px; height: 249px;}
    #galeria .galeria-item img {width: 249px; height: 249px;} 
    #galeria .galeria-item .overlay {width: 249px; height: 249px; background-size: 249px 249px;} 
    
    
    #right-content table {overflow-x: auto;}
    
    #right-content h1 {padding-left: 0; font: 600 32px/40px "Open Sans",sans-serif;}
    #right-content h1:before {display: none;}
    
    #right-content h2 {font: 600 28px/36px "Open Sans", sans-serif;}
    #right-content h3 {font: 600 24px/30px "Open Sans", sans-serif;}
    
    #right-content .map iframe {width: 300px;}
    
    #right-content .galeria-glowne {float: none; margin: 0 auto 10px; width: 300px; height: 300px;}
    #right-content .galeria-glowne img {width: 300px; height: 300px;}
    #right-content .galeria-glowne .overlay {width: 300px; height: 300px; background-size: 300px 300px;}

    #logo_eu {
        width: 62px;
        top: 90px;
    }
}

/* WCAG Zoom — wymuszona wersja mobilna przy powiększeniu > 100% */
html.wcag-zoom-mobile header,
html.wcag-zoom-mobile #wrapper-container header {
    display: none !important;
}
html.wcag-zoom-mobile #mobile-header {
    display: flex !important;
    min-width: 0 !important;
    width: 100% !important;
}
html.wcag-zoom-mobile #mobile-header .logo {
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 15px) !important;
}
html.wcag-zoom-mobile #mobile-header .logo img {
    width: 100% !important;
    height: auto !important;
}
html.wcag-zoom-mobile .content {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
html.wcag-zoom-mobile #sub-content {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
html.wcag-zoom-mobile #top-contact {
    min-width: 0 !important;
    width: 100% !important;
}
html.wcag-zoom-mobile #main-info,
html.wcag-zoom-mobile #main-news,
html.wcag-zoom-mobile #main-news .bordo-bg,
html.wcag-zoom-mobile #main-parallax,
html.wcag-zoom-mobile #dane-kontaktowe,
html.wcag-zoom-mobile footer,
html.wcag-zoom-mobile #sub-parallax {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Żaden element nie może być szerszy niż kontener — max-width ogranicza, min-width: 0 pozwala zawęzić */
html.wcag-zoom-mobile * {
    max-width: 100%;
    min-width: 0;
}
/* Wyłącz reset dla menu fixed — position:fixed nie powoduje horizontal scroll */
html.wcag-zoom-mobile .dl-menuwrapper,
html.wcag-zoom-mobile .dl-menuwrapper * {
    max-width: none !important;
    min-width: 0 !important;
}
/* Parallax: fixed background nie renderuje się przy CSS zoom — przełącz na scroll + auto height */
html.wcag-zoom-mobile #main-parallax {
    background-attachment: scroll !important;
    height: auto !important;
    min-height: 200px !important;
}
/* dane-kontaktowe: height: 76px zbyt wąski przy pionowym układzie — rozciągnij automatycznie */
html.wcag-zoom-mobile #dane-kontaktowe {
    height: auto !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Slider-info nie wychodzi poza .content przy aktywnym WCAG zoom */
html.wcag-zoom-mobile #wrapper_content .slider-info {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* WCAG Zoom — reguły per symulowany viewport (po regułach ogólnych — wyższy priorytet) */

/* 1024–1279 px symulowanego viewport */
html.wcag-vp-1024 #toTop { display: none !important; }
html.wcag-vp-1024 .content { width: 980px !important; padding-left: 0 !important; padding-right: 0 !important; }
html.wcag-vp-1024 #main-info .box { width: 242px !important; }
html.wcag-vp-1024 #main-about .about-pic { width: 450px !important; height: auto !important; }
html.wcag-vp-1024 #main-about .about-text { width: 495px !important; }
html.wcag-vp-1024 #main-parallax .parallax-logo { width: 240px !important; height: auto !important; }
html.wcag-vp-1024 #main-parallax .red-box { width: 415px !important; }
html.wcag-vp-1024 #main-news .bordo-bg .news-item { width: 460px !important; }
html.wcag-vp-1024 #main-news .bordo-bg .news-item .news-pic { width: 170px !important; height: auto !important; }
html.wcag-vp-1024 #main-news .bordo-bg .news-item .news-pic img { width: 170px !important; height: auto !important; }
html.wcag-vp-1024 #right-content .news .news-pic { width: 220px !important; height: 220px !important; }
html.wcag-vp-1024 #right-content .news .news-pic img { width: 220px !important; height: auto !important; }
html.wcag-vp-1024 #right-content .news .news-text { width: 380px !important; }
html.wcag-vp-1024 #sub-content { width: 980px !important; }
html.wcag-vp-1024 #right-content { width: 630px !important; }
html.wcag-vp-1024 #right-content .galeria-glowne { width: 300px !important; height: 300px !important; margin: 0 25px 5px 0 !important; }
html.wcag-vp-1024 #right-content .galeria-glowne img { width: 300px !important; height: 300px !important; }
html.wcag-vp-1024 #right-content .galeria-glowne .overlay { width: 300px !important; height: 300px !important; background-size: 300px 300px !important; }
html.wcag-vp-1024 #right-content .przed_po_box { width: 302px !important; margin: 0 5px 30px 5px !important; }
html.wcag-vp-1024 #right-content .przed_po_box a { width: 302px !important; height: 302px !important; }
html.wcag-vp-1024 #right-content .przed_po_box a img { width: 302px !important; height: 302px !important; }
html.wcag-vp-1024 #right-content .przed_po_box a .overlay { width: 302px !important; height: 302px !important; background-size: 302px 302px !important; }
html.wcag-vp-1024 #right-content .right-contact { width: 264px !important; }
html.wcag-vp-1024 #right-content .right-contact iframe { width: 264px !important; }
html.wcag-vp-1024 #formularz-kontaktowy { width: 630px !important; }
html.wcag-vp-1024 #formularz-kontaktowy .f_kolumna_1 { width: 296px !important; }
html.wcag-vp-1024 #formularz-kontaktowy .f_input { width: 275px !important; }
html.wcag-vp-1024 #formularz-kontaktowy .f_tekst { width: 610px !important; margin-bottom: 0 !important; }
html.wcag-vp-1024 #formularz-kontaktowy .f_textarea { width: 590px !important; }
html.wcag-vp-1024 #formularz-kontaktowy .right_form { padding-top: 0 !important; width: 420px !important; padding-bottom: 0 !important; }
html.wcag-vp-1024 #right-content .map iframe { width: 300px !important; }
html.wcag-vp-1024 #right-content .contact-left { width: 300px !important; }

/* 768–1023 px symulowanego viewport */
html.wcag-vp-768 .content { width: 740px !important; padding-left: 0 !important; padding-right: 0 !important; }
html.wcag-vp-768 #main-info .box { width: 224px !important; margin: 0 10px 0 10px !important; }
html.wcag-vp-768 #menu-boczne-mobile { display: block !important; }
html.wcag-vp-768 #toTop { display: none !important; }
html.wcag-vp-768 #oferta { text-align: center !important; }
html.wcag-vp-768 #main-about .about-pic { width: 350px !important; height: auto !important; }
html.wcag-vp-768 #main-about .about-text { width: 360px !important; }
html.wcag-vp-768 #main-parallax .parallax-logo { width: 240px !important; height: auto !important; }
html.wcag-vp-768 #main-parallax .red-box { width: 350px !important; margin: 109px 0 0 0 !important; }
html.wcag-vp-768 #main-news .bordo-bg .news-item { width: 340px !important; }
html.wcag-vp-768 #main-news .bordo-bg .news-item .news-pic { width: 140px !important; height: auto !important; }
html.wcag-vp-768 #main-news .bordo-bg .news-item .news-pic img { width: 140px !important; height: auto !important; }
html.wcag-vp-768 #main-news .bordo-bg .news-item .news-text { width: 180px !important; }
html.wcag-vp-768 #right-content .news .news-pic { float: none !important; width: 100% !important; height: auto !important; margin: 0 0 15px 0 !important; }
html.wcag-vp-768 #right-content .news .news-pic img { width: 100% !important; height: auto !important; display: block !important; }
html.wcag-vp-768 #right-content .news .news-text { float: none !important; width: 100% !important; }
html.wcag-vp-768 #galeria .galeria-item { width: 238px !important; height: 238px !important; }
html.wcag-vp-768 #galeria .galeria-item img { width: 238px !important; height: 238px !important; }
html.wcag-vp-768 #galeria .galeria-item .overlay { width: 238px !important; height: 238px !important; background-size: 238px 238px !important; }
html.wcag-vp-768 #sub-content { width: 740px !important; }
html.wcag-vp-768 #right-content { float: none !important; padding-left: 0 !important; border-left: none !important; width: 740px !important; }
html.wcag-vp-768 #left-content { display: none !important; }
html.wcag-vp-768 #right-content .przed_po_box { width: 345px !important; }
html.wcag-vp-768 #right-content .przed_po_box a { width: 345px !important; height: 345px !important; }
html.wcag-vp-768 #right-content .przed_po_box a img { width: 345px !important; height: 345px !important; }
html.wcag-vp-768 #right-content .przed_po_box a .overlay { width: 345px !important; height: 345px !important; background-size: 345px 345px !important; }
html.wcag-vp-768 #right-content .right-contact { width: 372px !important; }
html.wcag-vp-768 #right-content .right-contact iframe { width: 372px !important; }
html.wcag-vp-768 #formularz-kontaktowy { width: 740px !important; }
html.wcag-vp-768 #formularz-kontaktowy .f_kolumna_1 { margin: 0 5px 15px 5px !important; width: 172px !important; }
html.wcag-vp-768 #formularz-kontaktowy .f_input { width: 152px !important; }
html.wcag-vp-768 #formularz-kontaktowy .f_tekst { width: 510px !important; }
html.wcag-vp-768 #formularz-kontaktowy .f_textarea { width: 488px !important; }
html.wcag-vp-768 #formularz-kontaktowy .right_form { padding-bottom: 0 !important; }
html.wcag-vp-768 #right-content .map iframe { width: 400px !important; }
html.wcag-vp-768 #right-content .contact-left { width: 300px !important; }
html.wcag-vp-768 #logo_eu { width: 80px !important; }

/* 533–767 px symulowanego viewport */
html.wcag-vp-533 .content { width: 513px !important; padding-left: 15px !important; padding-right: 15px !important; }
html.wcag-vp-533 #wrapper_content .slider-info { width: 350px !important; padding: 25px !important; }
html.wcag-vp-533 #wrapper_content .slider-info .big-text { font: 600 38px/48px "Open Sans",sans-serif !important; }
html.wcag-vp-533 #wrapper_content .slider-info .small-text { font: 400 14px/24px "Open Sans",sans-serif !important; }
html.wcag-vp-533 #wrapper_content .slider-info .more-btn { margin: 25px 0 0 0 !important; }
html.wcag-vp-533 #main-info .box { width: 214px !important; margin: 0 20px 30px !important; }
html.wcag-vp-533 #menu-boczne-mobile { display: block !important; }
html.wcag-vp-533 #toTop { display: none !important; }
html.wcag-vp-533 #oferta { text-align: center !important; }
html.wcag-vp-533 #main-about { padding-top: 40px !important; }
html.wcag-vp-533 #main-about .about-pic { width: 450px !important; height: auto !important; float: none !important; margin: 0 auto 20px !important; }
html.wcag-vp-533 #main-about .about-text { width: 513px !important; float: none !important; }
html.wcag-vp-533 #main-about .about-text .head { margin: 22px 0 25px 0 !important; text-align: center !important; }
html.wcag-vp-533 #main-parallax .parallax-logo { float: none !important; margin: 25px auto 0 !important; display: block !important; }
html.wcag-vp-533 #main-parallax .red-box { float: none !important; margin: 60px 0 0 0 !important; width: 414px !important; }
html.wcag-vp-533 #main-parallax .red-box:before { display: none !important; }
html.wcag-vp-533 #main-news .bordo-bg .news-item { width: 513px !important; margin: 0 0 60px 0 !important; }
html.wcag-vp-533 #main-news .bordo-bg .news-item .news-pic { width: 210px !important; height: auto !important; }
html.wcag-vp-533 #main-news .bordo-bg .news-item .news-pic img { width: 210px !important; height: auto !important; }
html.wcag-vp-533 #main-news .bordo-bg .news-item .news-text { width: 280px !important; }
html.wcag-vp-533 #right-content .news .news-pic { float: none !important; width: 100% !important; height: auto !important; margin: 0 0 15px 0 !important; }
html.wcag-vp-533 #right-content .news .news-pic img { width: 100% !important; height: auto !important; display: block !important; }
html.wcag-vp-533 #right-content .news .news-text { float: none !important; width: 100% !important; }
html.wcag-vp-533 #galeria .galeria-item { width: 248px !important; height: 248px !important; }
html.wcag-vp-533 #galeria .galeria-item img { width: 248px !important; height: 248px !important; }
html.wcag-vp-533 #galeria .galeria-item .overlay { width: 248px !important; height: 248px !important; background-size: 248px 248px !important; }
html.wcag-vp-533 #sub-content { width: 513px !important; }
html.wcag-vp-533 #right-content { float: none !important; padding-left: 15px !important; padding-right: 15px !important; border-left: none !important; width: 513px !important; box-sizing: border-box !important; }
html.wcag-vp-533 #left-content { display: none !important; }
html.wcag-vp-533 #right-content .galeria-glowne { float: none !important; margin: 0 auto 10px !important; }
html.wcag-vp-533 #right-content .przed_po_box { width: 245px !important; margin: 0 5px 30px 5px !important; }
html.wcag-vp-533 #right-content .przed_po_box a { width: 245px !important; height: 245px !important; }
html.wcag-vp-533 #right-content .przed_po_box a img { width: 245px !important; height: 245px !important; }
html.wcag-vp-533 #right-content .przed_po_box a .overlay { width: 245px !important; height: 245px !important; background-size: 245px 245px !important; }
html.wcag-vp-533 #right-content .right-contact { width: 513px !important; float: none !important; }
html.wcag-vp-533 #right-content .right-contact iframe { width: 513px !important; }
html.wcag-vp-533 #right-content .oferta-item { width: 236px !important; }
html.wcag-vp-533 #right-content .oferta-item .nazwa-kat { width: 206px !important; }
html.wcag-vp-533 #right-content .oferta-item .top-arrows { width: 236px !important; }
html.wcag-vp-533 #right-content .oferta-item .bottom-arrows { width: 236px !important; }
html.wcag-vp-533 #right-content .realizacje-container .realizacja-item { width: 238px !important; }
html.wcag-vp-533 #right-content .realizacje-container .realizacja-item .realizacja-pic { width: 238px !important; height: 238px !important; }
html.wcag-vp-533 #right-content .realizacje-container .realizacja-item .realizacja-pic img { width: 238px !important; height: 238px !important; }
html.wcag-vp-533 #right-content .realizacje-container .realizacja-item .realizacja-pic .pic-overlay { width: 238px !important; height: 238px !important; background-size: 238px 238px !important; }
html.wcag-vp-533 #formularz-kontaktowy { width: 513px !important; }
html.wcag-vp-533 #formularz-kontaktowy .f_kolumna_1 { margin: 0 5px 15px 5px !important; width: 245px !important; }
html.wcag-vp-533 #formularz-kontaktowy .f_input { width: 223px !important; }
html.wcag-vp-533 #formularz-kontaktowy .f_tekst { width: 499px !important; }
html.wcag-vp-533 #formularz-kontaktowy .f_textarea { width: 479px !important; }
html.wcag-vp-533 #formularz-kontaktowy .right_form { padding-top: 0 !important; width: 420px !important; padding-bottom: 0 !important; }
html.wcag-vp-533 #right-content .map iframe { width: 300px !important; }
html.wcag-vp-533 #right-content .contact-left { width: 300px !important; }
html.wcag-vp-533 #logo_eu { width: 80px !important; }

/* < 533 px symulowanego viewport */
html.wcag-vp-320 .content { width: 300px !important; padding-left: 15px !important; padding-right: 15px !important; }
html.wcag-vp-320 #wrapper_content .slider-info { width: 275px !important; padding: 10px 15px 20px !important; margin: 40px 0 0 !important; height: auto !important; }
html.wcag-vp-320 #wrapper_content .slider-info .big-text { display: none !important; }
html.wcag-vp-320 #wrapper_content .slider-info .small-text { font: 400 13px/23px "Open Sans",sans-serif !important; }
html.wcag-vp-320 #wrapper_content .slider-info .more-btn { margin: 10px 0 0 0 !important; }
html.wcag-vp-320 #main-info .box { width: 300px !important; margin: 0 0 30px !important; }
html.wcag-vp-320 #menu-boczne-mobile { display: block !important; width: 280px !important; margin: 0 auto !important; }
html.wcag-vp-320 #menu-boczne-mobile select { width: 280px !important; }
html.wcag-vp-320 #top-contact { display: none !important; }
html.wcag-vp-320 #toTop { display: none !important; }
html.wcag-vp-320 #main-about .about-pic { width: 300px !important; height: auto !important; float: none !important; margin: 0 auto 20px !important; }
html.wcag-vp-320 #main-about .about-text { width: 300px !important; float: none !important; }
html.wcag-vp-320 #main-parallax .parallax-logo { width: 260px !important; height: auto !important; float: none !important; margin: 85px auto 0 !important; display: block !important; }
html.wcag-vp-320 #main-parallax .red-box { float: none !important; margin: 60px 0 0 0 !important; width: 280px !important; padding: 10px !important; }
html.wcag-vp-320 #main-parallax .red-box:before { display: none !important; }
html.wcag-vp-320 #main-news .bordo-bg .news-item { width: 300px !important; margin: 0 0 60px 0 !important; }
html.wcag-vp-320 #main-news .bordo-bg .news-item .news-pic { width: 300px !important; height: auto !important; float: none !important; margin: 0 auto 20px !important; }
html.wcag-vp-320 #main-news .bordo-bg .news-item .news-pic img { width: 210px !important; height: auto !important; }
html.wcag-vp-320 #right-content .news .news-pic { float: none !important; width: 100% !important; height: auto !important; margin: 0 0 15px 0 !important; }
html.wcag-vp-320 #right-content .news .news-pic img { width: 100% !important; height: auto !important; display: block !important; }
html.wcag-vp-320 #right-content .news .news-text { float: none !important; width: 100% !important; }
html.wcag-vp-320 #galeria .galeria-item { width: 249px !important; height: 249px !important; }
html.wcag-vp-320 #galeria .galeria-item img { width: 249px !important; height: 249px !important; }
html.wcag-vp-320 #galeria .galeria-item .overlay { width: 249px !important; height: 249px !important; background-size: 249px 249px !important; }
html.wcag-vp-320 #sub-content { width: 300px !important; }
html.wcag-vp-320 #right-content { float: none !important; padding-left: 15px !important; padding-right: 15px !important; border-left: none !important; width: 300px !important; box-sizing: border-box !important; }
html.wcag-vp-320 #left-content { display: none !important; }
html.wcag-vp-320 #right-content .galeria-glowne { float: none !important; margin: 0 auto 10px !important; width: 300px !important; height: 300px !important; }
html.wcag-vp-320 #right-content .galeria-glowne img { width: 300px !important; height: 300px !important; }
html.wcag-vp-320 #right-content .galeria-glowne .overlay { width: 300px !important; height: 300px !important; background-size: 300px 300px !important; }
html.wcag-vp-320 #right-content .przed_po_box { width: 300px !important; margin: 0 0 30px 0 !important; }
html.wcag-vp-320 #right-content .przed_po_box a { width: 300px !important; height: 300px !important; }
html.wcag-vp-320 #right-content .przed_po_box a img { width: 300px !important; height: 300px !important; }
html.wcag-vp-320 #right-content .przed_po_box a .overlay { width: 300px !important; height: 300px !important; background-size: 300px 300px !important; }
html.wcag-vp-320 #right-content .right-contact { width: 300px !important; float: none !important; }
html.wcag-vp-320 #right-content .right-contact iframe { width: 300px !important; }
html.wcag-vp-320 #right-content table { overflow-x: auto !important; display: block !important; }
html.wcag-vp-320 #formularz-kontaktowy { width: 300px !important; }
html.wcag-vp-320 #formularz-kontaktowy .f_kolumna_1 { margin: 0 !important; width: 300px !important; }
html.wcag-vp-320 #formularz-kontaktowy .f_input { width: 278px !important; }
html.wcag-vp-320 #formularz-kontaktowy .f_tekst { width: 300px !important; margin-left: 0 !important; }
html.wcag-vp-320 #formularz-kontaktowy .f_textarea { width: 278px !important; }
html.wcag-vp-320 #formularz-kontaktowy .right_form { margin-left: 0 !important; }
html.wcag-vp-320 #right-content .map iframe { width: 300px !important; }
html.wcag-vp-320 #right-content .contact-left { width: 300px !important; }
html.wcag-vp-320 #right-content .left-contact { width: 300px !important; }
html.wcag-vp-320 #logo_eu { width: 62px !important; top: 90px !important; }

/* .bip: gdy element jest szerszy niż ekran, ::after (logo BIP) opada pod tekst */
html.wcag-vp-320 #dane-kontaktowe .bip {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}
html.wcag-vp-320 #dane-kontaktowe .bip::after {
    position: static !important;
    display: block !important;
    width: 44px !important;
    height: 52px !important;
    margin-top: 8px !important;
}