/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1349px) {

    body {
        font-size:16px;
        line-height:22px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px 0;
        padding: 0 0 10px;
    }
    .big-txt p {
        font-size: 15px;
        line-height: 26px;
    }
    
    #mainLink {
        width: 200px;
        height: 185px;
    }
    
    #mainMenu {
        margin-right:10px;
    }

    #mainMenu ul li {
        
    }
    #mainMenu ul li a {
        font-size: 15px;
        padding: 11px 8px
    }

    header.smaller .socialBox {
        opacity: 0;
    }
    
    .contactInfo {
        margin-top: 45px;
        font-size: 16px;
        line-height: 22px;
        margin-left: 35px;
    }
    
    #slider .item img {
        display: block;
        width: 150%;
        height: auto;
    }

    .captionBox h5 {
        font-size: 30px;
        line-height: 35px;
    }
    .captionBox .subDesc {
        font-size: 17px;
        line-height: 29px;
    }
    .captionBox .desc {
        font-size: 60px;
    }
    .more {
        margin: 10px 0 0;
    }
    ul#tabs li {
        padding: 10px 16px;
        margin-bottom: 10px;
        font-size: 15px;
    }
    .titleBox {
        margin-bottom: 10px;
    }
    .titleBox p {
        font-size: 20px;
        line-height: 32px;
    }
    .wrapper .container {
        max-width: 768px;
    }
    .wrapper .container img {
        max-width: 100%;
        height: auto
    }
    #catalog #catalog-pic {
        top: -10px;
    }
    #catalog #catalog-pic img {
        width: 300px;
        height: auto;
    }
    
    #catalog #catalog-info {
        padding: 50px 0 45px 0;
        margin-bottom: 0;
    }
    #catalog #catalog-txt {
        padding-left: 325px;
    }
    #catalog #catalog-txt h5 {
        font-size: 26px;
        line-height: 1.25;
    }
    .parallaxBox {
        line-height: 26px
    }
    .parallaxBox .span_6_of_12 {
        width: 75%;
    }
    .parallaxBox h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .parallaxBox h3 span {
        font-size: 60px;
        line-height: 55px;
    }
    #kontakt .col.first {
        font-size: 20px;
        line-height: 35px;
    }
    .bottomContact {
        font-size: 20px;
        margin-top: 60px;
    }
    .bottomContact span {
        font-size: 20px;
        line-height: 22px;
    }
    #bottom-logos .logo-box {
        margin: 0 10px;
    }
    #bottom-logos .logo-box img {
        height: 45px;
        width: auto;
    }
    #footer .span_4_of_12 {
        width: 39.33%
    }
    #contact div.row {
        padding: 10px 0;
        font-size: 17px;
    }
    #footerLogo img {
        max-width: 150px;
        height: auto;
    }
    #copyright {
        font-size: 14px;
        padding: 55px 0 45px;
    }
}