/* ==========================================================================
    Media Queries
    ========================================================================== */
    @media only screen and (max-width: 1024px) {
        .navigation-container{
            display:none !important;
        }
        footer .container{
            width:100%;   
        }
    	.stick{
     		display:none;   
    	}
    }
    @media only screen and (min-width: 480px) {
        
        .slider-container .title {
            background:url(../images/next-foundation-logo.png) no-repeat;
            background-size:300px;
            width:300px;
            height:162px;
            margin:-81px 0  0 -150px;
        }
        
        .bx-wrapper img {
            width: 100%;
            height: auto;
            margin-left:0;
        }
        
        fieldset.title{
            font-weight:normal;
            color:#CCC;
            font-size:1.2em;
            text-transform:uppercase;
            /*line-height: 0.5;*/
            text-align: center;
            margin:20px 0 0px;
        }
        
        fieldset.title {
            border-top: 1px solid #CCC;
            border-bottom: none;
            border-left: none;
            border-right: none;
            display: block;
            text-align: center;
        }
        
        fieldset.title legend {
            padding: 5px 10px;
        }
        
        fieldset.title legend:before{
            content:'';
        }
        
        h1{
            margin: 1.7em 0 .8em;
            font-size:1.6em;
        }


    
    }

    @media only screen and (min-width: 769px) {

    /* ====================
        WIDE: Header
    ==================== */

        .slider-container .title{
            background-size:350px;
            width:350px;
            height:189px;
            margin:-94px 0  0 -175px;
        }
        
        .secondary-page .slider-container img{
            width:100%;
            margin:0;
        }

    /* ============
        WIDE: Menu
    ============ */
    
    .menu-container{
            text-align:center;
        }
        
       
        #mobile-menu{
            display:none;
        }

        nav {
            width: 100%;
            height:auto;
            display:block;
            background: #0e488d;
        }
        
        #main-menu{
            background:none;
            padding:0;
            width: auto;
            position:static;
            display: inline-block;
        }
        
        #main-menu > li{
            display:inline-block;
            padding:0 3%;
            position:relative;
        }
        
        #main-menu li > a {
            background:none;
            padding: 20px 0;
            margin-bottom: 0;
            position:relative;
            display:block;
            width:100%;
            zoom: 1;
        }
        
        #main-menu li > a:hover{
            background: #0e488d;
            color:#FFF;
        }
        
        .submenu-container,
        #main-menu > ul > li > ul {
            display:block;
            position:absolute;
            background: none;
            left:50%;
            width:230px;
            margin-left:-115px;
            opacity:0;
            height:0;
            overflow:hidden;
            -webkit-transition: all 0.3s easein;  
            -moz-transition: all 0.3s ease-in;  
            -o-transition: all 0.3s ease-in;  
            -ms-transition: all 0.3s ease-in;  
            transition: all 0.3s ease-in;
            z-index: 9999;
        }
        
        .menu-item-has-children:hover .submenu-container,
        #main-menu > ul.menu-item-has-children:hover > li > ul{
            opacity:1;
            height:auto;
        }
        
        .sub-menu li,
        #main-menu > ul > li > ul{
            background: #047ac0;
            border-top:1px solid rgba(255,255,255,0.5);
            display:block;
            padding:0 5px;
        }
        
        .sub-menu li:first-child,
        #main-menu > ul > li > ul li:first-child{
            border-top:none;
        }
        
        #main-menu li ul a, 
        #main-menu li ul li > a:hover{
            background:none;
        }
        
        .sub-menu li:hover,
        #main-menu > ul > li > ul li:hover{
            background: #1360bc;
        }

        /*nav li.menu-item-has-children:hover > a:before{
            position:absolute;
            z-index:100000;
            bottom:0;
            margin-bottom:-10px;
            left:50%;
            margin-left:-5px;
            content:'';
            bottom:0;
            width: 0; 
            height: 0; 
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #0e488d;
        }
        */
        /*.sub-menu li a:hover:before{
            position:absolute;
            z-index:100000;
            bottom:0;
            margin-bottom:-10px;
            left:50%;
            margin-left:-5px;
            content:'';
            bottom:0;
            width: 0; 
            height: 0; 
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #047ac0;
        }*/
        
        
        #main-menu li.active > a{
            color:#FFF;
        }
        
        nav li.active > a:before{
            position:absolute;
            z-index:10;
            bottom:0;
            margin-bottom:-10px;
            left:50%;
            margin-left:-5px;
            content:'';
            bottom:0;
            width: 0; 
            height: 0; 
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #0e488d;
        }
        
        /* ============
            WIDE: Footer
        ============ */

        .footer-container span{
            float:left;
        }
        
        .footer-container p{
            float:right;
            margin: 22px 0 0;
        }
        
        /* ============
            WIDE: Body
        ============ */
        
        .main {
            padding: 20px 0;
        }
        
        .sub-page-content h3{
            font-weight:normal;
            margin-top:0;
        }
        
        .sub-page-content div.clearfix{
            margin-top:2em;
        }
        
        .sub-page-content .alignleft, 
        .sub-page-content .alignleft--small{
            float:left;
        }
        
        .sub-page-content div.alignleft{
            margin-left:30px;
            width:65%;
        }
        
        .sub-page-content div.alignleft--small{
            margin-left:60px;
            width:55%;
        }
        
        #contact-us .parent-page-content div{
            float:left;
            width:62.5%;
        }
        
        #contact-us .parent-page-content div:first-child{
            float:left;
            width:35%;
            margin-right:2.5%;
        }
        
        .maps a{
            margin-top:0;
        }
        
        /*  NEWS PAGE  */
        #gallery-container{
            width: 103.125%; 
            overflow: hidden;
            margin-left: -1.562%; 
            margin-bottom: -1.875em; 
        }
        
        /*.gallery-item{
            width:32%;
            margin-bottom: 5px;	
        }
        
        #gutter-sizer{
            width: 8%;
        }*/
        
        .gallery-item{
            cursor:pointer;
            width: 30%; /* 300px */
            float: left;
            /*margin: 0 1.515% 1.875em;*/
        }
        
    }

    @media only screen and (min-width: 1140px) {

    /* ===============
        Maximal Width
    =============== */
        .wrapper {
            width: 780px; /* 1140px - 10% for margins */
            margin: 0 auto;
        }
        
        .footer-container .wrapper{
            width: 980px; 
        }
        
    }

    @media only screen and (min-width: 1750px) {
        
        div.menu-container{
            width: 1340px;
            margin: 0 auto;
        }
    
    }

    /* ==========================================================================
    Helper classes
    ========================================================================== */

    .ir {
        background-color: transparent;
        border: 0;
        overflow: hidden;
        *text-indent: -9999px;
    }

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

    .hidden {
        display: none !important;
        visibility: hidden;
    }

    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

    .invisible {
        visibility: hidden;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

    /* ==========================================================================
    Print styles
    ========================================================================== */

    @media print {
        * {
            background: transparent !important;
            color: #000 !important; /* Black prints faster: h5bp.com/s */
            box-shadow: none !important;
            text-shadow: none !important;
        }

        a,
        a:visited {
            text-decoration: underline;
        }

        a[href]:after {
            content: " (" attr(href) ")";
        }

        abbr[title]:after {
            content: " (" attr(title) ")";
        }

        /*
        * Don't show links for images, or javascript/internal links
        */

        .ir a:after,
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
            content: "";
        }

        pre,
        blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }

        thead {
            display: table-header-group; /* h5bp.com/t */
        }

        tr,
        img {
            page-break-inside: avoid;
        }

        img {
            max-width: 100% !important;
        }

        @page {
            margin: 0.5cm;
        }

        p,
        h2,
        h3 {
            orphans: 3;
            widows: 3;
        }

        h2,
        h3 {
            page-break-after: avoid;
        }
    }

    @media only screen and (max-width: 479px) {
        /*********    Annie's Gallery   *********/
        #gallery .photogalleryItem img, 
        #gallery .photogalleryItem:nth-child(3n+3) img {
            margin-right:0; 
            width: 100%; 
            margin:0 0 8px 0;
            float:left;
        }
        /*********    end Annie's Gallery   *********/
    }

    @media only screen and (min-width: 1025px) {

        #main-nav .menu-container{
            width: auto;
        }
        #main-nav .menu-container .wrapper{
            width: auto;
            display: flex;
            justify-content: flex-end;
        	margin:0;
        }

        #nav_14623{
            display: flex;
            /* flex-wrap: wrap; */
        }

        #nav_14623:after{
            content: '';
            display: block;
            clear: both;
        }
        #main-menu li > a{
            white-space: nowrap;
        }

    }