@media only screen and (min-width: 641px) and (max-width: 1080px) {

    .header {
        height: auto;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.207), 0 2px 2px rgba(0, 0, 0, 0.207);
        position: relative;
        z-index: 30;
        margin-bottom: 28px;
    }

    .header-container {
        max-width: 100%; /* Full width for larger tablet screens */
        display: flex; /* Keep flex layout */
        justify-content: space-between;
        padding: 15px 25px; /* Adjust padding for a balanced layout */
    }

    .left-bar {
        display: flex;
        align-items: center;
    }

    .logo {
        height: 45px;
        width: 45px;
    }

    .logo img {
        height: 45px;
    }

    .left-bar nav ul {
        display: flex;
        list-style-type: none;
        margin-left: 20px;
    }

    .left-bar nav ul li {
        padding-left: 16px;
        font-weight: 700;
        letter-spacing: 0.1em;
    }

    .right-bar {
        display: flex;
        align-items: center;
        margin-top: 0; /* No margin needed for larger screens */
    }

    .join-now, .sign-in, .find-store {
        margin-right: 10px; /* Reduce margin for more compact alignment */
        width: auto; /* Default width */
    }

    .join-now, .sign-in {
        padding: 8px 18px;
        border-radius: 50px;
        font-weight: 600;
    }

    .find-store {
        text-align: center;
    }

    .find-store a:hover {
        color: #008240;
    }

    /* ------------ Main Section Adjustments ------------ */

    .main-container {
        max-width: 100%;
        margin: 0 auto;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.207), 0 2px 2px rgba(0, 0, 0, 0.207);
    }

    .section {
        display: flex;
        flex-direction: row; /* Keep row-based layout for larger tablet */
        margin-bottom: 28px;
    }

    .section .image {
        width: 50%; /* Keep the half-width split for image */
    }

    .section .image img {
        width: 100%;
    }

    .section .text {
        width: 50%;
        padding: 24px 40px; /* Adjust padding */
        letter-spacing: 1px;
    }

    .text h1 {
        font-size: 38px; /* Slightly smaller for this screen size */
        margin-bottom: 20px;
    }

    .text p {
        font-size: 18px; /* Adjust text size */
        margin-bottom: 28px;
    }

    .text .button {
        padding: 8px 20px;
        border-radius: 50px;
    }

    .text .button:hover {
        padding: 8px 20px; /* Keep button size consistent on hover */
    }

    /* Section Colors */

    .second .text {
        background-color: #A3029A;
    }

    .second .text h1 {
        font-size: 32px;
    }

    .third .text {
        background-color: #98CDE4;
    }

    .third .text h1 {
        font-size: 32px;
    }

    .fourth .text {
        background-color: #97D8B1;
    }

    .fourth .text h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .fourth .text p {
        font-size: 18px;
        padding: 20px;
    }

    /* ------------ Footer Adjustments ------------ */

    footer {
        padding: 20px 0;
        max-width: 100%;
        margin: 0 auto;
        display: flex; /* Keep flex layout */
        justify-content: space-between; /* Align content evenly */
        margin-bottom: 28px;
    }

    .footer-container {
        display: flex;
        padding: 0 30px;
    }

    .links-container {
        width: 25%; /* Adjust width for balanced layout */
    }

    .links-container li {
        font-size: 14px;
        line-height: 2.5;
    }

    .social-icons {
        text-align: center;
    }

    .social-icons img {
        height: 38px;
    }

    .copyright {
        width: 65%; /* Allocate more space for copyright content */
        text-align: right;
    }

    .copyright li {
        font-size: 14px;
        line-height: 2;
        text-align: left;
    }

    .copyright p {
        line-height: 2.5;
    }
}