@media only screen and (max-width: 860px) { #searchbox{ width: 96%; } #my-swipper, #my-swipper.swiper-container { height: 400px; } .swipper-caption{ padding: 0; } .swipper-caption h2{ max-width: 90%; font-size: 28px !important; text-align: center; margin: 0 auto 20px auto !important; } .swipper-caption > div{ max-width: 90%; text-align: center; margin: 0 auto; } .swipper-caption a.more{ margin: 30px auto 0 auto; } #wyszukiwarka{ width: 96%; height: 380px; margin: 0 auto; position: relative; top: -20px; left: auto; } .infoblok{ width: 48%; } .odstp{ padding: 20px 0; } #home-icons{ padding: 50px 0; } #home-icons .wrapper{ flex-wrap: wrap; } #home-icons div.fic{ width: 46%; } .tbmenu{ height: 320px; } .tbmenu > a > div{ height: 240px; } .BnrBlokA, .BnrBlokB{ height: 180px; } .BnrBlokA h2{ font-size: 26px; } .BnrBlokB h2{ font-size: 20px; } .bnr-txt{ padding: 0 25px; text-align: center; } /* ------------------------------- ARTYKUŁY ----------------------------------*/ /* --------------- lista ------------------*/ .art-list{ width: 100%; float: none; height: auto; min-height: auto; } .art-list a.more{ position: relative; bottom: auto; left: auto; margin: 30px 0; } .art-list-img{ height: 430px; } .gal-list{ width: 100%; float: none; height: auto; min-height: auto; } .gal-list-img{ height: 430px; } /* -----------------------karta ------------- */ #art-top{ width: 100%; display: block; } #art-foto{ width: 100%; height: 540px; float: none; } #art-foto span{ bottom: -50px; height: 50px; } #art-opis{ width: 100%; float: none; padding: 80px 3% 0 3%; } #art-action{ position: relative; } /* ------------------------- GALERIA --------------------------------------------- */ #gal-txt{ height: 360px; } #gal-txt > div > div{ padding: 10px 15px; } #gal-txt ol{ padding-left: 30px; } #gal-txt li{ padding: 7px 0; padding-left: 5px; font-size: 14px; } .gal-1{ height: 360px; } .gal-2{ height: 360px; } .gal-3{ height: 180px; } .gal-4{ height: 180px; } .gal-5{ height: 180px; } .gal-6{ height: 180px; } .gal-7{ height: 360px; } .gal-8{ height: 180px; } .gal-9{ height: 180px; } /* ------------------------- GALERIA artykuly --------------------------------------------- */ .gl-art-1, .gl-art-5{ width: 40%; padding: 1px 1px 1px 0; } .gl-art-2, .gl-art-6{ width: 60%; padding: 1px 0 1px 1px; } .gl-art-3, .gl-art-7{ width: 60%; padding: 1px 1px 1px 0; } .gl-art-4, .gl-art-8{ width: 40%; padding: 1px 0 1px 1px; } h3.pole{ font-size: 32px; padding: 5px 0 15px 0; } .motto{ font-size: 24px; } h1.hpop{ display: none; } #formZapytaj{ display: block; } #formZapytaj.format{ padding: 20px; } .n-img{ display: none; } .n-txt{ display: none; } #mob-hide{ display: none; } .news-out{ display: block; } .news-f-lft{ width: 100%; } .news-f-rgt{ width: 100%; padding: 20px 0; } .news-lft{ width: 100%; padding: 0; } .news-t{ bottom: auto; position: relative; } #footer-info{ width: 100%; background: url('../img/logo-stopka.png') no-repeat 0 0; padding-top: 100px; } #footer-kontakt{ width: 60%; padding: 20px 0 40px 0; } #footer-menu{ width: 40%; padding: 30px 0 40px 0; } #footer-newsletter p{ font-size: 15px; } #footer-bottom .wrapper{ background: none; } #Pfoto .swiper-slide{ height: 500px; } #Pfoto .swiper-slide img{ max-height: 500px; } } @media only screen and (max-width: 768px) { .info-ico{ width: 50%; } #wyszukiwarka2 form{ display: block; } #wyszukiwarka2 > form > div{ width: 100%; margin-bottom: 7px; } #wyszukiwarka2 > form > div#wyszub{ width: 100%; } .Produkt{ width: 46%; margin: 20px 2%; } .Produkt3{ width: 46%; margin: 20px 2%; } .sw-prod{ width: 46% !important; } .sw-prod .Cena{ bottom: 20px; } .swiperek-out{ height: 400px; } .swiperek{ height: 400px; } .prd-img{ height: 255px; } #SciezkaSec{ min-height: 30px; margin-top: 0; } #SciezkaSec ul{ display: none; } #ProduktFoto{ width: 100%; padding-right: 0; float: none; } #ProduktInfo{ width: 100%; padding-left: 0; } #Produkt_opis{ width: 100%; padding-top: 20px; float: none; clear: both; } #Pfoto .swiper-slide{ height: 600px; } #Pfoto .swiper-slide img{ max-height: 600px; } #back_p{ width: 33%; overflow: hidden; height: 60px; font-size: 1px; color: #c6c6c6; } #back_p i{ font-size: 14px; color: #2a2a2a; } #next_p{ width: 33%; overflow: hidden; height: 60px; font-size: 1px; color: #c6c6c6; } #next_p i{ font-size: 14px; color: #2a2a2a; } #lista_p{ width: 33%; overflow: hidden; height: 60px; font-size: 1px; color: #c6c6c6; } #lista_p i{ font-size: 14px; color: #2a2a2a; } #steps{ display: none; } table.Basket, table.Basket thead, table.Basket tbody, table.Basket th, table.Basket td, table.Basket tr { display: block; width: 100% !important; text-align: left !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.Basket td{ border-top: 0; } table.Basket tr { border-top: solid #a2a2a2 1px; margin: 30px 0; } table.Basket thead{ position: absolute; top: -9999px; left: -9999px; } .only-mob{ display: inline; } .bck-rgt{ width: 100%; float: none; border-left: 0 !important; } .bck-rgt > div{ padding-left: 0; } .bck-lft{ width: 100%; float: none; } .bck-lft2{ width: 100%; float: none; border-right: 0 !important; } .bck-lft > div, .bck-lft2 > div{ padding-right: 0; } .blk-cntr{ width: 50%; margin: 0 auto; } #InfoRnn{ height: auto !important; } .UsMenu{ margin: 20px 0; height: auto; } .UsMenu ul li{ display: block; } .UsMenu ul li a{ display: block; width: 100%; height: 40px; float: none; font-size: 14px; padding: 15px 5px; margin-right: 0; border-left: 0; } .UsMenu ul li a:hover{ text-decoration: none; background: #e6e6e6; } table.Deliv, table.Deliv thead, table.Deliv tbody, table.Deliv th, table.Deliv td, table.Deliv tr { display: block; width: 100% !important; text-align: left !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cntd{ width: 85%; margin-left: auto; margin-right: auto; } #cookieinfo{ background: #1c1c1c url('../img/cookie.png') no-repeat 5px center; padding: 15px 70px; font-size: 12px; } #closecinfo{ right: 5px; } h1, .h1{ font-size: 24px; } h2, .h2{ font-size: 20px; } h3{ font-size: 16px; } h4{ font-size: 14px; } .h-blok, .h-blok-rev{ display: block; } .h-blok > div:not(.clear), .h-blok-rev > div:not(.clear){ width: 100%; } .h-image img{ width: 100%; height: auto; object-fit: none; vertical-align: top; } .h-text-right{ padding: 30px 0 30px 0; } .h-text-left{ padding: 30px 0 30px 0; } .tab-h{ line-height: 16px; font-size: 18px; } #popup-content{ max-width: 70%; padding: 20px 30px; max-height: 90vh; } #popup-content-rdo{ max-width: 70%; max-height: 90vh; } .oceny{ width: 46%; } }