/* Header Container Styles */
.header-container {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    height: 100%;
}

@media (min-width: 1400px) {
    .header-container {
        max-width: 1380px;
    }
}

@media (min-width: 1600px) {
    .header-container {
        max-width: 1380px;
    }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
    .header-container {
        max-width: 1092px;
    }
}

@media (min-width: 1300px) and (max-width: 1365.98px) {
    .header-container {
        max-width: 1180px;
    }
}

@media (min-width: 1366px) and (max-width: 1439.98px) {
    .header-container {
        max-width: 1240px;
    }
}

@media (min-width: 1440px) and (max-width: 1535.98px) {
    .header-container {
        max-width: 1320px;
    }
}

@media (min-width: 1536px) and (max-width: 1599.98px) {
    .header-container {
        max-width: 1380px;
    }
}