.menu-responsive {
    height: 40px;
    position: relative;
}

.menu-responsive > .nav {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 3;
}

.menu-responsive > .nav > li {
    display: none;
    width: auto;
}

.menu-responsive > .nav > li.active {
    display: block;
    position: absolute;
    top: -40px;
    width: 100%;
}

.menu-responsive > .nav.open > li {
    display: block;
    float: none;
}

.menu-responsive .icon-dropdown {
    position: absolute;
    right: 16px;
    top: 12px;
}

@media (min-width: 768px) {
    .menu-responsive-sm {
        height: auto;
    }
    .menu-responsive-sm > .nav {
        position: relative;
        top: auto;
        width: auto;
    }
    .menu-responsive-sm > .nav > li,
    .menu-responsive-sm > .nav.open > li {
        float: left;
        display: block;
    }
    .menu-responsive-sm > .nav.nav-justified > li,
    .menu-responsive-sm > .nav.nav-justified.open > li {
        float: none;
        display: table-cell;
        width: 1%;
    }
    .menu-responsive-sm > .nav > li.active {
        position: relative;
        top: auto;
        width: auto;
    }
    .menu-responsive-sm > .nav.nav-justified > li.active {
        width: 1%;
    }

    .menu-responsive-sm .nav > li + li {
        margin-left: 2px;
    }

    .menu-responsive-sm .icon-dropdown {
        display: none;
    }
}

@media (min-width: 992px) {
    .menu-responsive-md {
        height: auto;
    }
    .menu-responsive-md > .nav {
        position: relative;
        top: auto;
        width: auto;
    }
    .menu-responsive-md > .nav > li,
    .menu-responsive-md > .nav.open > li {
        float: left;
        display: block;
    }
    .menu-responsive-md > .nav.nav-justified > li,
    .menu-responsive-md > .nav.nav-justified.open > li {
        float: none;
        display: table-cell;
        width: 1%;
    }
    .menu-responsive-md > .nav > li.active {
        position: relative;
        top: auto;
        width: auto;
    }
    .menu-responsive-md > .nav.nav-justified > li.active {
        width: 1%;
    }

    .menu-responsive-md .nav > li + li {
        margin-left: 2px;
    }

    .menu-responsive-md .icon-dropdown {
        display: none;
    }
}