@media (max-width: 900px) {
    .pn_card_main {
        grid-template-columns: repeat(2, 1fr);
    }


    .pn_card_body {
        height: calc(186px + (222 - 186) * (100vw - 768px) / (900 - 768));
    }

    .cw_prmotions_cstm_page_wrapper {
        padding: 12px 16px;
        margin-bottom: 12px;
    }

    .cw_promo_popup_header {
        height: 64px;
        padding:0 16px;
    }

    .cw_promo_popup_iframe {
        height: calc(100dvh - 52px);
        border: none;
    }

    .cw_promo_popup_inner {
        height: calc(100% - 52px);
        padding: 0;
    }
     .cw_prmotions_title_wrapper_img  {
        height: calc(156px + (449 - 156) * (100vw - 320px) / (900 - 320));   

    }
     .cw_prmotions_title_text{
         line-height:20px;
         font-weight:500;
     }
     .cw_prmotions_cstm_page_wrapper{
        row-gap:12px;
     }
     .cw_promo_description{
         border-radius:12px;
     }
     .cw_promo_description p{
         margin:0;
     }
     .cw_promo_description_bonus_btn{
         max-width:none;
     }
     
}

@media (max-width: 767px) {
    .promoNews_section {
        padding: 0 0 12px;
    }

    .pn_card_main {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 16px;
    }

    .pn_card_body {
        height: calc(154px + (394 - 154) * (100vw - 320px) / (767 - 320));
    }

    .pn_card:hover .pn_card_hover, .pn_card_hover {
        display: none;
    }

    .pn_category {
        padding-inline-start: 16px;
        gap: 8px;
    }

    .pn_category_item {
        height: 36px;
        padding: 8px 12px;
    }

        .pn_category_item .dynamic_icon {
            margin: 0;
            font-size: 40px;
        }

    .pn_card_category .dynamic_icon {
        margin: 0;
        font-size: 32px;
    }

    .pn_card {
        border-radius: var(--cwCardRadius, 12px);
    }

    .pn_card_category {
        padding: 8px 12px;
    }

        .pn_card_category span {
            height: 24px;
            min-width: 24px;
            font-size: 12px;
        }

    .pn_card_date, .pn_card_name, .pn_card_descr {
        margin: 0;
    }
}

@media screen and (max-width: 420px) {
    .cw_promo_categories .pn_card_category {
        flex-wrap: wrap;
        column-gap:8px;
    }

    .cw_promo_description_text {
        font-size: 14px;
    }
     .cw_prmotions_title_wrapper_img img{
         border-radius:12px;
     }
}