/**
 * Directions page (/contact/directions) - page-specific styles
 */

/* Keep "Địa chỉ" row layout identical to desktop at 1024~1599 */
@media (min-width: 1024px) and (max-width: 1599px) {
    .contactus.map .contactBox > ul li dl {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .contactus.map .contactBox > ul li dl dt {
        width: 7.625rem;
        flex-shrink: 0;
    }
}

/* Address: one line on wide screens (space on the right); allow wrap on narrow screens */
@media (min-width: 1024px) {
    .contactus.map .contactBox > ul li dl dd {
        white-space: nowrap;
    }
}