@import "../../../bootstrap/variables";
@import "../../images/sprites/build/sprites";

.menu-name-menu-main-navigation .slicknav_menu {
    display: none;
    background: none;
    padding: 0;
    position: relative;
    z-index: 900;

    .slicknav_btn {
        background: none;
        margin: 0;
        padding: 0;
        float: left;
        height: 30px;
        line-height: 30px;

        .slicknav_menutxt {
            display: inline-block;
            float: right;
            text-shadow: none;
            font-family: 'Montserrat', sans-serif;
            font-size: 18px;
            text-transform: lowercase;
            font-weight: normal;
            color: #fff;
            line-height: 30px;
            height: 30px;
        }

        .slicknav_icon {
            float: right;
            margin: .495em .438em 0 0;

            .slicknav_icon-bar {
                height: .2em;
                box-shadow: none;
            }
        }
    }

    .slicknav_nav {
        background: #999;
        margin-left: -9px;

        a {
            margin-left: 0;
            margin-right: 0;
            font-family: 'Montserrat', sans-serif;
            font-size: 18px;

            &:hover {
                background: #d8d8d8;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }
        }
    }
}

@media screen and (max-width: @screen-md-max) {
    .js .main-navigation-menu-wrapper .menu-name-menu-main-navigation > ul.menu {
        display: none !important;
    }

    .js .slicknav_menu {
        display: block;
        margin-right: -40px;
    }

    //header#mkbh-header .bottom-line .main-navigation-menu-wrapper {
    //  padding-left: calc(@sprite-logo-width + 40px) !important;
    //  margin-right: 0!important;
    //}
}

@media screen and (max-width: @screen-xs-max) {
    header#mkbh-header .bottom-line .main-navigation-menu-wrapper {
        padding-left: calc(@sprite-logo-width - 30px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 20px;
    }

    header#mkbh-header #mkbh-header-user-menu {
        padding: 0.5em 0 !important;
    }

    .menu-name-menu-main-navigation .slicknav_menu {
        .slicknav_nav {
            margin-left: -11px;
            margin-right: 0;
        }
    }
}