@media screen and (max-width: 1100px) {
    .header-nav ul li {
        padding: 5px;
    }
}

@media screen and (max-width: 1024px) {
    .slider-content__offer {
        font-size: 22px;
    }
    .middle-bar {
        display: none;
    }
    .slot-item {
        flex-basis: 23.5%;
    }
}

@media screen and (max-width: 768px) {
    .slider-item {
        height: 150px;
    }
    .slider-content {
        font-size: 16px;
        right: 5px;
    }
    .slider-content .container {
        flex-direction: column;
        text-align: center;
    }
    .slider-content__offer {
        width: 100%;
        font-size: 18px;
        text-align: center;
    }
    .slider-btn {
        padding: 5px 35px;
        font-size: 14px;
    }
    .slot-item {
        flex-basis: 31.5%;
    }
}

@media screen and (max-width: 645px) {
    .slider-content__offer {
        font-size: 16px;
    }
    .slider-btn {
        padding: 5px 15px;
        font-size: 12px;
    }
}

@media screen and (max-width: 625px) {
    .auth {
        display: none;
    }
}

@media screen and (max-width: 545px) {
    .header {
        margin-bottom: 0;
        padding-top: 45px;
    }
    .navbar {
        height: 45px;
    }
    .logo a {
        width: 100px;
    }
    .slider-content {
        font-size: 14px;
    }
    .slider-content .container {
        flex-direction: column;
        text-align: center;
    }
    .slider-content__offer {
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    .slot-item {
        flex-basis: 48.5%;
    }
    .footer-nav ul {
        flex-direction: column;
    }
}

@media screen and (max-width: 425px) {
    .slider-item {
        height: 100px;
    }
    .slider-content {
        width: 50%;
    }
    .slider-content__offer {
        display: none;
    }
    .slider-btn {
        font-size: 10px;
        padding: 5px;
    }
}