/*
 * MB Chinese CSS v0.0.1 (http://www.muehlbauer.de)
 * Copyright 2015 Mühlbauer GmbH & Co. KG
*/

/* * * * * * */
/* XS et al. */
/* * * * * * */

body,
.open_sans,
.navigation,
.toolbar,
.top-menu,
.top-menu-flyout-content,
#xs-collapse,
.banner-heading,
.banner-description,
.banner-link,
.banner-flyout,
.footer-container,
.content h1,
.content h2,
.download h3,
.btn,
.tab-container .nav-tabs > li > a,
.pager,
.product-container h3,
.product-container h4,
.product-container a.more-link,
.news-container h3,
.news-container a.more-link,
.news-details .summary {
    letter-spacing: 1px !important;
}


.top-menu ul li a {
    font-size: 15px;
}

.carousel-caption {
    font-size: 16px;
}

.panel-mb .panel-body {
    font-size: 14px;
}

.panel-mb .panel-body h3 {
    font-size: 16px;
}

.panel-mb .panel-body ul li .fa-li {
    top: 1em;
}

.panel-mb .panel-footer {
    font-size: 16px;
}

.panel-mb .panel-body a.more-link .fa,
.panel-mb .panel-footer a.more-link .fa {
    font-size: 12px;
}

.navigation h2 {
    font-size: 24px;
}

.navigation div[role="tab"] a {
    font-size: 20px;
}

.navigation ul li a {
    font-size: 16px;
}

.navigation ul li .fa-li {
    top: 0.6em;
}

.banner-description{
    margin-top: 5px;
}

.product-container h3 {
    color: #00929d;
}

.grid-section p {
    font-size: 15px;
}

/* * * * * */
/* SM only */
/* * * * * */

@media (min-width: 768px) {

    .top-menu ul li a {
        font-size: 14px;
    }

    .carousel-caption {
        font-size: 16px;
    }

    .panel-mb .panel-body {
        font-size: 12px;
    }

    .panel-mb .panel-body h3 {
        font-size: 14px;
    }
    
    .panel-mb .panel-footer {
        font-size: 13px;
    }
    
    .navigation h2 {
        font-size: 14px;
    }

    .navigation div[role="tab"] a {
        font-size: 12px;
    }

    .navigation ul li a {
        font-size: 11px;
    }
    
    .navigation ul li .fa-li {
        top: 0.3em;
    }

}

/* * * * * */
/* MD only */
/* * * * * */

@media (min-width: 992px) {

    .top-menu ul li a {
        font-size: 16px;
        margin: 0 3px;
    }

    .panel-mb .panel-body {
        font-size: 13px;
    }

    .panel-mb .panel-body h3 {
        font-size: 15px;
    }
    
    .panel-mb .panel-footer {
        font-size: 14px;
    }
    
    .navigation h2 {
        font-size: 20px;
    }

    .navigation div[role="tab"] a {
        font-size: 16px;
    }

    .navigation ul li a {
        font-size: 14px;
    }
    
    .navigation ul li .fa-li {
        top: 0.5em;
    }

}

/* * * * * */
/* LG only */
/* * * * * */

@media (min-width: 1200px) {

    .top-menu {
        padding-top: 22px;
        height: 48px;
    }
    
    .top-menu ul li a {
        font-size: 18px;
        /*margin: 0 10px;*/
         padding-left:10px;
        padding-right:10px;
        padding-top:8px;
    }

    .panel-mb .panel-body {
        font-size: 14px;
    }

    .panel-mb .panel-body h3 {
        font-size: 16px;
    }
    
    .panel-mb .panel-footer {
        font-size: 16px;
    }
    
    .navigation h2 {
        font-size: 22px;
    }

    .navigation div[role="tab"] a {
        font-size: 18px;
    }

    .navigation ul li a {
        font-size: 16px;
    }
    
    .navigation ul li .fa-li {
        top: 0.6em;
    }
    
}