@media screen and (max-width: 500px) {
    .audio-item, .form-check {
        width: 50%;
    }

    .step-container {
        transform: translateY(-54%);
    }

    .step-circle {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }

    #stepbar {
        transform: translate(0px, -25px);
    }

    .step-circle {
        margin: 0;
    }

    /*.countdown-container {*/
    /*    display: grid !important;*/
    /*}*/

    .network-logo-box {
        margin-bottom: 2rem;
        position: static !important;
    }

    .dashboard-hero {
        margin-bottom: 0;
        height: 115px;
    }
    .progress-bg , .progress-bar{
        r:35;
        cx:40;
        cy:40;
    }
    .circle-container , .progress-circle{
        width: 80px !important;
        height: 80px !important;
    }
    .time-label{
        font-size: 16px;
        line-height: 20px;
    }
    .countdown-container{
        gap:20px;
    }

}
@media (max-width: 576px) {
    .live-support-btn {
        position: fixed;
        /*bottom: 95px;*/
        right: 4px;
        z-index: 1000;
        width: 150px;
    }
}