/*Extra small devices (portrait phones, less than 576px)*/
@media only screen and (max-width: 575px) {
    .br-mainpanel {
        /*padding: 0 5px;*/
    }

    .wizard > .steps > ul {
        justify-content: space-between;
        margin-right: 0;
    }

    .wizard > .steps > ul li .title {
        display: block;
    }

    .wizard > .steps > ul {
        display: block;
    }

    .wizard > .steps > ul li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }

    .br-section-wrapper {
        padding: 10px;
    }

    .card-body {
        padding: 10px;
    }

    .pda-logout a {
        color: #FFFFFF;
    }
}