#body {min-width: 320px}
#kont {max-width: 100%; margin-top: -66px}
#main .naszeatutydiv ol li::before { left: 26px; position: absolute; top: 2px;}
#mod_naszeatuty ol li {padding-left: 45px; position: relative}
#szkontakt #fzc { width: 288px;}
#szkontakt #kont {margin-top: 0}
#tmp0 { float: left; width: 100%; position: relative; box-sizing: border-box}

@media all and (max-width: 1150px){
    #m12 {width: 42%}
    #m12 > * { float: right; margin-right: 3px;}
    #menu {width: 100%; float: none}
    #menu ul {text-align: center}
    #toplogo { float: none; margin-bottom: 15px; text-align: center; width: 100%;}
    .total {padding-left: 15px; padding-right: 15px; box-sizing: border-box}
}

@media all and (max-width: 1120px)  {
    #map.blocked {position: relative}
    #map.blocked::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer}
}

@media all and (max-width: 1050px){
    #banery2 .tro {min-width: 610px}
    #boxy > div {padding: 0}
    #boxy > div > div {max-width: none; display: block; margin-bottom: 10px}
    #boxy .readmore {position: static}
    #kontt {width: 100%}
    #kont {width: 100%; margin-top: 0}
    #map, #map iframe { height: 500px;}
    #szkontakt #fzc, #szkontakt #fzd { margin-right: 0; width: 100%;}
}

@media all and (max-width: 1020px){
    #m11 {width: 100%; float: none}
    #m12 { float: none; margin: 0 auto; max-width: 100%; width: 412px; padding-top: 0}
}

@media all and (max-width: 850px){
    #linki {display: block; margin-left: 0}
    #linki > div {display: block}
    #linki > div > div { display: block; margin-bottom: 5px;}
}

@media all and (max-width: 750px){
    #banery3 .baner_img {width: 150px}
    #banery3 .cycle-pager {padding-left: 0; text-align: center}
    #banery3 .tro {padding-left: 168px}
    #fzc, #fzd {width: 100%; margin-right: 0}
}

@media all and (max-width: 650px){
    #banery2 .tro {min-width: 0; width: 100%; text-align: center}    
}

@media all and (max-width: 600px){
    #banery2 .tros, .ismain #banery2 .tros {font-size: 38px}
    #banery2 .tro {font-size: 16px}
    #boxy > div { display: block; padding-left: 3px; padding-right: 3px;}
    #boxy > div > div {padding: 10px 15px 25px}
    #kontakt_w {margin-right: -54px}
    #map, #map iframe { height: 450px;}
    #menu {display: none}
    #menu li, #menu a { box-sizing: border-box; width: 100%;}
    ul.men1 > li:not(:last-child) > a::after {content: none}
    #menu li:hover ul {display: none}
    #menu ul.show { display: block !important; margin-bottom: 2px; position: static; width: 100%;}
    #menumin { background: #00a48d url("menumin.png") no-repeat scroll center center; cursor: pointer; display: block; height: 60px; position: absolute; right: 0; width: 56px; z-index: 10;}
    #m12 {width: 100%}
    #m12 > * {width: 100%; margin-right: 0}
    #mod_naszeatuty ol { font-size: 18px; line-height: 120%; padding-right: 15px}
    #szkontakt #send_copy_label { width: 100%;}
    #tmp0 { padding-right: 54px;}
    #toplogo {padding-right: 40px; box-sizing: border-box}
}

@media all and (max-width: 540px){
    #banery3 .baner_img {display: none}
    #banery3 .tro {padding-left: 0}
    #send_copy_label {width: 100%}
}

@media all and (max-width: 380px){
    #banery2 .cycle-pager { bottom: 15px; padding: 0 10px; text-align: center;}
    #banery2 .cycle-pager span {width: 14px; height: 14px}
    #banery2 .troa {margin-left: auto; margin-right: auto}
    #kontakt_w { left: 0; margin-right: 0; position: absolute; top: 100%; width: 100%;}
    #tmp0 {font-size: 14px}
}