.wrapper { .make-row(); margin-top: 10px; margin-bottom: -10px; } .header-logo { @media (min-width: 0) { .make-xs-column(12); h2 { font-size: 18px; line-height: 19px; margin-top: 5px; opacity: 0.5; } .header-logo-mobile { display: block; width: 100% } .header-logo-desktop { display: none; } } @media (min-width: @screen-phone) { .make-xs-column(6); .make-sm-column(5); .make-md-column(4); h2 { font-size: 14px; line-height: 19px; position: absolute; top: 62px; left: 173px; max-width: 160px; opacity: 0.5; margin: 10px 0; } .header-logo-mobile { display: none; } .header-logo-desktop { display: block; } } margin-bottom: 15px; a, a:hover, a:focus { border: 0 !important; } } .header-content { @media (min-width: 0) { display: none; } @media (min-width: 980px) { display: block; } .make-sm-column(4); strong { white-space: nowrap; } } .header-contacts { .make-xs-column(6); .make-sm-column(3); .make-md-column(4); // .make-lg-column(4); @media (min-width: 0px) { display: none; } @media (min-width: @screen-phone) { display: block; } @media (min-width: @screen-phone) { .make-sm-column-offset(4); } @media (min-width: 980px) { .make-sm-column-offset(0); } height: 128px; text-align: right; margin-top: -4px; white-space: nowrap; ul { margin-right: -5px; margin-bottom: 0; font-size: 15px; } p { margin: 0; } .city { margin-top: 5px; } } .consultation { h5 { opacity: 0.5; margin-bottom: 3px; margin-top: 0; } h3 { margin-top: 0; margin-bottom: 2px; } button { margin-bottom: 5px; margin-right: -5px; } } .logo { height: 100px; } .header-menu-font { font-family: @font-family-monospace; span { display: inline-block; } .header-menu-services { margin-right: 15px; } } .header-menu { font-size: 16px; li { margin-top: 1px; font-weight: 400; vertical-align: top; white-space: nowrap; // width: 13.9%; @media (min-width: 0) { width: auto; } @media (min-width: @screen-md-min) { margin-right: 10px; } @media (min-width: 1070px) { width: 13.5%; margin: 0; } // @media (min-width: @screen-lg-min) { // margin-right: 50px; // } a, a:hover, a:active, a:focus { text-decoration: underline; border-bottom: 0; } } li.active { font-weight: 700; a { color: #000000; text-decoration: none; } } } .header-menu-description { @media (min-width: 0) { display: none; } @media (min-width: 1070px) { display: block; } li { vertical-align: top; font-size: 12px; width: 13.5%; } }