@media (max-width : 820px) {
    body {
        background-image: none !important;
        font-size: 9pt;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -webkit-appearance: none;
        text-size-adjust: none;
        background-color: white !important;
    }

    input, textarea {
        /*-webkit-appearance: none;*/
        border-radius: 0;
    }

        input[type="button"] {
            -webkit-appearance: none;
        }

    .master {
        width: 100%;
        max-width: 800px;
        margin: 0 auto !important;
    }

    #innerMaster {
        padding: 0 10px 10px 10px;
        margin: 0;
        background-image: none;
        min-height: 0;
    }

        #innerMaster #child-menu-spacer {
            height: 0 !important;
        }

    .hot-box,
    .pagerInfo,
    DIV.head .ousko,
    DIV.ZakItemTT DIV.cenaContainer .sCena,
    DIV.ZakItemRT DIV.info > span,
    #advancedZakCriteriaEd .kategorieWrap.empty,
    DIV.ZakItemRT SPAN.sCena,
    .admin-confirm-box,
    #master-header-overflow,
    #loginMenu,
    #lang-menu,
    .kontakt-info .rightColumn,
    DIV.demo-body-background A,
    .admin-editor,
    .cont-left A {
        display: none !important;
    }

    #innerMasterOuter,
    #masterBgBottom,
    .master .masterBgMiddle,
    .master .masterBgTop,
    DIV.head,
    DIV.head .logo,
    .master .masterBgBottom,
    .hot-box-master,
    DIV.demo-body-background {
        background-image: none !important;
        margin: 0;
        padding: 0;
    }

    div.admin-mobile-disclaimer {
        display: block !important;
        text-align: center;
        font-weight: bold;
        font-size: 10pt;
        margin: 30px 0 20px;
    }

    DIV.head {
        position: relative;
        height: 50px;
        width: 100%;
        left: auto;
        top: 0;
    }

        DIV.head .logo {
            position: static;
            width: 100%;
            height: auto;
        }

            DIV.head .logo SPAN.rk-info-noimage, DIV.head .logo IMG {
                margin: 0;
                padding: 8px 8px 8px 0;
                height: 42px;
                font-size: 9pt;
                float: right;
                text-align: right;
            }

            DIV.head .logo A {
                display: inline !important;
                position: static !important;
            }

            DIV.head .logo IMG {
                height: 42px !important;
                width: auto !important;
                display: block !important;
            }

        #main-menu, DIV.head UL {
            background-image: none;
            bottom: auto !important;
        }

    #main-menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

        #main-menu > a {
            line-height: 45px;
            width: 45px;
            text-align: center;
            text-decoration: none;
            font-size: 45px;
            position: absolute;
            top: 8px;
            left: 8px;
            display: block;
            border-radius: 3px;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("/img/mobile-menu-45x45.png");
        }

        #main-menu:not( :target ) > a:first-of-type,
        #main-menu:target > a:last-of-type {
            display: block !important;
        }

        #main-menu > ul {
            height: auto;
            display: none;
            position: absolute;
            left: 8px;
            top: 52px;
            background-image: none;
            width: 98%;
            overflow: hidden;
            border-radius: 3px;
            border-top-left-radius: 0;
        }

        #main-menu:target > ul {
            display: block;
        }

        #main-menu > ul > li {
            float: none;
            display: block;
        }

        #main-menu li ul {
            position: static !important;
        }

            #main-menu li ul li {
                display: block;
                float: none;
            }

        #main-menu UL LI A, #main-menu LI.admin-menu-item A {
            background-image: none !important;
            text-align: left;
            padding-left: 3% !important;
            display: block;
            clear: both;
            width: 97% !important;
            font-size: 11pt;
            text-decoration: none !important;
        }

            #main-menu UL LI A:hover, #main-menu UL LI A.highlight, #main-menu UL LI:after {
                background-image: none !important;
                content: none;
            }

        #main-menu UL.child-menu {
            height: auto !important;
            width: auto !important;
            background-color: inherit !important;
        }

            #main-menu UL.child-menu LI.first-item {
                margin: 0;
            }

            #main-menu UL.child-menu LI:after {
                content: none !important;
                color: none !important;
            }

            #main-menu UL.child-menu LI A {
                text-align: left !important;
                display: block;
                clear: both;
                padding-left: 5% !important;
                width: 93% !important;
                font-size: 10pt !important;
            }


    DIV.ZakItemTT {
        width: 43%;
        padding: 15px;
        padding-top: 5px;
        background-repeat: repeat-x;
        background-position: left top;
        margin-right: 3%;
        margin-bottom: 3%;
        overflow: hidden;
    }

        DIV.ZakItemTT.Alt {
            margin-right: 0;
        }

        DIV.ZakItemTT DIV.prevImageSpace {
            width: auto;
            height: auto;
            border: none;
            margin-top: 20px;
        }

        DIV.ZakItemTT IMG {
            width: 100%;
            height: auto;
        }

        DIV.ZakItemTT H2 {
            font-size: 11pt;
        }

            DIV.ZakItemTT H2 A {
                line-height: 24px;
            }

        DIV.ZakItemTT SPAN.typ {
            font-size: 10pt;
        }

        DIV.ZakItemTT DIV.cenaContainer {
            height: 18px;
            overflow: visible;
        }

        DIV.ZakItemTT A.detail {
            right: 15px;
            bottom: 15px;
        }

    .pagerControls {
        font-size: 11pt;
        line-height: 30px;
        height: 30px;
        white-space: nowrap;
        margin: 10px auto;
        text-align: center;
    }

        .pagerControls .cont-right {
            float: none;
        }

    DIV.ZakItemRT {
        width: 43%;
        padding: 15px;
        padding-top: 5px;
        margin-right: 3%;
        margin-bottom: 3%;
        float: left;
        background-repeat: repeat-x;
        background-position: left top;
        /*background-image: url('/img/v3/item-tt-bcgr.png');*/
        overflow: hidden;
    }

        DIV.ZakItemRT.Alt {
            margin-right: 0;
        }

        DIV.ZakItemRT DIV.prevImageSpace {
            z-index: 0;
            width: auto;
            height: auto;
            position: static;
            margin: 0 0 5px 0;
            margin-top: 20px;
            border: none;
        }

        DIV.ZakItemRT IMG {
            width: 100%;
            height: auto;
            max-height: none;
        }

        DIV.ZakItemRT H2 {
            font-size: 11pt;
            margin: 0 0 5px 0;
            height: 50px;
            overflow: hidden;
        }

            DIV.ZakItemRT H2 A {
                line-height: 24px;
            }

        DIV.ZakItemRT A.detail {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        DIV.ZakItemRT DIV.info {
            padding: 0;
            min-height: 0;
        }

        DIV.ZakItemRT DIV.char {
            position: static;
            right: auto;
            bottom: auto;
            width: auto;
        }

        DIV.ZakItemRT SPAN.cena {
            line-height: 25px;
            height: 20px;
            display: block;
            padding-top: 5px;
        }

        DIV.ZakItemRT SPAN.typ {
            font-size: 10pt;
            height: 18px;
            line-height: 18px;
        }

    #advancedZakCriteriaEd .leftColumn,
    #advancedZakCriteriaEd .rightColumn {
        float: none;
        clear: both;
        width: auto;
    }

    #advancedZakCriteriaEd DIV.kategorieWrap .item,
    #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item,
    #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item.ceny,
    #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item.razeni,
    #advancedZakCriteriaEd DIV.kategorieWrap .item.staty {
        float: none;
        clear: both;
        width: 100%;
    }

        #advancedZakCriteriaEd DIV.kategorieWrap .item SPAN,
        #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SPAN,
        #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SPAN.cena-text,
        #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SPAN.razeni {
            width: 28%;
            white-space: nowrap;
        }

        #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item INPUT.cena {
            width: 15%;
        }

        #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SELECT.cena-jednotky {
            width: 26%;
        }

        #advancedZakCriteriaEd DIV.kategorieWrap .item SELECT,
        #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SELECT,
        #advancedZakCriteriaEd DIV.kategorieWrap .item.staty SELECT {
            width: 60%;
        }

    #advancedZakCriteriaEd DIV.kategorieWrapLastRow .fulltext {
        width: 59% !important;
    }

    #advancedZakCriteriaEd .kategorieWrap.novostavby {
        padding-left: 29%;
    }

    #advancedZakCriteriaEd INPUT.submit-btn {
        background-image: none;
        padding: 0;
        text-align: center;
        line-height: 30px;
        height: 30px;
        width: 100%;
        margin: 0 auto;
        display: block;
    }

        #advancedZakCriteriaEd INPUT.submit-btn:hover {
            background-image: none;
        }

    DIV.footer {
        background-position: top center;
        /*height: 30px;*/
        margin-bottom: 0;
        width: 100%;
        position: static;
    }

        DIV.footer P.right {
            float: left;
            text-align: center;
            width: auto;
            margin: 0;
            margin-left: 10px;
            padding-left: 0;
            padding-right: 0;
            line-height: 28px;
        }

        DIV.footer A.aRealityLogo {
            float: right;
            margin-right: 10px;
        }

    .EmptyDataRepeater {
        white-space: nowrap;
    }

    .manageCtrls:after {
        content: '';
        display: block;
        clear: both;
    }

    .manageCtrls > SPAN {
        padding: 0;
        margin: 0;
        margin: 3px 5px 3px 0;
        width: 18%;
        display: inline-block;
        text-align: right;
        font-weight: normal;
    }

    .manageCtrls SELECT {
        padding: 0;
        margin: 3px 0;
        float: right;
        width: 80%;
    }

    /********************************* ZAKAZKA ********************************/

    .detail-zakazky .leftColumn, .detail-zakazky .rightColumn {
        float: none;
        width: auto;
        min-height: 0;
        margin: 0;
    }

    .detail-zakazky #RKZakazkaKontakt > DIV, .detail-zakazky #RKZakazkaZajem > DIV, .zakazka-actions, .detail-zakazky .button-calc-small {
        display: none;
    }

    .detail-zakazky #RKZakazkaKontakt {
        margin-top: 15px;
    }

    #RKZakazkaKontakt > a, #RKZakazkaZajem > a {
        display: block;
        text-align: center;
        line-height: 30px;
        height: 30px;
        width: 100%;
        margin: 0 auto;
        background-image: none;
    }

    #RKZakazkaKontakt:not( :target ) > a:first-of-type,
    #RKZakazkaKontakt:target > a:last-of-type {
        display: block !important;
    }

    #RKZakazkaZajem:not( :target ) > a:first-of-type,
    #RKZakazkaZajem:target > a:last-of-type {
        display: block !important;
    }

    #RKZakazkaKontakt:target > DIV {
        display: block;
    }

    #RKZakazkaZajem:target > DIV {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #RKZakazkaKontakt .RKReferentInfo .rkReferentData LI SPAN.key {
        width: 42px;
    }

    .detail-zakazky UL.charky {
        margin: 15px 0;
    }

    .rightColumn UL.charky LI SPAN.key, #RKKontakt .leftColumn UL.kontakt LI SPAN.key {
        width: 40%;
    }

    .rightColumn UL.charky LI SPAN.value, #RKKontakt .leftColumn UL.kontakt LI SPAN.value {
        width: 55%;
    }

    .rightColumn UL.charky SPAN.cenaContainer {
        width: auto;
    }

    .leftColumn .imageListContainer {
        position: relative;
    }

    .leftColumn DIV.prevImage IMG {
        max-width: none;
        width: 50%;
        height: auto;
    }

    .leftColumn .imageList {
        margin: 0 auto;
    }

    .imageListContainer .mask {
        width: 100%;
        height: 70px;
        background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
        position: absolute;
        bottom: 0;
    }

    .leftColumn #imgListExpandLink {
        font-size: 11pt;
        display: block;
        float: none;
        margin: 0 auto;
        width: 110px;
    }

    .leftColumn .imageList DIV.outer-float {
        width: 23%;
        height: auto;
        display: block;
        float: left;
        margin: 15px 15px 0 0;
    }

        .leftColumn .imageList DIV.outer-float:nth-child(4n + 0) {
            margin-right: 0;
        }

    .leftColumn .imageList DIV.outer-img IMG, .leftColumn .imageList DIV.inner-img, .leftColumn .imageList DIV.outer-img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .leftColumn .zajem SPAN {
        display: block;
        clear: both;
    }

        .leftColumn .zajem SPAN.validator {
            display: inline;
            font-weight: bold;
        }

    .leftColumn .zajem INPUT, .leftColumn .zajem TEXTAREA {
        width: 98%;
    }

        .leftColumn .zajem INPUT.btnSend {
            margin: 0;
            margin-right: 1%;
        }

    .detail-zakazky .google-map-canvas, .kontakt-info .google-map-canvas {
        width: auto !important;
        height: 350px !important;
    }

    .detail-zakazky UL.podobneList LI {
        width: 23%;
        height: auto;
        margin: 15px 15px 0 0;
    }

        .detail-zakazky UL.podobneList LI:nth-child(4n + 0) {
            margin-right: 0;
        }

        .detail-zakazky UL.podobneList LI IMG {
            width: 100%;
            height: auto;
            display: block;
            border: none;
        }

    .kontakt-info .leftColumn {
        float: none;
        margin: 0;
        width: 100% !important;
    }

        .kontakt-info .leftColumn UL.kontakt LI {
            padding: 8px 0 !important;
        }

            .kontakt-info .leftColumn UL.kontakt LI SPAN.key {
                width: 30% !important;
            }

            .kontakt-info .leftColumn UL.kontakt LI SPAN.value {
                width: 67% !important;
            }
}

@media (max-width : 670px) {
    DIV.ZakItemRT, DIV.ZakItemTT {
        width: 42%;
    }

    .leftColumn DIV.prevImage IMG {
        width: 60%;
    }
}

@media (max-width : 641px) {
    .manageCtrls > SPAN {
        width: 20%;
    }

    .manageCtrls SELECT {
        width: 78%;
    }

    .leftColumn .imageList DIV.outer-float, .detail-zakazky UL.podobneList LI {
        width: 31%;
    }

        .leftColumn .imageList DIV.outer-float:nth-child(4n + 0), .detail-zakazky UL.podobneList LI:nth-child(4n + 0) {
            margin-right: 15px;
        }

        .leftColumn .imageList DIV.outer-float:nth-child(3n + 0), .detail-zakazky UL.podobneList LI:nth-child(3n + 0) {
            margin-right: 0;
        }

    .job-date, .job-title {
        float: none;
        width: auto;
        clear: both;
    }

    .job-date {
        width: 140px;
        line-height: 20px;
        height: auto;
        margin: 0 0 10px 0;
        color: silver;
    }
}

@media (max-width : 530px) {
    #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SELECT.cena-jednotky {
        width: 25%;
    }

    .pagerControls .cont-right select, .zakazka-cislo-datum {
        display: none;
    }

    DIV.ZakItemRT, DIV.ZakItemTT {
        width: 41%;
    }

    #main-menu > ul {
        width: 97%;
    }

    .manageCtrls > SPAN {
        width: 23%;
    }

    .manageCtrls SELECT {
        width: 75%;
    }
}

@media (max-width : 480px) {
    #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SELECT.cena-jednotky {
        width: 24%;
    }

    DIV.ZakItemTT, DIV.ZakItemRT {
        width: 90%;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .manageCtrls > SPAN {
        width: 28%;
    }

    .manageCtrls SELECT {
        width: 70%;
    }

    .leftColumn DIV.prevImage IMG {
        width: 80%;
    }

    .leftColumn .imageList DIV.outer-float, .detail-zakazky UL.podobneList LI {
        width: 47%;
    }

        .leftColumn .imageList DIV.outer-float:nth-child(4n + 0), .leftColumn .imageList DIV.outer-float:nth-child(3n + 0),
        .detail-zakazky UL.podobneList LI:nth-child(4n + 0), .detail-zakazky UL.podobneList LI:nth-child(3n + 0) {
            margin-right: 15px;
        }

        .leftColumn .imageList DIV.outer-float:nth-child(2n + 0), .detail-zakazky UL.podobneList LI:nth-child(2n + 0) {
            margin-right: 0;
        }

    TABLE#NovaPoptavkaEditor .form-txtbox, TABLE#NovaPoptavkaEditor select {
        width: 95%;
    }

    .kontakt-info .leftColumn UL.kontakt LI SPAN.key {
        width: 25% !important;
    }

    .kontakt-info .leftColumn UL.kontakt LI SPAN.value {
        width: 70% !important;
    }
}

@media (max-width : 400px) {
    #advancedZakCriteriaEd DIV.kategorieWrapLastRow .item SELECT.cena-jednotky {
        width: 23%;
    }

    #main-menu > ul {
        width: 96%;
    }

    .manageCtrls > SPAN {
        width: 35%;
    }

    .manageCtrls SELECT {
        width: 63%;
    }

    .leftColumn DIV.prevImage IMG {
        width: 100%;
    }
}

@media (max-width : 350px) {
    .cont-right A {
        padding: 1px;
    }
}