body.hc .aboutPzSteps .aboutPzSteps-step .aboutPzSteps-step-header {
    background-color: #000 !important
}

.aboutPzSteps {
    flex-wrap: wrap !important;
    -webkit-box-pack: justify
}

.navigation {
    margin: 0 10px
}

.footer .sizeAndAlignmentWrapper > div {
    margin-left: 20px;
    margin-right: 20px
}

.topMenuBar {
    display: block
}

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

.chosen-container-single .chosen-single div b {
    height: auto !important
}

body.hc .hint .frame {
    border: solid 1px #fff
}

@media screen and (max-width: 1170px) {
    body {
        min-width: 100% !important
    }

    .sizeAndAlignmentWrapper, .ministryInfo {
        width: 100% !important;
        max-width: 100%
    }
}

@media only screen and (min-width: 401px) and (max-width: 1199px) {
    .aboutPzSteps .aboutPzSteps-step {
        margin: 40px !important
    }
}

@media only screen and (min-width: 401px) and (max-width: 629px) {
    .aboutPzSteps .aboutPzSteps-step {
        margin: 15px auto !important;
        width: 85% !important
    }
}

@media only screen and (min-width: 630px) and (max-width: 767px) {
    .aboutPzSteps .aboutPzSteps-step {
        margin: 6px !important
    }

    .createPz {
        width: 320px !important;
        margin: 20px 10px !important;
        position: absolute !important;
        top: 770px;
        left: 300px
    }

    .createPz > p > span {
        font-size: 1.1em !important;
        padding-left: 10px
    }

    .button.smallRightArrowButton {
        background-image: none !important;
        width: 250px;
        text-align: center;
        padding: 0 !important;
        display: block;
        margin: 20px auto !important
    }

    .button.smallRightArrowButton + span {
        display: block;
        text-align: center
    }

    body.webkit534 .createPz {
        left: auto !important;
        position: relative !important
    }
}

@media only screen and (max-width: 1199px) {
    .aboutPzSteps {
        justify-content: flex-start !important
    }

    .aboutPzSteps-step {
        width: 300px !important
    }

    .aboutPzSteps-step-header-stepNo {
        width: 70px;
        height: auto
    }

    .aboutPzSteps-step-header h2 {
        font-size: 20px !important;
        text-align: center !important;
        padding-right: 0 !important;
        line-height: 23px !important;
        margin: 0 -5px 0 72px !important
    }

    .aboutPzSteps-step-header p {
        font-size: .9em !important
    }

    .aboutPzSteps-step-content ul li {
        font-size: .9em !important;
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width: 1019px) {
    .createPz {
        display: block;
        width: 373px;
        position: relative;
        margin: 40px
    }

    .createPz img {
        display: none
    }

    .createPz p {
        margin: 10px !important;
        text-align: left !important
    }

    .createPz span {
        margin-left: 0 !important
    }

    .createPz .button {
        margin-right: 20px;
        margin-top: 40px
    }

    body.webkit534 .createPz {
        left: auto !important;
        position: relative !important;
        top: auto !important;
        margin-top: 0;
        margin-bottom: 0
    }

    body.webkit534 .aboutPzSteps {
        display: block !important
    }

    body.webkit534 .aboutPzSteps .aboutPzSteps-step {
        width: 97% !important;
        margin: 10px auto 20px !important
    }
}

@media only screen and (max-width: 1180px) {
    .account {
        margin-right: 16px !important
    }

    .lawPageContents, .siteMapPageContents {
        margin-left: 20px;
        margin-right: 20px
    }

    .lawPageContents {
        margin-top: 0 !important
    }
}

@media only screen and (max-width: 529px) {
    .siteMapPageContents {
        font-size: .9em !important
    }

    .siteMapPageContents ul {
        padding-left: 0 !important
    }

    .siteMapPageContents h1 {
        font-size: 1.4em !important;
        padding-top: 10px !important
    }

    .siteMapPageContents li {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 1181px) {
    #globalMessages, #messages {
        margin: auto 16px auto 10px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1019px) {
    .createPz {
        position: absolute;
        top: 835px;
        left: 368px
    }
}

@media only screen and (min-width: 768px) {
    .links div a {
        display: block !important
    }

    .iconsMenu {
        display: none !important
    }
}

@media only screen and (min-width: 1020px) and (max-width: 1199px) {
    .aboutPzSteps {
        justify-content: center !important
    }

    .aboutPzSteps .aboutPzSteps-step {
        width: 270px !important;
        margin: 30px !important
    }
}

@media only screen and (min-width: 840px) and (max-width: 1019px) {
    .aboutPzSteps .aboutPzSteps-step {
        width: 330px !important
    }

    .createPz {
        left: 409px !important
    }

    body.webkit534 .aboutPzSteps {
        display: block !important
    }

    body.webkit534 .aboutPzSteps .aboutPzSteps-step {
        width: 97% !important;
        margin: 10px auto 20px !important
    }

    body.webkit534 .createPz {
        left: auto !important
    }
}

@media only screen and (max-width: 767px) {
    #globalMessages {
        margin: 0 10px
    }

    .systemLogo {
        position: absolute;
        height: 50px !important;
        margin: 0 15px 0 0 !important;
        width: 140px !important;
        top: 50px;
        left: 15px
    }

    .account {
        margin-top: 90px !important;
        border: solid 2px #EDEEF2
    }

    .topBar .menuLeft {
        height: 0;
    }
    
    .topBar .menuRight {
        padding-top: 10px
    }

    .topMenuBar {
        background-color: #EDF0F4;
        display: none !important;
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        z-index: 100000
    }

    .topMenuBar li {
        display: block;
        width: 100%;
        clear: both;
        background-color: transparent !important;
        background: none !important;
        padding-top: 0 !important;
        border-bottom: solid 1px #cdcdcd
    }

    body.hc .topMenuBar {
        border-bottom: solid 3px #fff
    }

    .topMenuBar li a span {
        display: block;
        height: 40px !important
    }

    .topMenuBar li a, .topMenuBar li span {
        font-size: 1em !important;
        line-height: 40px !important;
        padding: 0 30px !important;
        text-align: left !important;
        height: 40px !important;
        background-color: transparent !important;
        text-transform: uppercase;
        width: 100% !important
    }

    .topMenuBar li span {
        cursor: pointer
    }

    .topMenuBar li a:hover,
    .topMenuBar li span:hover,
    .topMenuBar li.current span:hover,
    .topMenuBar li a:focus,
    .topMenuBar li span:focus,
    .topMenuBar li.current span:focus {
        display: block;
        color: #fff !important;
        background-color: #262D40 !important
    }

    .topMenuBar li.current span {
        color: #333 !important;
        font-weight: 700
    }

    .topMenuBar .home, .topMenuBar .home a {
        width: 100% !important;
        background-color: transparent !important;
        height: 40px !important
    }

    .topMenuBar .home a img {
        display: none
    }

    .topMenuBar .home .home-mobile {
        display: block !important;
        width: 100%;
        padding-left: 0 !important
    }

    .topMenuBar .nav-mobile {
        display: block !important;
        background-color: #EDF0F4 !important;
        height: 80px
    }

    body.hc .topMenuBar .nav-mobile {
        background-color: #000 !important
    }

    .topMenuBar .nav-mobile a {
        color: #fff !important;
        background-color: transparent !important
    }

    .topMenuBar .nav-mobile .close {
        width: 50px!important;
        height: 50px!important;
        padding: 0!important;
        background-image: url("/pz/javax.faces.resource/images/zamknij_icon.png.xhtml");
        background-repeat: no-repeat;
        background-size: 50px 49px;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 17px
    }

    .topMenuBar .nav-mobile .close:focus {
        background-image: url("/pz/javax.faces.resource/images/zamknij_icon_hc.png.xhtml")
    }

    body.hc .topMenuBar .nav-mobile .close {
        background-image: url("/pz/javax.faces.resource/images/zamknij_icon_hc.png.xhtml")!important;
    }

    .topMenuBar .nav-mobile .navleft {
        background-image: url("/pz/javax.faces.resource/images/logo_pz_upr_64x49.png.xhtml");
        background-repeat: no-repeat;
        background-size: auto 40px;
        position: relative;
        top: 24px;
        left: 27px;
        width: 64px;
        height: 49px
    }

    body.hc .topMenuBar .nav-mobile .navleft {
        background-image: url("/pz/javax.faces.resource/images/logo_pz_upr_64x49_hc.png.xhtml")
    }

    .header .loginButton, .registerButton {
        background-image: none !important
    }

    .header {
        height: 80px !important
    }

    .header .links {
        padding-top: 15px !important
    }

    .header .loginButton a {
        display: block;
        background-image: url("/pz/javax.faces.resource/images/logowanie_icon.png.xhtml") !important;
        background-size: 50px 49px;
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 83px
    }

    body.hc .header .loginButton a {
        background-image: url("/pz/javax.faces.resource/images/logowanie_icon_hc.png.xhtml") !important
    }

    .header .loginButton a, .header .loginButton a:hover, .registerButton a, .registerButton a:hover {
        color: transparent !important
    }

    .registerButton a {
        width: 50px;
        height: 50px;
        display: block;
        overflow: hidden;
        display: block;
        background-image: url("/pz/javax.faces.resource/images/rejestracja_icon.png.xhtml") !important;
        background-size: 50px 49px;
        background-repeat: no-repeat;
        position: absolute;
        right: 140px
    }

    .header .links .mobile-nav-trigger {
        display: inline-block;
        background: none;
        width: 50px;
        height: 50px;
        padding: 0;
        border: none;
        position: absolute;
        right: 27px;
        top: 56px;
    }

    .links div .hideElement {
        display: none !important
    }

    body.hc .aboutPzSteps .aboutPzSteps-step .aboutPzSteps-step-header-stepNo, body.hc .topMenuBar li {
        background-color: #000 !important
    }

    body.hc .topMenuBar li a:hover, body.hc .topMenuBar li span:hover, body.hc .topMenuBar li.current span:hover {
        background-color: #000 !important
    }
}

@media only screen and (max-width: 706px) {
    .footer {
        padding-top: 50px !important
    }

    .footerTopBar {
        height: 110px !important
    }

    .footerTopBar .logoEpuap {
        clear: both;
        text-align: center;
        margin: 0 auto;
        float: none !important
    }

    .footerTopBar .bottomMenuBar {
        top: 0;
        float: none !important;
        margin: 0 auto;
        text-align: center;
        overflow: unset;
        height: 50px
    }

    .footerTopBar .bottomMenuBar li {
        width: 33%
    }

    .footerMiddleBar {
        min-height: 50px;
        padding-top: 50px;
    }

    .logosBar {
        margin: 0 auto;
        text-align: center
    }

    .logosBar li {
        display: block;
        width: 100% !important;
        margin: 0 auto 10px;
        float: none !important
    }

    .logosBar li div {
        text-align: center;
    }
}

@media only screen and (max-width: 425px) {
    .footerTopBar .bottomMenuBar li a {
        line-height: normal !important;
        padding-top: 10px;
        margin-bottom: 0;
        height: 44px
    }
}

@media only screen and (max-width: 400px) {
    .liIco {
        display: none
    }

    .button.smallRightArrowButton {
        background-image: none !important;
        width: 250px;
        text-align: center;
        padding: 0 10px !important;
        display: block;
        margin: 20px auto !important
    }

    .button.smallRightArrowButton + span {
        display: block;
        text-align: center
    }

    .createPz {
        width: auto;
        margin: 20px 10px
    }

    .createPz p {
        text-align: center !important
    }

    .createPz p span {
        margin: 0 !important
    }

    .aboutPzSteps-step-header-stepNo {
        font-weight: 400;
        font-style: normal;
        font-size: 45px
    }

    .aboutPzSteps-step {
        margin: 20px 15px !important;
        width: 90% !important;
        max-width: 360px !important
    }

    .aboutPzSteps-step-content {
        display: none
    }

    .aboutPzSteps-step-header p {
        display: none
    }

    .aboutPzSteps-step-header h2 {
        max-width: 160px !important;
        font-size: .97em !important;
        height: 46px
    }

    .aboutPzSteps-step-header {
        cursor: pointer
    }

    .aboutPzSteps-step-header h2::after {
        display: block;
        content: '';
        position: absolute;
        top: 18px;
        right: 20px;
        width: 35px;
        height: 50px;
        background-image: url("/pz/javax.faces.resource/images/u6rl.png.xhtml");
        background-repeat: no-repeat;
        background-size: 70px 50px;
        background-position: -1px 0;
        cursor: pointer
    }

    body.hc .aboutPzSteps-step-header h2::after {
        background-image: url("/pz/javax.faces.resource/images/u6rl_hc.png.xhtml")
    }

    .aboutPzSteps-step.expand .aboutPzSteps-step-header h2 {
        word-wrap: break-word;
        font-size: .97em !important
    }

    .aboutPzSteps-step.expand .aboutPzSteps-step-content ul.icons li {
        padding-left: 0 !important
    }

    .aboutPzSteps-step.expand .aboutPzSteps-step {
        margin: 20px 15px !important;
        width: 90% !important;
        max-width: 360px !important
    }

    .aboutPzSteps-step.expand .aboutPzSteps-step-header h2::after {
        background-position: -33px 0
    }

    .aboutPzSteps-step.expand .aboutPzSteps-step-content {
        display: block
    }

    .aboutPzSteps-step.expand .aboutPzSteps-step-header p {
        display: block
    }
}

@media only screen and (max-width: 360px) {
    .account {
        right: 9px
    }
}

@media only screen and (max-width: 344px) {
    .aboutPzSteps-step-header h2::after {
        display: none
    }

    .bottomMenuBar li a {
        font-size: .75em !important
    }
}