/* Max Width 1399px
------------------------------------*/
@media all and (max-width: 1399px) {
    .site-nav > .container > .row {
        align-items: center;
    }
    .site-nav .col:first-of-type picture img {
        height: auto !important;
    }
    .site-nav .col:last-of-type {
        flex-grow: 3;
    }
}


/* Max Width 1200px
------------------------------------*/
@media all and (max-width: 1200px) {
    .site-nav .container {
        max-width: 92%;
    }
    .site-nav-menu-item {
        margin: 0 5px;
    }
    .site-nav-menu-item a {
        font-size: 16px;
    }
    .milestone-wrapper {
        width: 50% !important;
    }
}


/* Max Width 1000px
------------------------------------*/
@media all and (max-width: 1000px) {
    .site-nav-menu-item.mobile-only {
        display: block;
    }
    .site-nav-menu-item.mobile-hide {
        display: none;
    }
    .site-nav-menu-item:nth-last-of-type(2) {
        margin-left: auto;
    }
    .site-nav-menu-item {
        margin: 0 10px;
    }
    #search-box {
        right: 30px;
    }
    .site-nav-menu-item svg {
        font-size: 20px;
    }
    .milestone-container strong {
        float: none !important;
    }
    .milestone-container p {
        width: 100% !important;
    }
    .map-container .row {
        flex-direction: column-reverse;
    }
    #map {
        height: 300px;
    }
    .newsroom-meta .news-meta-box {
        height: auto;
        margin-top: 30px;
    }
}


/* Max Width 991px
------------------------------------*/
@media all and (max-width: 991px) {
    .tab-technical-data table, .tab-technical-data th {
        width: 100% !important;
    }
}

/* Max Width 767px
------------------------------------*/
@media all and (max-width: 767px) {
    .product-filter .col-4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .career-stories {
        position: relative;
    }
    .career-stories-content {
        position: absolute;
        bottom: 60px;
        transform: translate(-50%, 0);
        width: 100%;
        padding: 0;
    }
    .career-stories-content div p {
        display: none;
    }
    .career-stories-content div p:last-of-type {
        text-align: center;
        display: block;
    }
    .career-stories .button {
        background-color: var(--white);
        color: var(--primary-red);
        border: none;
    }
    .career-stories .button:hover {
        background-color: var(--primary-grey);
        color: var(--white);
    }
    .centered ol {
        display: block;

    }
    .news-post > div:first-of-type {
        height: 160px;
    }
    .news-post > div:last-of-type {
        padding: 20px;
    }
    .news-post > div:last-of-type a {
        position: initial;
    }
    .product-tabs .technical-data-content ul {
        display: block;
    }
    .product-tabs .technical-data-content table {
        display: none;
    }
}


/* Max Width 575px
------------------------------------*/
@media all and (max-width: 575px) {
    .site-nav {
        top: 40px;
        height: 70px;
    }
    .site-nav > .container > .row > .col:first-of-type {
        padding: 0;
    }
    .site-nav .col:last-of-type {
        flex-grow: 1;
    }
    .site-nav-menu {
        line-height: 70px;
    }
    .site-nav .contact-button {
        display: none;
    }
    #search-box {
        position: fixed;
        top: 110px;
        left: 0;
        width: 100%;
        border-radius: 0;
    }
    #search-box::before {
        content: none;
    }
    #mobile-menu {
        position: fixed;
        top: 110px;
        height: calc(100% - 110px);
        padding: 20px;
        border: none;
        background-color: var(--primary-grey);
        overflow: scroll;
    }
    #mobile-menu .row .col {
        width: 100%;
    }
    #mobile-menu .row p {
        margin-bottom: 10px !important;
    }
    #mobile-menu .row p a {
        color: var(--white);
    }
    #mobile-menu ul li a {
        color: var(--white);
    }
    #mobile-menu .row .col:last-of-type p a {
        display: inline-block;
        padding: 20px 30px;
        border-radius: 35px;
        background-color: var(--primary-red);
    }
    #mobile-menu .row .col:last-of-type p a:hover {
        background-color: var(--white);
        color: var(--primary-red);
    }
    .main-content {
        padding: 86px 0 0;
    }
    .languageToggle {
        height: 40px;
        line-height: 40px;
    }
    .header {
        height: 40px !important;
    }
    .header :is(.col:first-of-type, .col:nth-of-type(2)) {
        display: none;
    }
    .header .toggle-button {
        width: auto !important;
        line-height: 40px;
        margin: 0 20px 0 5px !important;
        padding: 0 !important;
    }
    .header .toggle-button:after {
        content: 'Companies';
        color: var(--white);
        font-family: museo-sans-condensed, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }
    .header .toggle-button .menu-bar {
        display: none;
    }
    .main-content .container {
        padding: 40px;
    }
    .hero {
        height: 200px;
    }
    .hero h1 {
        line-height: 32px;
        font-size: 40px;
    }
    .hero h1 span {
        padding: 30px 40px;
    }
    .breadcrumb-container {
        padding: 20px 40px;
    }
    .centered h2 {
        line-height: 48px;
        font-size: 36px;
    }
    .contact-footer img {
        width: auto;
        height: 100% !important;
        max-width: initial !important;
        left: 50%;
        transform: translate(-50%,0);
    }
    .contact-footer-content {
        padding: 40px;
    }
    .contact-footer .contact-footer-content hr {
        display: none;
    }
    .contact-footer .contact-footer-content ul {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .contact-footer .contact-footer-content ul li {
        width: 100%;
        margin: 0 !important;
        text-align: center;
    }
    .machine-listing-copy {
        position: relative;
    }
    .machine-listing-copy h4 {
        display: inline-block;
        width: 80%;
    }
    .machine-listing-copy p {
        display: none;
    }
    .machine-listing-copy a {
        position: absolute;
        top: 20px;
        right: 30px;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        border: 1px solid var(--primary-red);
        background-color: var(--white);
        color: var(--primary-red);
        text-align: center;
    }
    .machine-listing-copy a:hover {
        background-color: var(--primary-red);
    }
    .machine-listing-copy a span {
        display: none;
    }
    .home-feature {
        height: 300px;
        background-position: center;
    }
    .home-feature-wrapper {
        display: none;
    }
    .home-tabs-nav .container {
        padding-bottom: 0 !important;
    }
    .home-tabs-nav .col {
        padding: 30px 0 0;
        border-top: 10px solid var(--light-grey);
        border-left: 10px solid var(--light-grey);
        border-right: 10px solid var(--light-grey);
        font-size: 20px;
    }
    .quote-block .container {
        padding: 80px;
    }
    .quote-block-quote svg {
        top: 0;
        left: -70px;
        font-size: 60px;
    }
    .quote-block-quote {
        line-height: 34px;
        font-size: 26px;
    }
    .all-button {
        position: relative !important;
        top: 0; 
        margin-bottom: 30px;
    }
    .footer-lvl-1 .col {
        display: none;
    }
    .footer-lvl-1 .col-3 {
        width: 100%;
        padding: 0 40px;
    }
    .footer .footer-lvl-2 {
        padding: 40px;
    }
    .footer .footer-lvl-2 .col-6 {
        width: 100%;
    }
    .footer .footer-lvl-2 .col-6:last-of-type {
        display: none;
    }
    .footer .footer-lvl-3 {
        padding: 0 40px 40px;
    }
    .full-image {
        height: 220px;
    }
    .full-image {
        max-width: initial !important;
        /*height: 100% !important;*/
    }
    #custCarousel .carousel-inner .carousel-item {
        height: 250px;
    }
    #custCarousel .carousel-indicators li {
        list-style: none;
        display: inline-block;
        width: 23%;
        height: auto;
        margin-top: 20px;
    }
    .product-buttons {
        margin-top: 30px !important;
    }
    .tabs-menu li {
        font-size: 16px;
    }
    .tab-product-details > div, .tab-options > div {
        padding: 40px 0;
    }
    .news-filter-header > div {
        display: block;
    }
    .news-filter-drop {
        width: 100%;
    }
    .news-filter-button {
        margin-top: 30px;
        text-align: center;
    }
    .tab-technical-data > div, .tab-product-details > div, .tab-options > div {
        padding: 0 !important;
    }
    #map {
        display: none;
    }
    .locations-sidebar #reset_btn {
        display: none;
    }
    .locations-sidebar {
        height: auto;
    }
}