/* Max Width 1399px
------------------------------------*/
@media all and (max-width: 1399px) {
    #super-header .container {
        height: 100%;
    }
    #super-header .row {
        height: 100%;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    #super-header .row > div {
        height: 100%;
        flex-shrink: 1;
    }
    #super-header .row > div:first-of-type {
        width: fit-content;
    }
    #header > .container > .row {
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    #header .row > div {
        flex-shrink: 1;
        width: 100%;
    }
    #header .row > div:first-of-type {
        width: fit-content;
    }
    #header nav.header-nav {
        gap: 10px;
    }
}


/* Max Width 1199px
------------------------------------*/
@media all and (max-width: 1199px) {
    #header nav.header-nav.mobile {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #header nav.header-nav.desktop {
        display: none;
    }
    .hero-detail-inner {
        width: 70%;
    }
    .blog.post .infoPhotoHeader .row {
        gap: 4rem;
    }
    .blog.post .infoPhotoHeader .pl-5 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    #footer .footer-legal .row {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .footer-legal .row > div {
        width: fit-content;
    }
}


/* Max Width 991px
------------------------------------*/
@media all and (max-width: 991px) {
    .header-cta-banner a {
        font-size: 16px;
    }
    .hero-detail-inner {
        width: 100%;
    }
    section#main .hero-detail .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .hero-detail::after {
        background: linear-gradient(180deg, rgba(0, 62, 150, 0.80) 0%, rgba(0, 62, 150, 0.70) 60%, rgba(11, 153, 208, 0.80) 90%);
    }
    #header > .container > .row {
        flex-wrap: nowrap;
    }
    section#main .container {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .home-parts-service .pl-5 {
        padding-left: 0 !important;
    }
    .listing-cards .listing-card {
        width: 50% !important;
    }
    .product-filter-wrapper .col {
        width: 75%;
    }
    .product-filter-wrapper .col-2 {
        width: 25%;
    }
    .location-cards {
        gap: 2rem;
    }
    .location-card {
        flex: 0 0 calc(100% / 3 - 13.33px);
    }
    .infoPhotoHeader .row {
        gap: 4rem;
    }
    .infoPhotoHeader .pl-5 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .additional-content .row {
        gap: 4rem;
    }
    body:not(.news-events) .infoPhotoContent .row:not(.listing-cards, #explore-equipment) {
        gap: 4rem;
    }
    body.about-us:not(.leadership-team, .news-events) .infoPhotoContent .row:not(.listing-cards) {
        gap: 0;
    }
    .about-us:not(.news-events) .infoPhotoContent .row:nth-of-type(2n):not(.listing-cards) {
        flex-direction: column-reverse;
    }
    .about-us .infoPhotoContent img {
        max-height: 50rem;
        object-fit: cover;
    }
    .infoPhotoContent img {
        width: 100%;
    }
    .leader-listings .col-lg-3 {
        width: 33.333%;
    }
    .news-events .event-listings .row > .col-lg-3 {
        width: 30%;
    }
    .news-events .event-listings .row > .col-lg-6 {
        width: 40%;
    }
    .news-events .event-listings .row .button {
        text-align: center;
    }
    #footer .footer-sitemap .row {
        gap: 4rem;
    }
}


/* Max Width 767px
------------------------------------*/
@media all and (max-width: 767px) {
    .header-cta-banner a {
        font-size: 13px;
    }
    .product-filter-wrapper {
        padding: 12px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .product-filter::part(listbox) {
        width: fit-content;
    }
    .product-filter-wrapper .button {
        padding: 8px 0;
        width: 100%;
    }
    .location-cards {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .location-card {
        flex: 0 0 calc(100% / 2 - 10px);
    }
    #footer .footer-legal {
        height: auto;
    }
    #footer .footer-legal .row {
        flex-direction: column;
    }
}


/* Max Width 575px
------------------------------------*/
@media all and (max-width: 575px) {
    #super-header {
        padding-right: calc(1.5rem * .5) !important;
        padding-left: calc(1.5rem * .5) !important;
    }
    #super-header #navbar-1 {
        display: none;
    }
    #header {
        padding-right: calc(1.5rem * .5) !important;
        padding-left: calc(1.5rem * .5) !important;
    }
    #header > .container img {
        max-width: 250px !important;
    }
    #header nav.header-nav.mobile .nav-item.blog,
    #header nav.header-nav.mobile .nav-item.news.events {
        display: block;
    }
    .listing-cards {
        row-gap: 10px;
    }
    body.news-events .listing-cards {
        gap: 2rem;
    }
    .listing-cards .listing-card {
        width: 100% !important;
    }
    .listing-cards .listing-card a {
        display: flex;
        align-items: center;
    }
    body.news-events .listing-cards .listing-card a {
        flex-direction: column;
    }
    body:not(.news-events) .listing-card .listing-card-photo {
        width: 25%;
        height: 100%;
        padding: 0;
        overflow: hidden;
    }
    body:not(.news-events) .listing-card .listing-card-photo img {
        position: relative;
        height: 100%;
        max-height: 100px;
        width: 100%;
    }
    body:not(.news-events) .listing-card .listing-card-meta {
        width: 75%;
        border-top: none;
        border-left: 1px solid var(--light-gray);
    }
    body:not(.news-events) .listing-card .listing-card-meta-text {
        text-transform: none;
    }
    .location-card {
        flex: 0 0 100%;
    }
    section#footer .footer-sitemap, #footer .footer-legal {
        padding-right: calc(1.5rem * .5) !important;
        padding-left: calc(1.5rem * .5) !important;
    }
    .leader-listings .col-lg-3 {
        width: 50%;
    }
    .listing-card .listing-card-date {
        font-size: 16px;
    }
    .listing-card .listing-card-date .listing-card-date-day {
        font-size: 44px;
    }
    .news-events .event-listings > div {
        flex-direction: column;
        gap: 2rem;
    }
    .news-events .event-listings .row > div {
        width: 100% !important;
    }
    .news-events .event-listings .row .button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .news-events .event-listings img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-sitemap .row .row {
        flex-direction: column;
    }
    .footer-sitemap .row .row > .col-lg-3 {
        width: 100%;
    }
}