body {
    margin-bottom: 60px;
    /* Add bottom margin for the sticky ad container */
}

#stickyAdContainerDesktop,
#stickyAdContainerMobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f0f0f0;
    padding: 10px;
    text-align: center;
    z-index: 1000;
    /* Ensure it's above other elements */
    display: none;
    /* Initially hidden */
}

@media (min-width: 768px) {
    #stickyAdContainerDesktop {
        display: block;
    }

    #stickyAdContainerMobile {
        display: none;
    }
}

@media (max-width: 767.98px) {
    #stickyAdContainerDesktop {
        display: none;
    }

    #stickyAdContainerMobile {
        display: block;
    }
}