/* Responsive Adjustments for screen width below 1024px and height below 600px */
@media (min-width: 992px) {
/* Hide progress bar by default */
    #responsiveProgressBar {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .progress {
        height: 5px;
        background-color: #e9ecef;
    }
    
    .progress-bar {
        background-color: #0071C8;
        transition: width 0.2s;
    }  
}