@media (min-width: 576px){
    aside.left-panel {
        width: 15% !important;
    }

    .open aside.left-panel {
        width: 3% !important;
    }

    .submit-review-form{
        width:70%;
    }

    .summary-panel{
        width: 100%;
    }

    .btn-submit-per{
        width:120px;
        margin-top: 10px;
        margin-left: 150px;
        margin-bottom: 50px;
    }

    .btn-previous-per{
        width:120px;
        margin-top:10px;
        margin-bottom: 50px;
    }

    .progress-bar-vbcc{
        width:20em;
        margin-top:17em;
        position:relative
    }

    .btn-submit-mobile{
        width:120px;
        margin-top: 10px;
        margin-left: 150px;
        margin-bottom: 50px;
    }

    .popup-appoint-detail{
        max-width: 90% !important;
        width:90% !important;
    }
}

@media (max-width: 576px){
    .btn-submit-per{
        width:120px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 50px;
    }

    .btn-submit-mobile{
        width:120px;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    .btn-previous-per{
        width:120px;
        margin-top:10px;
        margin-bottom: 50px;
    }

    .progress-bar-vbcc{
        width:17em;
        margin-top:13em;
        position:relative
    }
}