@media (min-width: 931px) {
    header#responsive {
        display: none !important;
    }
    #text > table.stacktable.small-only {
        display: none
    }
    footer#footer-responsive {
        display: none !important;
    }
}
.banerSub {
    background-color: #fff;
}
.banerSub > img {
    display: block;
    width: calc(100% - 18px);
    margin: 9px;
}
@media (min-width: 741px) and (max-width: 991px) {
    .subpageContent.subpageContentImg {
        width: calc(100% - 460px);
    }

}
@media  (max-width: 930px) and (min-width:661px){
    header#responsive #searchForm {
        width: 250px !important;
    }
    header#responsive > div {
        clear:none !important;
    }
    #searchForm, .language-box {
        float:right !important;
    }
    #searchForm {
        margin-right: 130px;
        margin-top: 25px;
        height: 50px !important;
    }
    .lupa {
        height: 52px !important;
    }
    .language-box {
        margin-right: -320px;
        margin-top: 25px;
        height: 50px !important;
    }
    header#responsive .langMenu {
        height: 50px !important;
        position: relative !important;
    }
}
@media  (max-width: 930px) {
    form.cmxform .formMsg {
        width: 100% !important;
        float: none !important;
    }
    .depth-1.mm-list {
        padding-top: 125px !important;
    }
    .banerSub {
        background-size: contain;
    }
    .mainMenu-item.active {
        color: #000
    }
    .mobileMenu .depth-1 > li > a {
        text-transform: uppercase;
    }
    .menu-count {
        position: absolute;
        right: 0;
        top: 33%;
        bottom: 0;
        margin: auto;
    }
    .mobileMenu.pl {
        background: url(grafika/logo_bw.png) no-repeat center 85% #fff;
        background-size: 70%;
    }
    ul.langMenu li a.pl {
        background: url('./grafika/langPl_r.jpg') no-repeat -42px 7px !important;
    }
    ul.langMenu li a.en {
        background: url('./grafika/langEn_r.jpg') no-repeat -46px 7px !important;
    }
    ul.langMenu li a.de {
        background: url('./grafika/langDe_r.jpg') no-repeat -47px 7px !important;
    }
    #searchForm {
        height: 45px;
    }
    .lupa {
        background: url('./grafika/lupka.png') #fff 50% 50% no-repeat;
        border-top: 1px solid #E0E0E0;
        border-right: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        background-size: 50%;
        height: 47px;
        width: 50px;
    }
    .searchInput {
        background: #fff;
        border-top: 1px solid #E0E0E0;
        border-left: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0
    }
    body {
        background-image: none;
        padding: 20px;
        padding-top:0;
    }
    footer:not(#footer-responsive) {
        display: none !important;
    }
    .cmxform fieldset {
        width: 100% !important;
        float: none !important;
    }
    .cmxform input:not([type="submit"]):not([type="reset"]):not(.form_url),
    .cmxform textarea,
    .cmxform label {
        display: block !important;
        width: 95% !important;
        text-align: left !important;
    }
    #text table.stacktable.small-only td.st-key:empty {
        display: none !important;
    }
    #text table.stacktable.large-only {
        display: none
    }
    #text table.stacktable.small-only {
        display: table
    }
    #text table.stacktable.small-only td,
    #text table.stacktable.small-only p {
        text-align: center !important;
        padding: 5px 0 !important;
    }
    .subpageContent.wideSubpageContent {
        margin: 0 !important;
    }
    table img {
        width: 100% !important;
        max-width: 475px;
    }
    #text {
        float: none;
    }
    .leftMenu {
        width: 100%;
    }
    .leftMenu > li {
        float: left;
    }
    .subpageContent h2 {
        margin: 25px 0px 15px 0px !important;
    }
    .pageImgBox > a.obrazek > img {
        max-width: 260px;
        width: 100%;
    }
    table {
        width: 100% !important;
        overflow-x: auto;
        display: block
    }
    table.noStyle td {
        display: block;
        width: 100% !important;
    }
    table td img {
        display: block !important;
        height: auto !important;
    }
    .banerSub {
        position: relative;
    }
    .subpageContent:not(subpageContentImg) {
        width: calc(100% - 195px);
    }
    footer .top,
    .centerSection,
    .subpageMainContent {
        width: calc(100% - 20px);
    }
    .bannerHomeBox {
        width:calc(100% - 277px);
        position: relative;
    }
    .bannerHomeBox img {
        border: none;
        padding: 0px;
        text-align: center;
        position: absolute;
        /* left: -128px; */
        right: 0;
        margin: auto;
    }
    .language-box {
        position: relative;
        float: left;
    }
    .language-box > .langMenu {
        background-color: #fff;
        border: 1px solid #E0E0E0;
    }
    header:not(#responsive) {
        display: none;
    }
    header#responsive {
        display: block;
    }
    header#responsive a.logo,
    header#responsive a.logo img {
        height: 100px;
    }
    header#responsive > div {
        display: block;
    }
    #hamburger {
        margin: 25px 10px;
        padding: 10px 10px;
        width: 33px;
        height: 30px;
        float: right;
        background-color: #fff;
        cursor: pointer;
        border: 1px solid #E0E0E0;
        position: absolute;
        right: 10px;
    }
    #hamburger > div {
        height: 5px;
        background-color: #366818;
        border-radius: 2px;
    }
    #hamburger > div:not(:last-child) {
        margin-bottom: 8px;
    }
    header#responsive .langMenu {
        position: absolute;
        height: 45px;
        z-index: 10;
    }
    header#responsive .langMenu li {
        background-color: #fff;
        top: 0;
        width: 60px;
        height: 35px;
    }
    ul.langMenu li a {
        padding: 9px 0 0 0
    }
    header#responsive .langMenu:not(:first-child) {
        display: none;
    }
    header#responsive .langMenu .arrow-down {
        width: 20px;
        height: 10px;
        position: absolute;
        right: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(grafika/arrow-down.png);
    }
    ul.langMenu li a {
        width: 65px;
    }
    header#responsive #searchForm {
        width: calc(100% - 68px);
    }
    header#responsive #searchForm input[name="search_keywords"] {
        width: calc(100% - 66px);
    }

}
@media (max-width: 740px) {
    .pageImgBox {
        float: none !important;
        text-align: center !important;
    }
    subpageContent subpageContentImg {
        width: 100% !important;
    }
}
@media (max-width: 660px) {
    ul {
        clear:both
    }
    .bannerHomeBox img {
        position: relative;
    }
    .bannerHomeBox,
    .bannerHomeBox img {
        float: none;
        width: 100%;
        height: auto;
    }
    .homeBanners {
        width: 100% !important;
        margin-top: 5px !important;
    }
    p,
    li,
    em,
    div {
        text-align: left !important;
    }
    aside,
    .lastMenu {
        display: none
    }
    .subpageMainContent {
        width: calc(100% - 20px) !important;
    }
    .greenBg {
        background: transparent !important;
    }
    .subpageContent {
        clear: both;
        width: 100% !important;
    }
    aside {
        float: none !important;
        width: 100% !important;
    }
    aside > ul {
        background: url(./grafika/asideBg.jpg) 0px 0px;
    }
    .leftMenu {
        margin-bottom: 15px !important;
    }
}
@media (max-width: 500px) {
    footer#footer-responsive > div {
        text-align: left !important;
    }
    p > img {
        display: block !important;
        float: none !important;
        margin: auto !important;
    }
}
@media (max-width: 400px) {
    .leftMenu > li {
        width: 100%
    }
    .leftMenu,
    .leftSubmenu {
        width: 100%;
    }
    .leftSubmenu {
        clear: both
    }
    ul.leftSubmenu > li {
        float: none !important;
    }
    ul.leftSubmenu > li > a {
        width: auto !important;
        float: none;
        display: block !important;
    }
    ul.leftMenu > li > a {
        float: none !important;
    }
    .leftMenu,
    .leftMenu li,
    ul.leftSubmenu,
    .leftMenu a {}
}
.hidden {
    display: none;
}
table {
    border: 0px !important;
}