@media only screen and (min-width: 1024px) {
    #mini-search-container, .mini-menu-container-trigger, .mini-search-container-trigger {
        display: none !important;
    }
    #mini-menu-container {
        display: none !important;
    }
}
@media (max-width: 680px) {
    .content {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .child {
        display: flex;
    }
    #logo {
        order: 1;
        flex-grow: 8;
        padding-top:10px;
    }

    #BCGov-logo {
        padding-bottom: 0;
    }

    #mini-nav {
        order: 3;
    }

    #mini-search {
        order: 2;
        background-color: #FFF !important;
    }

    #news-title {
        order: 4;
        margin-top: 10px;
        margin-left: 5px;
        margin-bottom: 5px;
        flex: 0 0 100%;
        border-top: 1px solid #036;
    }

    .navbar-default {
        /*border-color: #036;*/
    }
    .mini-search-container-trigger,
    .mini-menu-container-trigger {
        border-color: transparent !important;
        color: #2d2d2d !important;
        background-color: transparent !important;
        margin-bottom: 0;
    }
   
    .mini-menu-container-trigger {
        margin-right: 0 !important;
    }
    .mini-search-container-trigger {
        margin-right: 30px !important;
    }
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}
@media only screen and (max-width: 680px) {
    .mini-menu-trigger {
        position: absolute;
        /*top: 65px;*/
        right: 10px;
        /*background-color:#;*/
        width: 50px;
        height: 50px;
        cursor: pointer;
        display: inline-block;
        padding-top: 10px;
    }

        .mini-menu-trigger:before {
            font-family: "FontAwesome";
            font-size: 32px;
            content: "\f0c9";
            color: #ffffff;
            position: relative;
            text-align: center;
            padding-left: 10px;
        }

        .mini-menu-trigger.triggered {
        }

            .mini-menu-trigger.triggered:before {
                font-family: "FontAwesome";
                font-size: 32px;
                content: "\f00d";
                color: #ffffff;
                position: relative;
                text-align: center;
                padding-left: 10px;
            }

    #mini-menu-container {
        background-color: #38598a;
    }
    #mini-search-container .mini-menu-search {
        padding: 10px;
    }
        #mini-search-container .search {
            margin-top: 0;
            padding: 10px;
            position: relative;
            background-color: #ECEAE8;
        }
    #mini-search-container .search .search-trigger {
        cursor: pointer;
        height: 35px;
        position: absolute;
        right: 13px;
        top: 10px;
        width: 35px;
    }
    #mini-search-container .search input {
        height: 35px;
        font-size: 15px;
        line-height: 1em;
        font-style: italic;
        background-image: url(Images/search-ico-lg.png);
        background-repeat: no-repeat;
        background-position: right 5px center;
        width: 100%;
        border: none;
        padding: 5px 10px 0;
    }
    #mini-search-container,
    #mini-menu-container,
    #mini-menu {
        background-color: #ECEAE8;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
    }
    #mini-menu-container ul,
    #mini-menu .site-menu ul {
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 0;
        list-style-type: none;
    }
        #mini-menu-container ul li,
        #mini-menu .site-menu ul li {
            background-color: #FFF;
            /*border-bottom: 1px solid #7590b9;*/
            clear: right;
            position: relative;
            padding-top:4px;
            padding-bottom:2px;
        }
        #mini-menu-container ul:last-child,
        #mini-menu .site-menu ul li:last-child {
            border-bottom: none;
        }

        #mini-menu-container ul li.first-link,
        #mini-menu .site-menu ul li.first-link {
            background-color: #ECEAE8;
            /*border-bottom: 1px solid #7590b9;*/
        }
        #mini-menu-container ul li ul,
        #mini-menu .site-menu ul li ul {
            /*border-top: 1px solid #7590b9;*/
        }
            #mini-menu-container ul li .level-trigger,
            #mini-menu .site-menu ul li .level-trigger {
                
                float: right;
                height: 42px;
                width: 50px;
                border-left: 1px solid #7590b9;
                border-bottom: 1px solid #7590b9;
                cursor: pointer;
                position: absolute;
                right: 0;
            }
        #mini-menu-container ul li .no-trigger,
        #mini-menu .site-menu ul li .no-trigger {
            display: inline-block;
            float: right;
            height: 100%;
            width: 50px;
            /*border-left: 1px solid #7590b9;*/
            border-bottom: none;
            position: absolute;
            right: 0;
        }
        #mini-menu-container ul.first-link .no-trigger,
        #mini-menu .site-menu ul li.first-link .no-trigger {
            border-left: 0;
        }
            
        #mini-menu-container ul li .level-trigger.open,       
        #mini-menu .site-menu ul li .level-trigger.open {
        }
        #mini-menu-container ul li a,
        #mini-menu .site-menu ul li a {
            display: inline-block;
            color: #2d2d2d;
            font-size: 18px;
            text-decoration: none;
            padding: 8px 20px 7px;
            width: 82%;
            font-weight:600;
        }
        #mini-menu-container ul ul.no-trigger li a,
        #mini-menu .site-menu ul ul.no-triggers li a {
            border-right: 0;
        }
        #mini-menu-container ul li a:hover, #mini-menu-container ul li a:active,
        #mini-menu .site-menu ul li a:hover, #mini-menu .site-menu ul li a:active {
            text-decoration: underline;
        }

        
        #mini-menu .site-menu ul li ul,
        #mini-menu .site-menu ul li ul li ul {
            display: none;
        }
        #mini-menu-container ul li ul li a,
        #mini-menu .site-menu ul li ul li a {
            padding-left: 60px;
        }
        #mini-search-container
        #mini-menu-container {
            background-color: #036;
        }

    .dropdown-menu > li > a {
        white-space: normal !important;
    }
    #mini-menu-container .dropdown-menu{
        position: relative;
        padding: 0;
        margin: 0;
    }

    #mini-menu-container > ul > li a:hover,
    #mini-menu-container > ul > li a:focus,
    #mini-menu-container ul li a:active {
        background-color: transparent;
        border: transparent;
        border: none;
    }
}