@charset "UTF-8";

/* Generic linearize of grids on small screens */

/* reset fallback values in modern browsers */
@media screen {

    body {
        min-width: 800px;
    }

    nav#nav {
        min-width: 800px;
    }

    /* Make a large image flexible in width */
    img {
        max-width: 100%;
        height: auto;
    }
}

/* normal screens, tablet(landscape)  */
@media screen and (max-width: 980px) {
    /* only remove gutters for more place */
    body {
        min-width: 100%;
        padding: 0;
        margin: 0;
    }

    .dropdown-horizontal li div.item-container {
        padding: 0;
    }

    .dropdown li.viewLevel0 span.item-title {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .dropdown-horizontal li.viewLevel0 a[title="Quicklinks"] span {
        visibility: hidden;
        width: 1em;
    }

    .dropdown-horizontal li.viewLevel0 a[title="Quicklinks"] span::before {
        right: 0.5rem;
    }

    nav#nav {
        min-width: 100%;
    }

    header {
        padding-top: 0;
        margin-top: 0;
    }

    #nav {
        height: 53.78px;
    }

    .dropdown-horizontal li.viewLevel1 > a span.item-title {
        font-size: 0.75rem;
    }

    .dropdown-linear li.viewLevel2 span.item-title {
        font-size: 0.75rem;
    }

    .dropdown-horizontal li.viewLevel0 p {
        margin-bottom: 0;
        display: inline-block;
        padding: 1.6em 0.4em 1.1em 0.4em;
    }

    .featured .module-box, .article .module-box {
        padding: 20px;
        font-size: 90% !important;
        word-wrap: break-word;
    }

    .headerimage .titlebar {
        width: 80%;
    }

    .headerimage .titlebar h2 {
        font-size: 1.2rem;
    }

    .page-header h2 {
        font-size: 1.4rem;
    }

    div#scrollToTop {
        display: none !important;
    }

    .featured figure h2, .article figure h2 {
        font-size: 130% !important;
    }

    .featured figure, .article figure {
        height: 330px;
    }

    #nav_logo_div {
        padding: 0.9em 0.6em 0.3em 0.6em;
    }

    #nav_logo_div a img {
        height: 1.9em;
    }

    h3.module-heading {
        font-size: 16px;
        line-height: 80%;
    }

    div.module-box {
        font-size: 12px;
    }

    .eb-container h1, .eb-container h2, .eb-container h3 {
        width: 85% !important;
    }

    /* THM-Infobox */
    .thminfobox {
        padding-bottom: 10px;
    }

    .thminfobox ul {
        margin-bottom: 0;
    }

    .thminfobox ul li {
        float: none;
        width: 100%;
        max-width: 100%;
        min-height: 40px;
        text-align: left;
    }

    .thminfobox ul li img {
        display: block !important;
        float: left;
        margin-right: 20px;
    }

    .thminfobox ul li span {
        display: block;
        min-height: 40px;
        padding-top: 5px;
    }
}

/* screens smaller tablet(portrait) 677 derives from iPad pro Splitscreen Mode 50% */
@media screen and (max-width: 677px) {

    body {
        min-width: 100%;
        background: #fff;
    }

    iframe {
        width: 100% !important;
        /*height: auto !important;*/
    }

    .header {
        height: 55px;
        position: relative;
    }

    header .site-logo {
        margin-top: 0;
        height: 45px;
        position: absolute;
        top: 5px;
        left: 10px;
    }

    nav#nav {
        display: none;
    }

    .main.featured {
        margin-top: 0;
    }

    .main.featured .ym-col3 {
        margin-top: 10px;
    }

    .ym-wrapper {
        min-width: 100%;
        max-width: 100%;
    }

    .ym-wbox {
        padding: 0 6px;
    }

    div#breadcrumbs {
        display: none;
    }

    /* Linearize all columns */
    .ym-column,
    .ym-column .ym-col1,
    .ym-column .ym-col2,
    .ym-column .ym-col3 {
        display: block !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    .ym-col2 {
        margin: 10px 0;
    }

    /* Linearize all grids */
    .ym-cbox,
    .ym-grid,
    .ym-grid > [class*="ym-g"],
    .ym-grid > [class*="ym-col"] {
        display: block !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    .ym-grid > [class*="ym-g"] > [class*="ym-gbox"],
    .ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {
        padding-left: 0;
        padding-right: 0;

        /* optional for containing floats */
        overflow: hidden;
    }

    /* De-Linearize banner grid */
    .ym-grid > [class*="banneritem"] {
        width: 50% !important;
        float: left !important;
    }

    /* Linearize the horizontal navigation */
    body .ym-hlist ul,
    body .ym-hlist ul li {
        display: block;
        float: none;
        width: auto;
        text-align: left;
    }

    body .ym-hlist ul {
        padding: 0.5em;
    }

    body .ym-hlist ul li {
        margin-bottom: 2px;
    }

    body .ym-hlist ul li span.subtitle-empty {
        display: none !important;
    }

    .featured .module-box, .page-sfx-featured .module-box {
        height: auto;
        margin-bottom: 10px;
    }

    .module-box {
        margin-bottom: 10px;
        background-color: #f2f4f5;
    }

    form {
        margin-bottom: 0;
    }

    ul.pagenav.fp {
        position: relative;
        bottom: 0;
        right: 0;
    }

    footer .ym-gbox-left .module-box {
        padding: 10px;
    }

    nav#subfooter {
        float: none;
        text-align: center;
    }

    .subfooter div.ym-clearfix {
        margin-top: 5px;
        float: none !important;
        text-align: center;
    }

    /* col3 content */
    body.layout-2col_32 .ym-column-main > .ym-col3 .ym-cbox,
    body.layout-1col_3 .ym-column-main > .ym-col3 .ym-cbox {
        padding: 0;
    }

    .headerimage .titlebar {
        padding: 10px 10px 0 10px;
    }

    .headerimage .titlebar h2 {
        font-size: 150%;
    }

    .page-header h2, .content-category h2 {
        font-size: 170%;
        margin-bottom: 10px;
        /* word-wrap:break-word;
        word-break: break-all;	*/
    }

    .featured figure img, .article figure img {
        margin: 0 !important;
        float: none !important;
    }

    .featured figure, .article figure {
        height: auto;
    }

    .featured a:hover figure figcaption, .featured a figure figcaption {
        height: 85px;
    }

    .ym-g50.column-2 {
        margin-top: 10px;
    }

    /* col2 content */
    div.main_bottom, footer[role=contentinfo] {
        margin-top: 0;
    }

    /* HIT */
    div.hitleft, div.hitright, div.hitbottom {
        float: none !important;
        width: 95% !important;
        margin: 0 !important;
        padding: 20px 10px;
    }

    div.hitbottom {
        margin-top: 20px !important;
    }

    .hit-select {
        height: auto !important;
        background: url('../images/assets/select.png') no-repeat right white !important;
        font-size: 16px !important;
    }

    .gcore-radio-item, .gcore-checkbox-item {
        white-space: normal !important;
    }

    img.icon.hitlogo {
        float: none !important;
        width: 40% !important;
        margin-bottom: 20px;
    }

    .fix-bar {
        min-width: calc(100% - 36px);
        top: 0;
    }
}
    @media screen and (max-width: 550px) {

        div[itemprop="articleBody"] img:not(img[src$=".svg"]), .blog .items-row img:not(img[src$=".svg"]) {
            width: 100%;
        }

        div[itemprop="articleBody"] img.noresize, .blog .items-row img.noresize {
            width: auto;
        }

        img.icon, img.ttip, .thmcontact img {
            width: auto !important;
          max-width:130px;
        }

        .hit-select {
            height: 40px !important;
            min-height: auto !important;
            background: url('../images/assets/select.png') no-repeat right white !important;
            font-size: 16px !important;
        }
    }