.mh-head {
    text-align: left;
    padding: 0 10px;
    margin: 0;
    position: relative;
    /*background: #ccc;*/
    /*color: #333;*/
    height: 40px;
    font-size: 14px;
}

    .mh-head a {
        color: inherit;
        text-decoration: none;
    }

    .mh-head.mh-size-2 {
        height: 80px;
    }

    .mh-head.mh-size-3 {
        height: 120px;
    }

    .mh-head.mh-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        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);
    }
    
    .mh-head .mh-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
        display: block;
        padding: 10px;
    }

    .mh-head.mh-align-left .mh-text {
        text-align: left;
    }

    .mh-head.mh-align-right .mh-text {
        text-align: right;
    }

    .mh-head.mh-btns-left {
        padding-left: 50px;
    }

    .mh-head.mh-btns-left-2 {
        padding-left: 90px;
    }

    .mh-head.mh-btns-left-3 {
        padding-left: 130px;
    }

    .mh-head.mh-btns-right {
        padding-right: 50px;
    }

    .mh-head.mh-btns-right-2 {
        padding-right: 90px;
    }

    .mh-head.mh-btns-right-3 {
        padding-right: 130px;
    }

    .mh-head .mh-btns-left, .mh-head .mh-btns-right {
        display: block;
        width: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .mh-head .mh-btns-left {
        left: 10px;
    }

    .mh-head .mh-btns-right {
        right: 10px;
    }

    .mh-head.mh-btns-left-2 .mh-btns-left, .mh-head.mh-btns-right-2 .mh-btns-right {
        width: 80px;
    }

    .mh-head.mh-btns-left-3 .mh-btns-left, .mh-head.mh-btns-right-3 .mh-btns-right {
        width: 120px;
    }

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

    .mh-head .mh-btns-left > :nth-child(1), .mh-head .mh-btns-right > :nth-child(1) {
        left: 0;
    }

    .mh-head .mh-btns-left > :nth-child(2), .mh-head .mh-btns-right > :nth-child(2) {
        left: 40px;
    }

    .mh-head .mh-btns-left > :nth-child(3), .mh-head .mh-btns-right > :nth-child(3) {
        left: 80px;
    }

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

        .mh-head .mh-list li {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

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

    .mh-head.mh-align-left .mh-list {
        text-align: left;
    }

    .mh-head.mh-align-right .mh-list {
        text-align: right;
    }

    .mh-head .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;
    }

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

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

    .mh-head.mh-align-left .mh-logo {
        background-position: left center;
    }

    .mh-head.mh-align-right .mh-logo {
        background-position: right center;
    }

    .mh-head .mh-image {
        background-size: cover;
    }

    .mh-head .mh-form {
        padding: 7px 0;
        position: relative;
    }

        .mh-head .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;
        }

        .mh-head .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%);
        }