<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

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

    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;
    }
    header {
        height: 144px;
    }
    #topRow {
        height: 110px;
    }
    #contactRow {
        right: 150px;
        font-size: 13px;
    }
    #contactRow span {
        margin-left: 10px;
    }
    .langBox {
        padding: 5px 0px 5px 10px;
        top: 12px;
        right: 0;
    }
    header.smaller .langBox {
        top: -40px;
    }
    #mainLink {
        width: 130px;
        background-size: 130px auto;
        height: 60px;
        left: 0;
        top: 30px;
    }
    
    #mainMenu {
        margin: 60px 0px 0 0;
    }

    header.smaller #mainMenu {
        margin-top: 29px;
    }
    #mainMenu ul li a {
        font-size: 15px;
        padding: 7px 6px;
    }
    
    .contactInfo {
        line-height: 22px;
    }
    .contactInfo div.row {
        padding: 6px 0;
        font-size: 16px;
    }
    .slider-wrap {
        margin-top: 144px;
    }
    #slider .item img {
        display: block;
        height: auto;
    }
    .captionBox {
        max-width: 500px;
        padding-right: 2%;
    }
    .captionBox .more {
        font-size: 16px;
        padding: 12px 23px;
    }
    .captionBox h5 {
        font-size: 30px;
        line-height: 33px;
    }
    
    .captionBox h5 span {
        font-size: 30px;
    }

    .captionBox .desc {
        font-size: 14px;
    }
    .more {
        margin: 10px 0 0;
    }
    
    ul#tab {
        font-size: 15px;
    }
    
    ul#tabs li {
        padding: 10px 16px;
        font-size: 17px;
    }
    ul#tab h4 {
        font-size: 20px;
        padding-bottom: 5px;
        margin: 0 0 15px;
    }
    .titleBox {
        margin-bottom: 10px;
    }
    .titleBox p {
        font-size: 20px;
        line-height: 32px;
    }
    .titleBox h3 {
        margin: 0;
        font-size: 25px;
    }
    .wrapper .container {
        max-width: 768px;
    }
    .wrapper .container img {
        max-width: 100%;
        height: auto
    }

    .carouselIntro {
        width: 340px;
    }

    .bottomContact {
        font-size: 20px;
        margin-top: 60px;
    }
    .bottomContact span {
        font-size: 20px;
        line-height: 22px;
    }

   #footer .span_9_of_12,
    #footer .span_3_of_12 {
        width: 30%;
    }

    #copyright {
        font-size: 12px;
    }
    
    .slider-overlay {
        display: none;
    }
    
    #tiles .container .home-column h4 {
        margin: 25px 0 11px;
        font-size: 21px;
    }
    
    #tiles .container {
        font-size: 13px;
    }
    .newsIntro .newsContent {
        padding: 10px 15px;
    }
    .newsIntro .newsContent .newsDesc {
        font-size: 13px;
    }
    .newsIntro .newsContent .newsTitle {
        font-size: 17px;
        margin-bottom: 5px;
    }
    #contact div.row {
        padding: 6px 0;
        font-size: 14px;
    }
    .titleBox h2 {
        font-size: 33px;
    }
    .parallaxBox h3 {
        font-size: 26px;
        line-height: 1.25;
        margin: 0px 0 20px;
    }
    .parallaxBox {
        padding: 50px 0 40px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
    .parallaxBox .span_6_of_12 {
        width: 85%;
    }
    .statistics-box .statistics-info .statistics-number {
        font-size: 50px;
        line-height: 1.3;
    }
    .statistics-box .statistics-info .statistics-txt {
        font-size: 15px;
    }
    #statistics {
        padding: 55px 0;
    }
    #joinus h3 {
        margin: 10px 0 0 0;
        font-size: 21px;
        line-height: 1.1;
    }
    .button {
        margin-left: 10px;
        padding: 6px 17px;
        font-size: 16px;
    }
    .footer-menu ul li {
        margin: 0 0 8px;
    }
}</pre></body></html>