#mobile-navbar {
    text-align: center;
    padding: 0 10px;
    margin: 0;
    position: relative;
    height: 50px;
    color: #141e23;
    background: #fafafa url('../img/header-bg.png') repeat center center;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
}

#mobile-navbar a {
    color: inherit;
    text-decoration: none
}

#mobile-navbar.mh-size-2 {
    height: 80px
}

#mobile-navbar.mh-size-3 {
    height: 120px
}

#mobile-navbar.mh-sticky {
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#mobile-navbar.mh-sticky.mh-scrolledout {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

#mobile-navbar .mh-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    display: block;
    padding: 10px
}

#mobile-navbar.mh-align-left .mh-text {
    text-align: left
}

#mobile-navbar.mh-align-right .mh-text {
    text-align: right
}

#mobile-navbar.mh-btns-left {
    padding-left: 50px
}

#mobile-navbar.mh-btns-left-2 {
    padding-left: 90px
}

#mobile-navbar.mh-btns-left-3 {
    padding-left: 130px
}

#mobile-navbar.mh-btns-right {
    padding-right: 50px
}

#mobile-navbar.mh-btns-right-2 {
    padding-right: 90px
}

#mobile-navbar.mh-btns-right-3 {
    padding-right: 130px
}

#mobile-navbar .mh-btns-left,
#mobile-navbar .mh-btns-right {
    display: block;
    width: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
}

#mobile-navbar .mh-btns-left {
    left: 0;
}

#mobile-navbar .mh-btns-right {
    right: 0;
}

#mobile-navbar.mh-btns-left-2 .mh-btns-left,
#mobile-navbar.mh-btns-right-2 .mh-btns-right {
    width: 80px
}

#mobile-navbar.mh-btns-left-3 .mh-btns-left,
#mobile-navbar.mh-btns-right-3 .mh-btns-right {
    width: 120px
}

#mobile-navbar .mh-btns-left>*,
#mobile-navbar .mh-btns-right>* {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    width: 50px;
    display: block;
    padding: 15px 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#mobile-navbar .mh-btns-left>:nth-child(1),
#mobile-navbar .mh-btns-right>:nth-child(1) {
    left: 0
}

#mobile-navbar .mh-btns-left>:nth-child(2),
#mobile-navbar .mh-btns-right>:nth-child(2) {
    left: 40px
}

#mobile-navbar .mh-btns-left>:nth-child(3),
#mobile-navbar .mh-btns-right>:nth-child(3) {
    left: 80px
}

#mobile-navbar .mh-list {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    white-space: nowrap;
    list-style: none;
    line-height: 20px;
    display: block;
    padding: 0;
    margin: 0
}

#mobile-navbar .mh-list li {
    display: inline-block;
    padding: 0;
    margin: 0
}

#mobile-navbar .mh-list li a,
#mobile-navbar .mh-list li span {
    display: block;
    padding: 10px
}

#mobile-navbar.mh-align-left .mh-list {
    text-align: left
}

#mobile-navbar.mh-align-right .mh-list {
    text-align: right
}

#mobile-navbar .hamburger {
    margin-top: 2px;
    -webkit-transform: scale(.6, .7) translateY(-50%);
    -ms-transform: scale(.6, .7) translateY(-50%);
    transform: scale(.6, .7) translateY(-50%);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

#mobile-navbar .mh-image,
#mobile-navbar .mh-logo {
    background: none center center transparent no-repeat;
    display: block;
    height: 100%
}

#mobile-navbar .mh-logo {
    background-size: contain;
    background-clip: content-box;
    padding: 10px
}

#mobile-navbar.mh-align-left .mh-logo {
    background-position: left center
}

#mobile-navbar.mh-align-right .mh-logo {
    background-position: right center
}

#mobile-navbar .mh-image {
    background-size: cover
}

#mobile-navbar .mh-form {
    padding: 7px 0;
    position: relative
}

#mobile-navbar .mh-form input {
    background: #fff;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    line-height: 26px;
    display: block;
    box-sizing: border-box;
    height: 26px;
    width: 100%;
    padding: 0 10px
}

#mobile-navbar .mh-form .fa {
    color: #ccc;
    text-align: center;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}