/* mobile or narrow widths */
.charitable-campaign-wrap {

    .charitable-campaign-container {
        container-type: inline-size;
        container-name: campaign-area;
    }

    @container campaign-area (max-width: 700px) {
        .charitable-campaign-column,
        .charitable-campaign-column:nth-child(even),
        .charitable-campaign-column:nth-child(odd) {
            flex: 0 0 100% !important;
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
        }
    }

}


@media screen and (max-width: 940px) {

    .charitable-campaign-wrap {

        .charitable-campaign-container {

            .charitable-campaign-row {
                display: block;

                .charitable-campaign-field {
                    margin-top: 5px;
                    margin-bottom: 5px;

                }

            }

        }


    }

}