@media  (min-width: 768px) and (-webkit-max-device-pixel-ratio:1.24), 
        (min-width: 992px) and (-webkit-min-device-pixel-ratio:1.25),

        (min-width: 768px) and (max-device-pixel-ratio:1.24), 
        (min-width: 992px) and (min-device-pixel-ratio:1.25),

        (min-width: 768px) and (max-resolution:1.24dppx),
        (min-width: 992px) and (min-resolution:1.25dppx),

        (min-width: 768px) and (max-resolution: 119dpi),
        (min-width: 992px) and (min-resolution: 120dpi) {
    #category-menu {
        width: 250px;
    }
}

@media  (max-width: 767px) and (-webkit-max-device-pixel-ratio:1.24), 
        (max-width: 991px) and (-webkit-min-device-pixel-ratio:1.25),

        (max-width: 767px) and (max-device-pixel-ratio:1.24), 
        (max-width: 991px) and (min-device-pixel-ratio:1.25),

        (max-width: 767px) and (max-resolution:1.24dppx),
        (max-width: 991px) and (min-resolution:1.25dppx),

        (max-width: 767px) and (max-resolution: 119dpi),
        (max-width: 991px) and (min-resolution: 120dpi) {
    #main-nav .nav {
        margin-top: 0;
    }

    .navbar-nav > .dropdown.first {
        width: 100% !important;
    }

    #category-wrapper {
        width: 100% !important;
    }

    span.basket-count {
        color: #fff !important;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .divider {
        height: 3px;
        margin: 0px 0;
        overflow: hidden;
        background-color: #c4c4c4;
    }
}

#category-menu ul {
    padding: 0;
}

.menu-flyout {
    position: absolute;
    top: 0;
    left: 250px;
    background: #fff;
    border: solid 1px #ccc;
    box-shadow: 0 0 8px #4c4c4c;
    /*width:500px !important;*/
    /*min-height:500px !important;*/
}

.category-item {
}

.menu-flyout ul ul {
    /*border-bottom:solid 1px #ccc;*/
    /*padding-left: 10px;*/
}

.menu-flyout a {
    display: block;
}

    .menu-flyout a:hover {
        /*text-decoration: underline !important;*/
        background: #efefef;
    }

.menu-flyout ul li a.category-parent {
    /*font-weight: bold;*/
    text-decoration: none;
}

.menu-flyout ul ul li a {
    font-weight: normal;
}


/* From master page */
.main-dd-menu,
.main-dd-menu li,
.main-dd-menu li ul {
    z-index: 9999999;
}


    .main-dd-menu li ul {
        /*display: table-cell;*/
        /*top: 100%;*/
        /*left: 0;*/
        /*height: 100%;*/
        padding: 15px;
    }

    .main-dd-menu li {
        /*display: table;*/
        list-style-type: none;
        text-align: left;
    }

    .main-dd-menu.first a {
        display: block;
        color: #000;
        padding: 4px 15px;
        width: 100%;
    }

        .main-dd-menu.first a:hover {
            color: #000;
            text-decoration: none;
        }

    .main-dd-menu.first li.category-active {
        background: #efefef;
    }


@media  (max-width: 767px) and (-webkit-max-device-pixel-ratio:1.24), 
        (max-width: 991px) and (-webkit-min-device-pixel-ratio:1.25),

        (max-width: 767px) and (max-device-pixel-ratio:1.24), 
        (max-width: 991px) and (min-device-pixel-ratio:1.25),

        (max-width: 767px) and (max-resolution:1.24dppx),
        (max-width: 991px) and (min-resolution:1.25dppx),

        (max-width: 767px) and (max-resolution: 119dpi),
        (max-width: 991px) and (min-resolution: 120dpi) {
    a.foobar {
        background-color: #222 !important;
        height: 40px;
        border-bottom: solid 1px #c4c4c4 !important;
        line-height: 40px !important;
        margin: 0;
        padding: 0 15px !important;
        color: #fff !important;
            font-size: 12px;
    }
   .mobile-top-menu-item .fa {
    width: 15px;
    margin-right: 5px;
}
        a.foobar:hover {
            background-color: #ccc !important;
            color: #000 !important;
        }

        a.foobar span.fa {
            line-height: 40px;    text-align: center;
        }
        .mobile-toggle-icon{
            margin-right: 0 !important;
        }
    a.foobar-2 {
        background-color: #404040 !important;
    }

    a.foobar-3 {
        background-color: #808080 !important;
    }
}

.mobile-submenu {
    padding: 0 0;
}

.menu-active .fa-plus-circle:before {
    content: "\f056" !important;
}