@media (max-width: 992px) {
    .about-benefits {
        grid-template-columns: 100%; /* Stack elements in one column */
        text-align: center;
    }

    .perk-text {
        width: 80%; /* Make text take more width */
        margin: 0 auto; /* Center align */
    }
    .careerCard {
        flex-direction: column; /* Stack content vertically */
        text-align: center; /* Center align content */
        padding: 20px; /* Reduce padding */
    }

    .careerCard h6 {
        font-size: 18px; /* Reduce heading size */
    }

    .careerCard a {
        padding: 6px 15px; /* Adjust button padding */
    }
}

@media (max-width: 576px) {
    .about-benefits {
        grid-template-columns: 1fr; /* Single column layout */
        gap: 1.5em; /* Increase gap for better spacing */
    }

    .perk-text {
        width: 100%;
        text-align: center;
    }

    .perk-text h3 {
        font-size: 1.1em;
    }

    .perk-text p {
        font-size: 0.9em;
    }

    .about-benefits img {
        width: 120px; /* Reduce image size */
    }
    .text_wrap {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .careerCard {
        min-height: auto; /* Allow flexible height */
        padding: 15px; /* Reduce padding for mobile */
    }
    
    .careerCard h6 {
        font-size: 16px; /* Further reduce heading size */
    }

    .careerCard a {
        padding: 5px 12px; /* Reduce button padding */
        font-size: 14px; /* Adjust button text size */
    }

    .careersSection h4 {
        font-size: 20px; /* Reduce section heading size */
    }
}

@media only screen and (max-width: 600px) {
    /* Header */
    header {
        display: block;
        text-align: center;
    }

    header .logo {
        text-align: center;
        display: block !important;
    }

    header nav {
        text-align: center;
    }

    header nav li {
        float: none;
    }

    header .container > div > div {
        margin: 0 auto;
        text-align: center;
    }

    /* Call to Action (CTA) */
    a.header-cta {
        display: block;
        position: relative !important;
        margin: 0px auto 15px;
        line-height: 40px;
        border-radius: 5px;
    }
    .popup-container {
        height: 65vh;
    }
    header.d-flex {
        display: flex !important;
        flex-wrap: wrap;
    }

    /* Home Banner */
    .home-banner {
        padding: 20px 0;
    }

    .home-banner h1 {
        min-width: 98% !important;
        padding: 0;
        font-size: 40px !important;
        color: #000 !important;
        top: 0 !important;
        background: none !important;
        line-height: 65px;
    }

    .home-banner h1 span:before {
        display: none;
    }

    /* Hide Header Images */
    .header-images {
        display: none;
    }

    /* Home Form */
    .home-form {
        width: 90%;
    }

    /* Home CTA */
    .home-cta span {
        display: block;
        padding: 0;
        width: 80%;
        margin: 0 auto 20px;
        font-size: 15px !important;
    }

    /* Notes Section */
    .note-container {
        padding: 0 0 !important;
    }

    /* Hide Elements on Mobile */
    .no-mobile {
        display: none !important;
    }

    /* Sales Pop Notification */
    div#salesPop {
        width: 94%;
        left: 3%;
    }
}