/* Desktop (1920px to 1366px) */
@media (max-width: 1920px) {
    .container {
        max-width: 1200px;
    }
}

/* Tab Screen (1300px to 1024px) */
@media (max-width: 1300px) {
    .container {
        max-width: 960px;
    }
}

/* Tab Screen Portrait (900px to 700px) */
@media (max-width: 900px) {
    .container {
        max-width: 720px;
    }
    
    .top-address-bar ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .top-address-bar ul li:nth-child(2) {
        margin-left: 0;
    }
}

/* Mobile Screen (699px to 320px) */
@media (max-width: 699px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    
    .top-address-bar ul {
        gap: 10px;
    }
    
    .top-address-bar p,
    .top-address-bar a {
        font-size: 14px;
    }
}