.header-hero-desktop {display:none;}
.header-hero-mobile {display:none;}
.footer-background-desktop {display:none;}
.footer-background-mobile {display:none;}
.price-mobile {display:none;}
.price-desktop {display:none;}

@media (max-width: 575.99px) {
    .header-hero-mobile {display:block;padding-top:10px;}
    .hero-title {margin-top:10px;font-size:42px;text-align:center;line-height: normal}
    .hero-description {font-size:18px;text-align:center;}
    .btn-hero {display: block; margin: 20px auto 0 auto; text-align: center;}


    .wybierz-swoja-ulubiona-e-gazete {font-size:28px;}
    .promocja-potrwa-tylko-do {font-size:16px;color:#fff;}

    .card-cover2 {max-width:80%;margin-left:auto;margin-right:auto;display:block;}
    .card-title {text-align: center;margin-top:10px;}

    .card-prenumerata-rodzaj {text-align:center;margin:10px auto;}
    .price-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin:10px auto;
    }

    .card-price { font-size: 24px;display: inline-block;}
    .card-price-old {font-size: 16px;display: inline-block;}
    .card-price-omnibus {text-align: center}
    .btn-mobile-center  {
        text-align: center;
    }

    .card-btn-kup-teraz {
        display: inline-block;
        width: 275px;
        margin: 10px auto;
    }

    .card-btn-inne-opcje {
        display: inline-block;
        width:275px;
        margin-top: 10px;
    }


    .footer-szukasz-czegos-innego {font-size:28px;}
    .footer-sprawdz-pozostale {font-size:19px;margin-bottom:20px;}
    .footer-background-mobile {display:block;}
    .footer-socials {display:flex;justify-content: center;align-items: center;padding-bottom:20px;}
}

/* Od 576px wzwyż (sm) */
@media (min-width: 576px) {

}

/* Od 768px wzwyż (md) */
@media (min-width: 768px) {
    .price-desktop {display:block;}
    .footer-background-desktop {display:block;}
    .header-hero-mobile {display:block;}
}

/* Od 992px wzwyż (lg) */
@media (min-width: 992px) {
.header-hero-mobile {display:none;}
        .header-hero-desktop {display:block;}

}

/* Od 1200px wzwyż (xl) */
@media (min-width: 1200px) {
    @media (min-width: 992px) {
        .header-hero-mobile {display:none;}
        .header-hero-desktop {display:block;}

    }
}

/* Od 1400px wzwyż (xxl) - Bootstrap 5 */
@media (min-width: 1400px) {

}