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

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

    
    #cboxContent {
        height: 270px !important;
    }
    
    #cboxMiddleRight,
    #cboxTopLeft,
    #cboxBottomLeft,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxTopCenter,
    #cboxTopRight,
    #cboxMiddleLeft {
        display: none;
    }
    
    header #topTools {
        position: absolute;
        right: 0;
        top: 0;
        left: auto;
        padding: 7px 0 0 0;
    }
    header #topTools .kontrastLink em {
        margin-top: -2px;
    }
    header #topTools .sitemapLink,
    header #topTools .deklaracjaLink,
    header #topTools .nieslyszacyLink {
        display: none;
    }
    .tts-button {
        margin-top: -2px;
    }
    .subpage h1 {
        font-size: 27px;
        line-height: 29px;
    }
    h3 {
        font-size: 20px;
        line-height: 27px;
        margin: 0px 0px 20px 0px;
    }
    h4 {
        font-size: 19px;
        line-height: 24px;
        margin: 0px 0px 14px 0px;
    }
    .no-mobile {
        display: none !important;
    }

    header .container {
        width: 100%;
    }

    header .greyRow,
    header .top {
        padding: 0 10px;
    }
    .menuMobile {
        display: block
    }
    #topMenu + div {
        height: 30px !important;
    }
    .wrapper {
        font-size: 14px;
        line-height: 21px;
    }
    #sliderWrapper {
        top: 100px !important;
    }
    .container {
        width: 320px;
    }

    .row.padding {
        padding: 30px 0 30px;
    }

    header,
    header .container {
        height: 100px;
    }
    .mceContentBody .sliderHeading {
        font-size: 17px;
        margin-top: 25px;
        line-height: 1.25
    }
    .mceContentBody .sliderList, .mceContentBody .moreButton {
        display: none;
    }
    
    #content {
        padding-top: 150px;
        padding-bottom: 60px;
    }

    header.smaller {
        height: 64px;
    }

    header #right-column {
        width: 100%;
        margin-top: 10px;
    }

    header #mainLink {
        top: 0;
        left: auto;
        right: 10px;
        width: 140px;
        height: 75px;
    }

    header.smaller #mainLink {
        top: 0;
        left: auto;
        right: 15px;
        width: 170px;
        height: 90px;
    }

    header.smaller .greyRow {
        margin-top: -43px;
    }
    
    .greyRow .col {
        margin: 0
    }
    
    #subTitle {
        font-family: "Poppins";
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        border-bottom:1px solid RGB(255,255,255,0.2);
        padding: 0 0 5px 15px;
        margin-top: 30px;
        margin-bottom: 5px;
    }
    
    .the-nav ul.nav-flyout li.smallLink a {
        font-size: 16px;
        padding: 7px 15px;
    }
    .eBanking {
        border-bottom: 5px solid #00652e;
        padding: 7px 10px 5px;
        font-size: 10px;
        float: left;
    }
    .eBanking:hover {
        border-bottom: 5px solid #00652e;
    }
    .socialLink {
        display: none;
    }
    #sliderWrapper {
        top: 90px;
        left: 0;
        height: 130px;
        background: url(../img/slider.jpg) no-repeat 50% 0;
        background-size: auto 130px;
    }
    .titleBox {
        margin-bottom: 15px;
    }
    .titleBox h2 {
        font-size: 27px;
    }

    header #topMenu ul li a {
        font-size: 17px;
        padding: 23px 10px 20px;
    }

    header.smaller #topMenu ul li a {
        font-size: 17px;
        padding: 15px 10px 13px;
    }
    .newsTitle {
        font-size: 19px;
        margin: 10px 0 0;
    }
    .newsDesc {
        font-size: 15px;
        line-height: 20px;
    }
    .promoBox {
        height: 230px;
        background-size: cover;
        margin-bottom: 15px;
    }
    .row.center {
        margin: 35px 0 5px;
    }
    .titleBox h3 {
        font-size: 20px;
        margin-bottom: 22px;
    }
    table.pricing tr th.title, table.pricing tr td.title {
        width: 90px;
    }
    
    table.pricing tr.heading th {
        font-size: 14px;
    }
    table.pricing tr.subtitle th {
        font-size: 14px;
    }
    ul.tabs {
        margin: 50px 0 0 0;
    }
    ul.tabs li {
        padding: 0 20px 0 0;
        font-size: 20px;
    }
    .tab-content {
        margin-bottom: 45px;
    }
    #footer {
        padding: 25px 0;
    }
    #footer #contact {
        font-size: 16px;
    }
    #footer .span_4_of_12 {
        width: 100%;
        margin:0;
    }
    #footer .span_8_of_12 {
        width: 100%;
        margin:0 0 30px;
    }
    .footer-menu {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-left:0;
        margin-bottom: 15px;
    }
    .footer-menu:last-child {
        margin-right: 0;
    }
    .footer-menu h4 {
        font-size: 15px;
        margin-bottom: 3px;
    }
    .footer-menu li {
        font-size: 13px;
        margin-bottom: 6px;
    }
    #footer #footerLogos {
        text-align: center;
    }
    #footer #footerLogos img {
        max-height: 35px;
        width: auto;
    }
    #footer #copyright {
        margin-top: 10px;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
    }
    
    body.subpage #content {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .promoBox .promoTitle {
        padding: 8px 20px 8px 20px;
    }
    .promoBox .promoDesc {
        bottom:0
    }
    #calculatorForm .callFormContainer {
        overflow: hidden
    }
    #calculatorForm .typesOfInstallments {
        float:left;
    }
    #calculatorForm .form {
        display: block !important;
    }
    #calculatorForm .form > div {
        flex: none !important;
        margin: 0 0 20px !important;
        width: 100%;
        float: left;
    }
    a.more {
        font-size: 17px;
    }
    
    .mceContentBody .sliderInfo {
        display: none;
    }
    ul.submenu li a {
        font-size: 16px;
    }
    
    .widgetWrapper img {
        max-width: 100% !important;
        height: auto !important;
    }
    body.subpage #subtitle {
        padding: 125px 0 19px;
        background-position: center bottom;
    }
    body.subpage #subtitle h1 {
        font-size: 20px;
        line-height: 25px;
        max-width: 100%;
        float: left;
        text-align: left;
    }
    .promoBox.subpage .promoTitle {
        bottom: 10px;
        padding: 6px 13px;
        line-height: 1.4;
        font-size: 16px;
    }
    
    #footer .extraLinks {
        justify-content: space-between;
        row-gap: 20px;
        flex-direction: column;
    }
    
}