.slider-container {
    margin: 8rem auto;
    width: 70%;
}

.slider {
    width: 100%;
}

.slider-value {
    font-size: 1.5rem;
    margin-top: 0.625rem;
    color: #333;
}

@media (max-width: 1440px) {
    .slider-container {
        margin: 1.125rem auto;
        width: 72%;
    }
    .slider-value {
        font-size: 1.4375rem;
        margin-top: 0.5625rem;
    }
}

@media (max-width: 1024px) {
    .slider-container {
        margin: 1rem auto;
        width: 75%;
    }
    .slider-value {
        font-size: 1.375rem;
        margin-top: 0.5rem;
    }
}

@media (max-width: 768px) {
    .slider-container {
        margin: 0.875rem auto;
        width: 80%;
    }
    .slider-value {
        font-size: 1.3125rem;
        margin-top: 0.4375rem;
    }
}

@media (max-width: 480px) {
    .slider-container {
        margin: 0.75rem auto;
        width: 85%;
    }
    .slider-value {
        font-size: 1.25rem;
        margin-top: 0.375rem;
    }
}

@media (max-width: 375px) {
    .slider-container {
        margin: 0.625rem auto;
        width: 90%;
    }
    .slider-value {
        font-size: 1.1875rem;
        margin-top: 0.3125rem;
    }
}