/** * Advanced Headers Style 1 * * Contents */ /*---------- Media Query min-width Structure ----------*/ /*---------- Media Query max-width Structure ----------*/ /*---------- Break-point min-width Structure ----------*/ /*---------- Break-point max-width Structure ----------*/ .ast-advanced-headers-layout-1 .ast-advanced-headers-wrap { align-self: center; flex-grow: 1; max-width: 75%; } .ast-advanced-headers-layout-1 .ast-container { -js-display: flex; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } @media (max-width: 544px) { .ast-advanced-headers-layout-1 .ast-container { display: block; } } .ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb { flex-grow: 1; align-self: center; text-align: left; padding-right: 20px; } @media (max-width: 544px) { .ast-advanced-headers-layout-1 .ast-advanced-headers-wrap, .ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb { display: block; width: 100%; text-align: center; } .ast-advanced-headers-layout-1 .ast-advanced-headers-breadcrumb { margin-top: 5px; padding-right: 0; } .ast-advanced-headers-layout-1 .ast-advanced-headers-wrap { max-width: 100%; } }