.first-menu { border-bottom: 1px solid #e0e2e4; ul { float: right; li { float: left; margin-left: 20px; &:first-child { margin-left: 0; } a { line-height: 29px; font-size: 12px; &.active { text-decoration: none !important; cursor: default; color: #888888; } } } } } .logo-title { display: table-cell; height: 85px; vertical-align: middle; color: #0288d1; span { color: inherit; font-size: 18px; font-weight: 700; text-transform: uppercase; clear: both; display: block; line-height: 22px; } i { font-size: 13px; font-style: normal; color: $blue-color; margin-top: 8px; display: block; } } .logos-header-1 { display: inline-block; margin-left: 15px; &:first-child { margin-left: 0; margin-right: 15px; } img { height: 85px; } } .logos-header-wr { text-align: center; } .logos-titles { padding: 20px 0; } .section-nav { background: #f3f4f5; } nav { ul { li { float: left; margin-left: 18px; &:first-child { margin-left: 0; } a { text-transform: uppercase; font-size: 14px; font-weight: 700; color: #000; line-height: 48px; display: block; } } } } .header-register-btn { display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; background: $blue-color; font-weight: 700; text-decoration: none !important; &:hover { background: $blue-color-hover; } &:active { background: $blue-color-active; color: #fff !important; } } @media (max-width: 991px) { nav ul li { margin-left: 11px; a { font-size: 11px; } } .header-register-btn-col { padding-right: 0 !important; } } @media (max-width: 767px) { .logos-titles { text-align: center; } nav { display: none; } .header-register-btn-col { &.col-xs-12 { padding-right: 0 !important; padding-left: 58px !important; } } .logo-title-col { display: table; } .logo-title {width: 100%;} }