/* ========= MOBILE STYLES =========
   ======================================================= */

@media screen and (max-width: 767px) {
    body #containerBox,
    body #topBox,
    body #picBox,
    body #gradientBox,
    body #topnavBox,
    body #mainBox,
    body #rightBox,
    body #contentBox {
        width: auto;
        float: none;
    }
    body #topnavBox,
    body #leftBox,
    body #langnavBox {
        display: none;
    }
    body,
    body #containerBox {
        background-image: none;
    }
    body #topBox {
        height: 75px;
        background-position: 10px -10px;
        background-size: auto 100%;
		background-image: url(../../images/site/top_logo_mobile.png);
    }
    body #homelinkBox {
        width: 220px;
        height: 64px;
        margin-top: 0px;
    }
    body #middleBox,
    body #picBox,
    body #gradientBox {
        height: 80px;
    }
    body #gradientBox {
        background-image: url(../../images/site/pic_main_gradient.mobile.png);
        background-position: left top;
    }
    body #picBox {
        height: 80px;
        background-size: auto 100%;
    }
    body #gradientBox {
        height: 80px;
    }
    body .swslang img {
        max-width: 100%;
        height: auto;
    }
    body #mainnavMobileBox #searchBox {
        width: auto;
        padding: 30px 0px 40px 0px;
    }
	body #searchBox .button {
		height: 29px;
	}
    body #mainnavMobileBox #searchBox input#FullText {
        width: calc(100% - 24px);
    }
    body #mainnavMobileBox .treeFooter,
    body #mainnavMobileBox .treeFooter a {
        width: auto;
        font-size: 14px;
    }
	body #mainnavMobileBox .treeFooter a, body #mainnavMobileBox .treeFooter a:hover {
        color: #000000;
		opacity: 0.5;
    }
    /* 
        ===== mobile nav =====
    */
    body #mainnavMobileToggleBox {
        position: absolute !important;
        right: 10px;
        top: 13px;
    }
    body #mainnavMobileToggleBox a {
        cursor: pointer;
        text-decoration: none;
    }
    body #mainnavMobileToggleBox a:hover {
        opacity: 0.5;
        text-decoration: none;
    }
    body #mainnavMobileToggleBox a::before {
        display: block;
        content: "\f0c9";
        font-family: FontAwesome;
        font-size: 30px;
        line-height: 37px;
        text-align: center;
        width: 24px;
        height: 30px;
        position: absolute;
        left: -29px;
        color: #000000;
    }
    body #mainnavMobileBox {
        display: none !important;
    }
    body #mainnavMobileBox.mm-opened {
        display: block !important;
    }
    body .mm-menu a.breadcrumb {
        font-weight: 700;
    }
    body .mm-menu a.selected {
        font-weight: 700;
        font-style: italic;
    }
	body #mainnavMobileBox .langnavrow .firstrow {
		padding-top: 30px;
	}
    /* 
        ===== fontsize =====
    */
    html body,
    body td {
        font-size: 16px;
    }
    body select,
    body textarea,
    body input {
        font-size: 16px;
    }
    body .copyright {
        font-size: 13px;
    }
    body .modTitle,
    body .modTitle a {
        font-size: 18px;
    }
    body .modSubTitle {
        font-size: 14px;
    }
    body .swslangdynamic_forms legend {
        font-size: 18px;
    }
    body .swslangdynamic_forms .helpText {
        font-size: 13px;
        line-height: 15px;
    }
    body h1 {
        font-size: 18px;
    }
    body h2 {
        font-size: 17px;
    }
    body h3 {
        font-size: 16px;
    }
    body h4 {
        font-size: 15px;
    }
    body h5 {
        font-size: 14px;
    }
    body h6 {
        font-size: 13px;
    }
    body span.sweTitle1,
    body .sweTitle1 {
        font-size: 19px;
    }
    body span.sweTitle2,
    body .sweTitle2 {
        font-size: 17px;
    }
    body span.sweTitle3,
    body .sweTitle3 {
        font-size: 15px;
    }
    body span.sweTitle4,
    body .sweTitle4 {
        font-size: 19px;
    }
    body span.sweTitle5,
    body .sweTitle5 {
        font-size: 17px;
    }
    body span.sweTitle6,
    body .sweTitle6 {
        font-size: 15px;
    }
    body span.sweTitle7,
    body .sweTitle7 {
        font-size: 19px;
    }
    body span.sweTitle8,
    body .sweTitle8 {
        font-size: 17px;
    }
    body span.sweTitle9,
    body .sweTitle9 {
        font-size: 13px;
    }
}