.layout-thumbnail-card-side {
    gap: 2.5rem; 
    margin: 10% 0px;
}

.NewsBox-Padding {
    display: block;
    vertical-align: baseline;
    text-align: initial;
    box-sizing: border-box;
    width: initial;
    height: auto;
    border: 0px;
    border-radius: 0px;
    box-shadow: initial;
    background: initial;
    color: initial;
}

.NewsBox-Holder {
    /* grid-template-columns: minmax(0, 400px) 1fr 1fr; */
    column-gap: 0rem;
    display: grid !important;
}

@media only screen and (max-width: 768px) {
    .layout-thumbnail-card-side {
        padding: 0 15px; /* Adjust padding for smaller screens */
    }

    .NewsBox-Holder {
        grid-template-columns: 1fr; /* Show one column for smaller screens */
        column-gap: 0;
    }
}

@media only screen and (max-width: 576px) {
    .layout-thumbnail-card-side {
        flex-direction: column;
        padding: 0; /* Stack elements vertically for smaller screens */
    }
}

/* Adjust layout for iPad Air */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .layout-thumbnail-card-side {
        flex-direction: row; /* Ensure flex direction is row for iPad Air */
    }

    .NewsBox-Holder {
        grid-template-columns: minmax(0, 200px) 1fr; /* Adjust grid template columns for iPad Air */
        column-gap: 2.5rem; /* Restore column gap */
    }
}