@media only screen and (max-width: 768px) {
    .banner-container {
        position: fixed !important;
        bottom: 0;
        width: 100%;
        z-index: 9999;
        background-color: transparent; /* Ensure the background is transparent */
        text-align: center; /* Center the banner horizontally */
    }
    .banner-container img {
        width: 100%; /* Make the banner image fill the container */
        height: auto; /* Maintain the image's aspect ratio */
    }
    .banner-close {
        position: absolute;
        top: 5px;
        left: 10px; /* Keep the close button on the left */
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        color: #000; /* Set a color for the close button */
    }
    .banner-link {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
 .banner-link {
        display: none;
    }
}