/* 
CONTENTS
------------------------------------------------   

    1.0 HEADER
        1.2 SEARCH DROPDOWN
    2.0 TOGGLE BUTTON
    3.0 NAV ITEMS
        3.1 WITH CHILDREN
        3.2 MEGA NAV
    4.0 SEARCH/CLOSE

------------------------------------------------ */



@media (max-width:991px) {

    /* 1.0 HEADER
------------------------------------------------ */
    .top-nav > .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .top-nav {
        background: #98002d;
    }

    .mobile-header {
        background: #98002d;
        height: 62px;
    }

        .mobile-header > a.col-xs-6 {
            padding-right: 0;
        }

        .mobile-header .nav-right {
            padding-left: 0;
            position: static;
            text-align: right;
        }

            .mobile-header .nav-right > a,
            .mobile-header .nav-right > div {
                display: inline-block;
                position: relative;
                vertical-align: middle;
            }

    #lm-main-nav {
        position: absolute;
        width: 100%;
        z-index: 3000;
    }

    /* logo */
    .mobile-header img {
        margin-top: 21px;
        max-height: 22px;
    }

    /* cart icon */
    .cart-icon {
        color: #fff;
        margin-left: 4px;
    }

        .cart-icon,
        .cart-icon:hover,
        .cart-icon:focus {
            color: #fff;
        }

            .cart-icon .fa {
                font-size: 25px;
            }

            .cart-icon .number {
                right: -5px;
                top: -5px;
            }

    /* 1.2 SEARCH DROPDOWN
------------------------------------------------ */
    .mobile-header .nav-right > .search-box {
        position: static;
    }

    .mobile-header .search-box > a {
        color: #fff;
        font-size: 22px;
        padding: 20px 8px;
    }

    .mobile-header .search-box.open > a {
        background: #fff;
        color: #b4b4b4;
        top: 0;
    }

    .mobile-header .search-box .dropdown-menu {
        background: #fff;
        background:rgba(255,255,255,.97);
        padding: 20px 15px;
        width: 100%;
    }

    .mobile-header .search-container {
        position: relative;
    }

        .mobile-header .search-container input {
            border: 1px solid #b8b8b8;
            color: #313131;
            font-size: 18px;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            width: 100%;
            -webkit-transition: border ease .25s;
            transition: border ease .25s;
        }

            .mobile-header .search-container input:focus {
                border: 1px solid #313131;
            }

        .mobile-header .search-container > a {
            background: #313131;
            color: #fff;
            font-family: 'Helvetica Neue 65';
            font-size: 18px;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            position: absolute;
            right: 0;
            top: 0;
        }


    /* 2.0 TOGGLE BUTTON
------------------------------------------------ */
    .mobile-header .navbar-toggle {
        float: none;
        padding: 20px 8px;
    }

    .navbar-toggle .icon-bar {
        background: #b4b4b4;
        height: 4px;
        width: 28px;
    }

    .navbar-toggle {
        background: #fff;
    }

        .navbar-toggle.collapsed,
        .navbar-toggle .sr-only {
            background: none;
        }

            .navbar-toggle.collapsed .icon-bar {
                background: #fff;
            }

    /* 3.0 NAV ITEMS
------------------------------------------------ */
    .navbar-collapse {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar-nav {
        margin-bottom: 0;
        margin-top: 0;
    }

        .navbar-nav > li > a {
            background: #fff;
            font-size: 25px;
            color: #000;
            padding-bottom: 25px;
            padding-top: 25px;
        }

        .navbar-nav > li {
            border-top: 1px solid #b4b4b4;
        }

            .navbar-nav > li:first-child {
                border-top: 0;
            }

    /* 3.1 NAV ITEMS WITH CHILDREN
------------------------------------------------ */
    .dropdown .dropdown-toggle .glyphicon {
        color: #98002d;
        font-size: 16px;
    }

    .dropdown .dropdown-toggle .glyphicon-minus {
        display: none;
    }

    .dropdown.open .dropdown-toggle .glyphicon-plus {
        display: none;
    }

    .dropdown.open .dropdown-toggle .glyphicon-minus {
        display: inline-block;
    }

    /* open items */
    .navbar-nav > li.open .dropdown-toggle,
    .navbar-nav > li .dropdown-toggle:hover,
    .navbar-nav > li .dropdown-toggle:focus,
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus {
        background: #f4f4f4;
    }

    /* all sub nav items */
    .navbar-nav > li.open .dropdown-menu li a,
    .mega-nav .dropdown-menu .mega-nav-column a {
        background: #98002d;
        border-top: 1px solid #fff;
        color: #fff;
        font-size: 17px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .navbar-nav > li.open .dropdown-menu li a:hover,
        .navbar-nav > li.open .dropdown-menu li a:focus,
        .mega-nav .dropdown-menu .mega-nav-column a:hover,
        .mega-nav .dropdown-menu .mega-nav-column a:focus {
            background: #79232e;
        }

    /* 3.2 MEGA NAV ITEMS
------------------------------------------------ */
    .mega-nav .dropdown-menu > .row {
        margin: 0;
    }

    .mega-nav .dropdown-menu .mega-nav-column {
        padding: 0;
    }

        .mega-nav .dropdown-menu .mega-nav-column ul {
            display: none;
        }

        .mega-nav .dropdown-menu .mega-nav-column a {
            display: block;
            padding-left: 15px;
            padding-right: 15px;
        }

    /* 4.0 SEARCH/CLOSE 
------------------------------------------------ */
    .navbar-nav > li.search-box,
    .navbar-nav > li.nav-close {
        background: #e6e4e4;
    }

        .navbar-nav > li.search-box .search {
            padding: 50px 15px 30px;
            position: relative;
        }

            .navbar-nav > li.search-box .search .form-control {
                border: 0;
                box-shadow: inset 1px 1px 3px 3px #fff;
                -webkit-box-shadow: inset 1px 1px 3px 3px #fff;
                font-size: 18px;
                height: 60px;
                line-height: 60px;
                padding: 5px 35px 5px 10px;
            }

                .navbar-nav > li.search-box .search .form-control:focus {
                    box-shadow: inset 1px 1px 3px 3px #dddddb;
                    -webkit-box-shadow: inset 1px 1px 3px 3px #dddddb;
                }

        .navbar-nav > li.search-box .glyphicon-search {
            color: #98002d;
            font-size: 25px;
            position: absolute;
            right: 30px;
            top: 67px;
        }

    .navbar-nav li.nav-close {
        border-top: 0;
        padding-bottom: 30px;
        text-align: center;
    }

        .navbar-nav li.nav-close a {
            background: #98002d;
            color: #FFFFFF;
            display: inline-block;
            font-size: 15px;
            padding: 15px;
        }
}/* end media query */