.profile-mobile-tabs-container .profile-mobile-tabs { padding: .6rem; margin: 0; white-space: nowrap; background-color: #ffffed; overflow-x: scroll } .profile-mobile-tabs-container .profile-mobile-tabs.sticky-nav { width: 100%; position: fixed; top: 0; z-index: 2000; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2); transition: top .5s ease-out; -webkit-transition: top .5s ease-out } .profile-mobile-tabs-container .profile-mobile-tabs__item { color: #1eade9; display: inline-block; padding: 0 1.5rem; font-size: 1.6rem; cursor: pointer } .profile-mobile-tabs-container .profile-mobile-tabs__item span { line-height: 4rem; pointer-events: none; font-family: 'RobotoRegular' } .profile-mobile-tabs-container .profile-mobile-tabs__item:nth-child(2) i { margin: 0 .5rem 0 0; color: #fb0019; position: relative; top: 3px } .profile-mobile-tabs-container .profile-mobile-tabs__item.active { background-color: #00b24f; border-radius: 1rem; color: #fbfbfb } @media screen and (min-width: 768px) { .profile-mobile-tabs-container .profile-mobile-tabs__item span { line-height: 1.15 } } @media screen and (min-width: 992px) { .profile-mobile-tabs-container .profile-mobile-tabs { display: none } } @media screen and (max-width: 991px) { .profile-mobile-tabs-container .profile-mobile-tabs__item:nth-child(2) i { top: 0; } .profile-mobile-tabs-container .profile-mobile-tabs__item:nth-child(2) i::before { font-size: 1.6rem; } }