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

@media only screen and (min-width: 100px) and (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 20px;
    }

    h1 {
        font-size: 25px;
        line-height: 27px;
    }

    h2 {
        font-size: 25px;
        line-height: 22px;
    }

    .group {
        padding: 0
    }

    body.index h2 {
        font-size: 22px;
    }

    body.index h2 {
        margin: 0 0 25px;
    }

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

    #container {
        width: 320px;
        padding-top: 70px;
    }

    #leftCol {
        width: 100%;
    }

    #rightCol {
        width: 100%;
    }

    #pogoda,
    .specialBox,
    #linksBox,
    #facebookBox {
        display: none
    }

    .owl-theme .owl-nav {
        display: none;
    }

    .wrapper .container {
        width: 300px;
        padding: 0 10px;
    }

    #top {
        width: 320px;
        height: 125px;
        position: relative;
    }
    #edicraAccessibiliyMenu {
        margin: 5px 15px 0 0;
    }
    #top .span_6_of_12 {
        width: 48%
    }

    #rightBox {
        display: none
    }

    #mainLink {
        float: right;
        margin: 10px 0 0 0;
        width: 150px;
        height: 35px;
        background-size: contain;
    }
    a.deklaracja {
        margin: 12px 20px 10px 0;
    }
    #bipLogo {
        display: none;
    }

    #bipLogo img {
        width: 100px;
        height: auto
    }

    #menuWrapper {
        border-top: none;
    }

    #mainMenu {
        height: 53px;
        top: 14px;
    }

    header.smaller #mainMenu {
        top: 7px;
    }

    .wrapper.main {
        padding: 74px 0 20px;
    }

    body.index .wrapper.main {
        padding: 74px 0 35px;
    }

    #topMenu li:first-child {
        display: none
    }

    .nav li .subnav li:hover a {
        background: none !important;
    }


    /*Owl slider styles */
    .sliderBg {
        width: 300px;
        height: 120px;
        background-size: auto 120px;
        background-position: 50% 50%
    }

    .sliderBg .sliderWhite {
        display: none
    }
    #topMenu {
        margin-bottom: 0;
    }
    #topMenu li a {
        font-size: 14px;
        padding: 9px 14px 10px
    }


    #content {
        background-image: url("img/contentBg.png");
        background-size: contain;
        width: 100%;
        margin-bottom: 25px;
        padding-top: 30px;
    }

    #owl-news {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #owl-news .owl-item li img {
        border: 3px solid #e5e5e5;
        height: 145px;
        overflow: hidden;
        width: 145px;
    }

    .owl-controls {
        display: none !important
    }

    .contentForm .row input.text {
        margin: 0;
    }

    #footer {
        margin-top: 20px;
        padding: 7px 10px;
        width: 280px;
    }

    .galleryIntro a .mainIntroLink {
        font-size: 13px;
        line-height: 15px;
        padding: 12px 0;
    }

    #footer .col {
        font-size: 14px;
        text-align: left;
    }

    #copyright .container {
        padding: 0;
        width: 300px;
    }

    #copyright {
        font-size: 12px;
        text-align: center !important
    }

    .articleLink a {
        font-size: 15px;
        margin: 0;
    }

    .newsPic img {
        width: 100%
    }
    #footer .contactBox {
        line-height: 33px;
        margin: 6px 0;
        font-size: 14px;
    }
    #footer .contactBox:first-child {
        margin-right:0;
    }
    #footer .contactBox.pull-right {
        float:left;
    }
}