@-ms-viewport {
    width: device-width
}

#header .search {
    overflow: hidden;
    clear: both;
    padding: 8px;
    height: auto
}

    #header .search .title {
        margin: 2px 5px 1px 0;
        width: auto;
        float: left;
        font-size: 1.2em;
        font-weight: 700;
        text-align: left;
        display: none
    }

    #header .search .search-div {
        overflow: hidden;
        width: 100%;
        float: left
    }

    #header .search .input-text {
        width: 77%;
        font-size: 1em;
        font-weight: 700;
        float: left;
        margin: 0;
        padding: 0 0 0 5px
    }

.button-search {
    float: right;
    margin: 1px 0 0;
    width: 20%
}

.header .category-buttons {
    float: left;
    font-weight: 400;
    margin: 0;
    overflow: hidden
}

    .header .category-buttons a {
        width: 82px;
        font-size: 1em;
        margin-top: 9px
    }

.header .list-switch {
    margin: 4px 4px 0 0;
    overflow: hidden
}

#header .lnk-extend {
    margin-left: 2px;
    display: none
}

table.background td.itname {
    width: auto;
    padding-left: 5px;
    text-align: left
}

input.text {
    width: 190px
}

select {
    min-width: 0;
    width: 200px
}

    select.inpYear, select.inpMonth {
        min-width: 0;
        width: 20%
    }

.searchaddress-value input.text, .searchcustneigh-value input.text {
    min-width: 0;
    width: 190px
}

.pnlImgArchive.detail {
    right: 80px
}

.pnlSubscribeForm div label {
    display: block
}

.langSelect {
    margin-left: 5px
}

.detail-right .row2, .detail-right .row3, .detail-right .row4, .detail-right .row5 .c1 {
    padding-left: 15px
}

.row5 table .c1 {
    width: 150px
}

.sliderDetail {
    margin-bottom: 0
}

#main {
    margin-top: 0
}

#top {
    height: auto;
    padding-left: 0
}

.toolbar {
    float: left;
    color: #898989;
    height: 25px;
    margin-left: 10px
}

    .toolbar .print, .toolbar .text-version, .toolbar .rss, .btn.button-initiative, .btn.button-remarks {
        display: none
    }

#tabbar {
    margin-left: 0;
    clear: both
}

    #tabbar a {
        padding: 2px 7px
    }

        #tabbar a.info span {
            display: none
        }

        #tabbar a span.mobile {
            display: inline
        }

#map, #banner {
    display: none
}

#informations {
    float: none;
    width: auto;
    height: auto
}

#pnp, #controls, #workshops, #websites {
    padding: 5px;
    width: 97%
}

.d-menu {
    float: left;
    margin: 0
}

    .d-menu li {
        padding-left: 10px
    }

.f-item, .Document .f-item, .Document .f-item.even, .c-item, .Document .c-item, .Document .c-item.even {
    height: auto;
    width: auto;
    margin-top: 10px;
    float: none;
    clear: both
}

    .f-item .image, .c-item .image, .Document .f-item .image, .Document .c-item .image {
        float: left;
        margin-right: 2px
    }

    .f-item a.stateconfirmed, .Document .f-item a.stateconfirmed {
        max-height: none
    }

.Document {
    padding: 5px
}

    .Document .header {
        height: auto
    }

    .Document .Info .description {
        clear: both
    }

.detail-right {
    width: 100%
}

.detail-left {
    float: none;
    margin: 0 auto 20px
}

.news-text, .logo-szpi, .logo-mze, .logo-cr, h1 .title, #webarchiv {
    display: none
}

#main, #footer .inner {
    width: auto
}

    #footer .inner .right .mobile-links {
        margin-right: 0
    }

        #footer .inner .right .mobile-links a {
            float: right
        }

    #main, #footer .inner .left {
        width: auto
    }

#iframe-fb, #iframe-tw {
    float: right;
    margin-bottom: 10px
}

#fb-like {
    width: 300px;
    overflow: visible
}

#footer .inner .right .mobile-links .title {
    float: right;
    margin-right: 0;
    overflow: hidden
}

#pnlMobileHeader {
    display: block;
    background-color: #000;
    padding: 0 0 0 11px;
    height: 40px;
    overflow: hidden
}

    #pnlMobileHeader a {
        text-decoration: none;
        display: block
    }

        #pnlMobileHeader a span {
            display: block;
            float: left;
            margin: 12px 5px 0 0;
            color: #fff
        }

.breadcrumb {
    padding-left: 10px;
    height: auto
}

#header .logo.szpi, body.en #header .logo.szpi {
    width: 75px
}

    #header .logo.szpi .text {
        display: none
    }

#footer .links {
    float: none;
    width: 90%;
    margin: 0 0 0 15px
}

#footer .text-links {
    float: none;
    width: 90%;
    margin: 10px 0 0 15px;
    overflow: hidden
}

    #footer .text-links .text {
        margin: 20px 0 0;
        float: none
    }

#footer .certificate {
    float: none;
    margin: 32px 0 0 15px
}

#footer .webarchive {
    margin-top: 20px
}

.toolbar {
    clear: both;
    float: none;
    display: block;
    margin: 15px 0 0 15px;
    text-align: left;
    font-size: 1.1em
}

.box .title {
    padding-top: 7px
}

.box .add {
    top: 1px
}

.prodlisttable, .doclisttable {
    overflow-x: auto;
    overflow-y: hidden;
    display: block
}

@media (max-width: 760px) {
    #header .logo.pnp, body.en #header .logo.pnp {
        width: 75px
    }

        #header .logo.pnp .text {
            display: none
        }

    .f-item .description {
        height: auto
    }

    .prodlisttable td.productname, .prodlisttable td.controlledentity, .prodlisttable td.producer, .prodlisttable td.controlname {
        min-width: 0px;
    }
    .InspProduct .display-table th.batch {
        white-space: normal !important;
    }


}

@media (max-width: 492px) {
    .Document .header .date {
        font-size: .9em
    }

    .detail-right .row1 strong {
        left: 15px
    }

    .f-item .top {
        height: auto;
        background-color: transparent
    }

    .f-item a.stateconfirmed {
        height: auto;
        padding-left: 5px
    }

    .f-item .CategoryIcon {
        float: none
    }

    .f-item .address {
        padding-left: 5px;
        line-height: normal;
        padding-bottom: 2px
    }

    .f-item .branchAndGroupName {
        padding-top: 0;
        padding-left: 5px;
        height: auto
    }

    .f-item .ControlledEntityName {
        padding: 5px 0 10px 5px;
        height: auto
    }

    .f-item .bottom {
        padding: 5px 0 10px 5px
    }

    .f-item .image, .c-item .image {
        width: 100px;
        height: 100px;
        background-position-x: 5px;
        background-position-y: 5px
    }

        .f-item .image img, .c-item .image img {
            width: 100px;
            height: 100px
        }

    .f-item .samplingdate, .workshop.f-item .branchAndGroupName {
        padding-left: 5px
    }

    .f-item .products {
        padding: 5px 0 10px 5px;
        height: auto
    }

    .c-item .name {
        height: auto;
        padding-left: 5px;
        padding-bottom: 10px
    }

    .c-item .count {
        padding-left: 5px
    }

    .c-item .branch {
        padding-left: 0
    }

    .category-buttons a {
        padding-left: 25px
    }

    .header .category-buttons a {
        width: 72px;
        font-size: .9em
    }

    .Pager {
        height: auto
    }

        .Pager a.btn {
            top: 3px
        }

    .links-inner .android img, .links-inner .ios img {
        width: 80px;
        height: auto
    }

    .category-buttons select.control-branch-select {
        width: 130px
    }

    .toolbar {
        height: auto
    }

    .searchaddress-value input.text, .searchcustneigh-value input.text {
        width: 95%
    }

    input.text {
        width: 95%
    }

    select {
        width: 100%
    }

    #header .logo.szpi {
        position: relative;
        top: 4px
    }

    #tabbar a {
        margin-top: 1px;
        font-size: 1em;
        height: auto;
        line-height: 1.6em;
        padding: 3px 5px
    }

    #header .logo .text, #header .logo.logo-pnp .text {
        display: none
    }

    #header .logo, body.en #header .logo {
        width: 75px;
        margin: 4px
    }

    #footer .links-inner {
        justify-content: space-around
    }

    #informations {
        padding-left: 20px
    }

    .info .item {
        width: 95%
    }
}

@media (max-width: 555px) {
    #header .logo.svs, #header .logo.mze, #header .logo.cr {
        display: none
    }

    #header .logo.szpi {
        border-width: 0
    }

    #MainContent_txtUserName, #MainContent_txtUserEmail {
        width: 96% !important
    }

    #MainContent_txtMessageBody {
        width: 90% !important
    }
}