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

@media only screen and (min-width: 100px) and (max-width: 920px) {
    h1 {
        line-height: 1.37;
    }
    h2 {
    
        font-size: 19px;
        line-height: 25px;
    }
    
    .mobile {
        display: block;
    }
    .noMobile {
        display: none
    }
    
    .mobile-top-margin {
        margin-top: 35px;
    }

    .box {
        width: 320px;
    }
    sup {
        top: -0.2em;
    }
    
    .sup-8 {
        font-size: 6px;
        line-height: 15px;
    }
    .sup-10 {
        font-size: 7px;
        line-height: 16px;
    }
    .sup-11 {
        font-size: 7px;
        line-height: 16px;
    }
    .topbar #top-title h3 {
        margin: 5px 0 7px;
        font-size: 13px;
        line-height: 20px;
    }

    .topbar {
        height: 185px;
    }
    
    header.smaller .topbar {
        height: 153px;
    }
    header.smaller #top-title {
        margin-top: -33px;
    }
    
    .mobile-small-header {
        display: none;
        transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
    }
    
    header.smaller .mobile-small-header {
        display: block;
    }
    
    #main-links a {
        background: #178079;
        color: #fff;
        width: calc(100% - 40px);
        margin: 3px 0;
        display:block;
        padding: 5px 20px;
        font-size :17px;
    }
    
    #main-links a:nth-child(2) {
        background: #0a7cb0;
    }
    
    #main-links a:nth-child(3) {
        background: #962080;
    }
    
    #main-tiles {
        margin-top: 0;
        transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
    }
    
    header.smaller #main-tiles {
        margin-top: -155px;
    }
    
    .fadeLink,
    .logo-wrapper {
        float: left;
        width: 50%;
        display: inline-block;
    }
        
    .topbar #main-tiles img {
        max-width: 98%;
        display: block;
        margin-bottom: 4px !important;
    }
    
    .logo-wrapper {
        height: 75px;
        vertical-align: bottom;
        float: none;
        display: table-cell;
    }
    
    .topbar #main-tiles .logo-wrapper img {
        vertical-align: bottom;
        margin-bottom: 0 !important;
    }
    .intro-text {
        font-size: 15px;
        line-height: 22px;
        padding: 10px 0px 0;
    }
    .subtitle {
        font-size: 20px;
        margin-bottom: 15px;
    }
    #jednodniowe {
        padding-top: 190px;
    }
    #wielokrotnego {
        padding-top: 150px;
    }
    .bordered {
        font-size: 21px;
        padding: 0px 0 5px;
        margin: 0 auto 20px;
    }
    .small-text {
        margin: 0;
        padding: 0;
    }
    .productBox .button {
        margin-top: 20px;
    }
    .subtitle {
        font-size: 18px;
    }
    .productBox .title {
        line-height: 1.4;
    }
    .logo-row img {
        max-width: 150px;
        height: auto;
    }
    .tile {
        width: 50%;
        min-height: 135px;
        margin: 0;
    }
    .tile:hover {
        margin: 0;
    }
    
    #openButton1 h3 {
        line-height: 1.4;
        width: 100%;
    }
    
    #openButton1 .col {
        margin-bottom: 20px;
    }
    .half-button,
    .button-column {
        width: 100%;
    }
    .half-column {
        width: calc(100% - 30px);
        padding: 20px 15px;
        font-size: 16px;
        line-height: 1.5;
    }
    .uppercase-text {
        margin: 10px 0;
        line-height: 26px;
    }
    
    .features-box {
        text-align: left;
    }
}