@media only screen and (min-width: 1000px) {
    .menuContent {display:flex!important}
}

@media only screen and (max-width: 1600px) {
    #st-teaser h1 {font-size: 6.8rem;}
}

@media only screen and (max-width: 1400px) {
    #st-teaser img {margin-right: -160px;}
    .st-catHolder img {width: 60%;height: auto;}
    .menuInnerContent .shirt {display: none!IMPORTANT;}
}

@media only screen and (max-width: 1200px) {
    .st-usp {padding: 20px;}
    .hoverContent .center {
        padding: 50px 20px;
    }
    .menuInnerContent {
        display: none!important;
    }
    
    
}

@media only screen and (max-width: 1000px) {
    #st-teaser {height: auto;}

    
    
    .flexRow {flex-direction: column!important;}
    .st-catHolder {flex-direction: row!important;}

    .splitter {flex-direction: column;}
    
    header .logo {
        margin: auto;
        justify-self: center;
        align-self: center;
        left: 100px;
    }

    #usp_steps .next {
        transform: rotate(90deg);
        margin: 20px 0;
    }

    
    .footBox {
        padding: 20px 0 30px;
    }

    .footer .center.logos {
        margin-top: -10px;
        margin-bottom: 50px;
    }

    .footer .bigGap {
        flex-direction: column;
        text-align: center;
    }

    .hoverContent .center {
        gap: 30px;
        flex-direction: column;
        padding: 20px 0;
    }

    .firstLevelMenu {display:none!important;}
    .menuContent {display: none}

    .header.content {
        padding: 0;
    }

    .header .lnr-menu {
        display: block;
        align-self: center;
        padding: 0 0 0 15px;
        color: #000!important;
        font-size: 20px!important;
        margin-right: auto;
    }
    .menuItem {
        flex-wrap: wrap;
        padding: 0px;
    }

    .menuItem .lnr {
        margin-left: auto;
    }

    .menuContent {
        background: #ffffff;
        box-shadow: 0px 40px 45px rgb(0 0 0 / 20%);
        padding: 10px;
    }

    .hoverContent {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        display: none;
        min-height: 0px;
        background: transparent;
        box-shadow: none;
        flex-basis: 100%!important;
        z-index: 999999;
    }

    .customMenu {
        flex-direction: column;
        display: flex!important;
    }

    .faq {
        padding: 60px!important;
    }

    span.faqCaption {
        font-weight: 700;
        font-size: 2rem;
    }

    .bigGap {grid-gap: 30px;}

    .st-categoriesBox,
    .st-categoryGrid,
    #st-teaser .center {
        flex-direction: column;
    }

    .st-catHolder img {
        width: auto;

    }

    .st-catHolder {
        justify-content: space-around;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        margin-bottom: 60px;
    }

    #st-teaser img {
        margin-right: 0;
        margin: auto;
    }

    #st-teaser .st-desc {
        text-align: center;
        max-width: 100%;
        margin-top: 20px;
    }

    #st-teaser a.actionButtonLI {
        margin-right: auto;
    }

    .minicart-wrapper {
        margin-top: 0px;
    }

    #st-usps .center {flex-wrap: wrap;}
    .st-usp {flex-basis: 50%;min-height: 180px;}

    .menu-content-icons .flexRow {
        flex-direction: row!important;
        align-items: center;
    }

    .menu-content .bigCaption {
        font-size: 2.5rem;
    }

    .menu-content .iconPart {
        margin: 0;
        width: 50px;
    }

    .referencesBox {
        flex-direction: row!important;
        flex-wrap: wrap;
    }

    .referencesBox  img {
        flex-basis: 25%;
        
    }

    .benefits-grid .text {
        text-align: left;
    }

    .benefits-grid .actionButtonLI {
        margin-right: auto;
        margin-left: 0;
    }

    .benefits-grid .flexRow {
        flex-direction: column!important;
        align-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }

    .tech_image  {
        order: 2;
    }

    .dd_content {
        padding: 25px 20px;
    }

    .dropdownSection select {
        padding: 10px 20px;
        height: 60px;
        font-size: 2rem;
    }

    .dropdownSection .lnr-chevron-down {
        top: 23px;
        right: 20px;
    }

    .pBot {
        padding-bottom: 30px;
    }

    div#usp_steps,
    .offerBox {
        padding: 20px;
    }

    #topContact .hover a {
        flex-direction: row!important;
    }

    #faq_grid {
        flex-direction: row!important;
        margin-bottom: 20px;
    }

    #faq_grid a{ width: 33.33%;}

}



@media only screen and (max-width: 600px) {
    #st-teaser h1 {
        font-size: 3rem;
        letter-spacing: -1px;
    }

    .page-header {
        padding: 0;
    }

    #faq_grid a{ width: 50%;}

    #faq_grid a .st-captionText {
        font-weight: 700;
        font-size: 1.4rem;
    }

    .simpleFaq {
        padding: 30px;
    }

    .separator.faqCategory {
        padding: 70px 10px 0px;
    }


    .cta-banner a {
        align-self: center;
    }

    .catalog-product-view .breadcrumbs, .cms-page-view .breadcrumbs {
        display: none;
    }

    .block.block-customer-login, .block.block-new-customer {
        padding: 3rem 20px;
    }

    .iconPart .lnr {
        font-size: 40px;
    }

    #topContact .hover {
        right: -120px;
    }


    span.login_text_top {
        display: none;
    }

    .textContainer {
        flex-basis: 100%;
    }

    .upperGrid .description {
        left:30px;
        bottom: 30px;
    }

    .half.splitterImage {
        order: 1;
    }
    
    .half {
        order: 0;
    }

    .categorySwapper .swapper {
        padding: 10px 10px;
        cursor: pointer;
        font-size: 1.3rem;
    }

    .separator p {
        font-size: 1.5rem;
    }

    

    .splitter .content {
        margin: 30px;
        gap:10px;
    }

    .splitter p {
        font-size: 1.5rem;
    }

    .actionButtonLI {
        font-size: 1.5rem;
        padding: 10px 25px;
    }

    
    .st-catHolder img {
        width: 50%;
    }

    .faq {
        padding: 30px!important;
    }

    div.bottomPad {
        padding-bottom: 30px!important;
    }
    div.topPad {
        padding-top: 30px!important;
    }

    .faqWrapper,
    #so-gehts .center {
        flex-direction: column;
    }

    .bigCaption {
        font-size: 3rem;
    }

    .faqCategory .lnr {
        display: none;
    }

    .separator {
        padding: 60px 0px;

    }

    #st-teaser span.hl-text {
        font-size: 1.5rem;
    }

    .menuContent div#customMenu,
    .topMessages .messageTop {
        display: none;
    }

    .logo img {
        max-width: 100px;
    }
    
    .st-usp {flex-basis: 100%;}
}