/* Prestige Ad Manager Frontend Styles */

.prestige-ad-container {
    width: 100%;
    display: block;
    text-align: center;
}

.prestige-ad-desktop {
    display: block;
    max-width: 100%;
    height: auto;
}

.prestige-ad-mobile {
    display: none;
    max-width: 100%;
    height: auto;
}

/* Default breakpoint for mobile devices */
@media screen and (max-width: 767px) {
    .prestige-ad-desktop {
        display: none !important;
    }
    
    .prestige-ad-mobile {
        display: block !important;
    }
}