/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 979px) {

    h1,
    h2 {
        font-size: 22px;
        line-height: 25px;
        margin: 0 0 20px;
    }

    h3 {
        font-size: 18px;
        line-height: 20px;
    }

    body.index h2 {
        margin-top: 45px;
    }

    .wrapper,
    .container,
    #footer,
    #mainMenu,
    #bottomLogos,
    .wrapper.moreWidth,
    .wrapper.fullWidth {
        width: 95%;
    }

    .noDesktop {
        display: block;
    }
    
    #header {
        width: 100%;
    }

    body.subpage h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .noMobile,
    #searchBox,
    .ui-tabs-vertical .ui-tabs-panel,
    #gallery-carousel .owl-theme .owl-controls {
        display: none !important
    }

    #header {
        height: 140px;
    }

    #mainLink {
        background-size: 50px auto;
        height: 60px;
        top: 66px;
        margin: 0;
        left: auto;
        font-weight: 400;
        right: 5px;
        font-size: 18px;
        line-height: 22px;
        padding-left: 63px;
        padding-top: 17px;
    }

    #mainLink span {
        font-size: 17px
    }

    #header a.bipLink, #header a.zppLink {
        display: none;
        left: 10px;
        top: 10px;
        right: auto;
    }

    #header a.bipLink img {
        width: 65px;
        height: auto;
    }

    #header a.epuapLink {
        display: none
    }

    #header #topTools {
        right: 0;
        top: 0;
        padding: 7px 0 0 0
    }

    #header #topTools #textSize {
        margin: 0;
    }

    #header #topTools a.bipLink {
        display: none
    }

    #header #topTools .sitemapLink {
        font-size: 13px;
        width: 58px;
        line-height: 15px;
        padding-right: 20px;
    }

    #header #topTools .sitemapLink,
    #header #topTools .deklaracjaLink,
    #header #topTools .nieslyszacyLink,
    #header #topTools .textLink,
    #header #topTools .fontSeparation,
    #header #topTools .kontrastLink,
    #header #topTools #textSize {
        padding: 0 0 0 2px;
    }
    #header #topTools .fontSizePlus {
        margin-left: 2px;
    }
    #header #topTools .kontrastLink {
        padding: 0;
    }
    #header #topTools .fontSeparation {
        padding-top: 2px;
    }
    #specialIntroRow {
        margin-top: 0;
    }
    .introGrid.topSpace {
        margin-top: 5px;
    }
    #introTopmapWrapper .pauseButton {
        top: 10px;
        left: 10px;
        right: auto;
        bottom: auto;
    }
    .introGrid #introTopmapWrapper {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    
    .introGrid #introTopmapRight {
        width: 100%;
    }
    
    .introGrid #introTopmapRight .introTopmapTile {
        background-size: cover;
    }
    .introGrid #introTopmapRight .introTopmapTile:hover {
        background-size: cover;
    }
    
    .introGrid #introTopmapRight .introTopmapTile .tileTitle,
    .introGrid .introTileVertical .tileTitle,
    .introGrid .introTileHorizontal .tileTitle {
        padding: 11px 18px;
        font-size: 19px;
    }
    .introGrid .fullWidth .titlePlaceholder {
        font-size: 16px;
        margin-left: 13px;
        float: left;
    }
    .introGrid #introTopmapWrapper .carouselTitle {
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 8px 12px;
        font-size: 16px;
    }
    
    .introGrid #introTopmapWrapper:hover .carouselTitle {
        bottom: 15px;
    }
    .introGrid .fullWidth {
        padding: 16px 0 12px;
    }
    
    .introGrid .fullWidth .contentPlaceholder {
        font-size: 13px;
        width: 61%;
        line-height: 20px;
        margin-top: 0;
        margin-left: 10px;
    }
    
    .introGrid .fullWidth .contentPlaceholder a {
        font-size: 13px;
        line-height: 20px;
        margin-top: 0;
        margin-left: 10px;
    }
    
    .introGrid.titleRow .fullWidth {
        padding: 13px 0
    }
    .introGrid .fullWidth h4 {
        margin: 0 0 0 17px;
        font-size: 21px;
    }
    .introGrid .introTile {
        width: 100%;
        height: 210px;
        margin: 0 0 20px;
    }
    .introGrid .introTile .tileTitle {
        padding: 8px 0;
        font-size: 21px;
    }
    .introGrid .introTileHorizontal,
    .introGrid .introTileVertical {
        width: 100%;
        background-size: cover;
    }
    
    .introGrid .introTileHorizontal:hover {
        background-size: cover;
    }
    
    .introGrid .introTileVertical {
        height: 230px;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .introGrid .introTileHorizontal.tile-05 {
        margin-bottom: 2px;
    }
    .introGrid .introTileVertical:hover {
        height: 230px;
        background-size: cover;
    }
    
    .introGrid .introTileVertical .tileTitle {
        top: auto;
        bottom: 0;
    }
    
    .introGrid .introTileHorizontal:nth-child(5) {
        margin-bottom: 2px;
    }
    
    .introGrid #introTopmapRight .introTopmapTile {
        margin-bottom: 22px;
    }
    
    .scrollerRow {
        margin: 20px 0 20px;
    }
    
    
    
    #standardContent .leftColumn {
        width: 100%;
        margin-bottom: 45px;
    }

    #content {
        font-size: 14px;
        line-height: 24px;
    }

    #standardContent {
        margin-top: 16px;
    }

    #breadcrumbs {
        font-size: 12px;
        margin-right: 0 !important;
        margin-bottom: 15px;
    }


    #footer {
        padding: 5px 0 10px;
        font-size: 15px;
        line-height: 22px;
    }

    #footer h4 {
        font-size: 20px;
        margin: 0 0 8px;
    }
    a#footerLink {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 33px;
    }
    #footerLink span {
        font-size: 32px;
    }
    #footer .col.first {
        width: 100%;
    }
    #footer .col.span_2_of_12 {
        width: 100%;
        margin-bottom: 25px;
    }
    #footer .col {
        margin-bottom: 10px;
        margin-left: 0;
    }
    .copyright {
        padding: 20px 0 20px;
    }
    .copyright .footerMenu {
        text-align: center;
    }
    .copyright .footerMenu li {
        margin: 0 11px;
    }
    .copyright .copy-text {
        font-size: 13px;
        text-align: center;
    }
    
    .carouselBox {
        text-align: center
    }

    .widgetWrapper img {
        margin: auto;
    }
    .newsSlider .pauseButton {
        left: auto;
        top: 10px;
        bottom: auto;
        right: 10px;
    }
    .newsCarousel {
        width: 100%;
        height: 355px;
        background-size: 100% auto;
    }
    
    .newsCarousel:hover {
        background-size: 102% auto;
    }
    
    .newsCarousel .newsWrapper {
        width: 100%;
        margin-top: 168px;
        
    }
    .newsCarousel .newsWrapper .title {
        font-size: 17px;
        margin-bottom: 8px;
    }
    .newsCarousel .newsWrapper .newsContent {
        padding: 15px 20px 10px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next {
        width: 43px;
    }
    
    .newsItem.col {
        margin-bottom: 5%;
    }
    
    .newsItem .newsLink {
        font-size: 16px;
    }
    .archiveWrapper {
        font-size: 15px;
        padding: 15px 0 20px;
        line-height: 22px;
    }
    
    .formRow select {
        font-size: 18px;
        margin: 0 10px 0 0;
        padding: 6px 15px 6px 10px;
    }
    .formRow .button {
        font-size: 20px;
        margin: 0;
        padding: 6px 15px;
    }
    .formRow .text {
        font-size: 20px;
        width: 110px;
        margin: 0 10px;
        padding: 6px 15px 6px 10px;
    }
    
    .contentWrapper .left-column {
        border-right: none;
        width: 100%;
        padding-right: 0;
        font-size: 15px;
        line-height: 1.5;
    }
    
    .contentWrapper .right-column {
        width: 100%;
        margin-top: 40px;
    }
    
    .relatedArticles {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.45;
    }
    
    .contentWrapper.topSpace {
        padding-top: 15px;
    }
    
    #bottomLogos {
        align-content: space-between;
        flex-wrap: wrap;
    }
    
    #bottomLogos img {
        height: 55px;
        width: auto;
    }
    
    .isotopeGrid-item,
    .isotopeGrid-item.width2 {
        width: 100%;
    }
    .isotopeGrid-item.height2 {
        height: 300px;
    }
    .isotopeGrid-item.width2 > a {
        background-size: auto 100%;
    }
    .footerSocials {
        margin-left: 0;
        overflow: hidden;
        margin-bottom: 15px;
    }
    
    .copyright .footerMenu li a {
        font-size: 15px;
        line-height: 33px;
    }
    .newsCarousel .newsWrapper {
        height: auto;
    }
    .newsCarousel .newsWrapper .content {
        font-size: 13px;
    }
    .newsCarousel .newsWrapper .date {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .contentWrapper .articlePic {
        margin: 20px 0 20px;
    }
    .contentWrapper .left-column .content-wrapper {
        padding: 0 3%;
    }
    
    .zarzad .span_1_of_5 {
        margin-bottom: 30px;
    }
    .contentForm .row label {
        width: 100%;
        text-align: left;
        margin-right: 0;
        line-height: 32px;
        margin-top: 10px;
    }
    form.objectSearch .row input.text {
        width: 100%;
        margin: 0;
    }
    form.objectSearch .row select {
        min-width: auto;
        width: 100%;
        margin: 0;
    }
    .listItem a {
        font-size: 14px;
        line-height: 22px;
    }
    .listItem a .linkTitle {
        margin: 12px 0 10px;
    }
    .listItem .properties {
        padding: 5px 10px 15px 15px;
    }
    .listItem .properties dl {
        margin: 10px 0 0px;
    }
    .content-wrapper {
        font-size: 14px;
        line-height: 1.45;
    }
    div.componentProperties {
        padding: 15px 10px 15px 10px;
        margin-bottom: 20px;
    }
    div.componentProperties dl dt {
        width: 27%;
        padding-right: 5px;
    }
    body.zalatw-sprawe .nodeFilesContainer {
        row-gap: 15px;
        column-gap: 0;
        grid-template-columns: repeat(auto-fit, minmax(100px, 100%));
    }
    body.zalatw-sprawe .nodeFilesContainer a {
        padding: 15px;
    }
    #zalatw-container {
        flex-direction: column;
        row-gap: 4px;
    }
    
    .isotopeGrid-item {
        width: 100% !important;
    }
    
    .isotopeGrid-item.width2 > a {
        background-position: top right;
    }
    .isotopeGrid-item > a > div {
        padding: 8px 15px !important;
        line-height: 23px !important;
        font-size: 17px !important;
    }
    .investmentMapWrapper .investmentSearch {
        right: 9px;
        top: 60px;
    }
    .investmentMapWrapper .investmentSearch fieldset {
        padding: 5px;
    }
    .investmentMapWrapper .investmentSearch input[type="reset"] {
        margin-top: 5px;
        font-size: 12px;
        padding: 5px 10px;
    }
    .investmentMapWrapper .investmentSearch label {
        font-size: 11px;
    }
    .investmentMapWrapper .investmentSearch select {
        padding: 2px 2px;
        font-size: 11px;
        margin-bottom: 8px;
    }
    .legendWrapper {
        padding: 5px 10px;
        justify-content: space-around;
        row-gap: 5px;
        bottom: 10px;
        left: 10px;
        width: auto;
        font-size: 12px;
        flex-direction: column;
    }
    .legendWrapper .legendBox img {
        max-height: 20px;
        width: auto;
    }
}