@media screen {
    /* basic definitions specific to no javascript */
    .gel-logo,
    .gel-logo a,
    :not(.gel-nav-js) > .gel-logo {
        display: block;
        float: none;
        background-color: #000000;
        background-image: none;
    }



    .gel-nav-nojs .gel-nav-main {
        display: block;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
    }

        .gel-nav-nojs .gel-nav-main ul,
        .gel-nav-nojs .gel-nav-main .nav-ul-1,
        .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) ul,
        .gel-nav-nojs .gel-nav-main:not(.gel-nav-task):not([data-navclass="nav-lonelyone"]) .nav-ul-1 {
            position: relative;
            display: block;
            width: 100%;
            list-style: none;
            margin: 0;
            right: auto;
        }

        /* don't give a background if the nav is an orphan and lives in the upper header */
        .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]) .nav-ul-1 {
            background: url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg") repeat scroll 0 0 #54585A;
        }

        .gel-nav-nojs .gel-nav-main li,
        .gel-nav-nojs .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-li-1 {
            float: none;
        }

        .gel-nav-nojs .gel-nav-main .nav-li-1 {
            border-top: 1px solid transparent; /* FF boxmodel fix */
            border-bottom: 1px solid #000000;
        }

        .gel-nav-nojs .gel-nav-main a[href="#"]:hover {
            color: #e6e6e6;
            cursor: text;
        }

    .gel-nav-nojs .gel-nav-toggle,
    .gel-nav-nojs .gel-nav-toggle:after {
        display: none;
    }


    .nojs .gel-search-wrapper {
        display: block;
        max-height: 64px;
        padding-top: 16px;
    }

    .nojs .nocoreaside .gel-search-wrapper {
        padding-top: 0;
    }

    .nojs .gel-nav-panel.gel-nav-task {
        position: static;
    }

    .gel-nav-main .nav-li-1 {
        float: left;
        width: auto;
        border-right: 1px solid #1a1a1a;
    }
}

/* ========================================================================== */
/*  Desktop navigation 
/* @1024px
	========================================================================== */
@media screen and (min-width:64em) {

    .gel-content {
        margin-top: 16px;
    }

    .gel-nav-main .gel-nav-btn > a,
    .gel-nav-main .nav-li-1.gel-nav-btn > a {
        margin: 14px 8px;
    }

    /* basic definitions specific to no javascript */
    .gel-nav-nojs .gel-nav-main {
        float: left;
        width: auto;
        background-color: transparent;
        background-image: none;
    }

    .gel-nav-nojs .gel-nav-panel.gel-nav-task {
        float: right;
    }

    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]) .nav-ul-1 {
        background: none;
    }

    .gel-nav-nojs .gel-nav-main .nav-ul-1 ul,
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .nav-ul-1 ul {
        position: absolute;
        right: -9999px;
        display: none;
    }

    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) ul,
    .gel-nav-nojs .gel-nav-main:not(.gel-nav-task):not([data-navclass="nav-lonelyone"]) .nav-ul-1 {
        overflow: visible;
    }

    .gel-nav-nojs .gel-nav-main .nav-li-1,
    .gel-nav-nojs .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-li-1 {
        float: left;
        border-bottom: none;
    }

    .gel-nav-main .nav-li-1 > a,
    .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-li-1 > a {
        border-top: 4px solid transparent;
        border-left: none;
        line-height: 60px;
    }

    /* mobile buttonized nav element */
    .gel-nav-nojs .gel-nav-main .nav-li-1.gel-nav-btn > a,
    .gel-nav-nojs .gel-nav-main.gel-nav-task[data-navclass="nav-lonelyone"] .nav-li-1 > a {
        line-height: 32px;
        border: 1px solid #7f8283;
    }

    .gel-logo,
    :not(.gel-nav-js) > .gel-logo {
        position: static;
        float: left;
        min-width: 256px;
    }


    .gel-nav-nojs .gel-nav-main .nav-li-1 .nav-ul-2 {
        background: #54585a url("//content.gallup.com/origin/gallupinc/GallupSpaces/Production/Cms/IMAGES/dctf_hxb_eesfznejd4plw.jpg") repeat scroll 0 0;
        display: none;
        min-width: 256px;
        opacity: 0;
        position: absolute;
        right: 99999px;
    }

    .gel-nav-nojs .gel-nav-main .nav-li-1:hover ul,
    .gel-nav-nojs .gel-nav-main .nav-li-1 a:hover + ul {
        display: block;
        left: 0;
        right: auto;
        top: 63px;
        z-index: 9999999;
        padding: 16px;
        border: 1px solid #1a1a1a;
        border-top: none;
        opacity: 1;
    }

    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .nav-ul-1:hover ul {
        display: block;
    }

    .gel-nav-nojs .gel-nav-main .nav-li-2 ul,
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .nav-ul-2 ul,
    .gel-nav-main .nav-li-1 > a:hover ul {
        display: block;
        padding: 0;
        position: static;
        border: none;
    }

    .gel-nav-nojs .gel-nav-main.gel-nav-task .nav-li-1 ul,
    .gel-nav-nojs .gel-nav-main.gel-nav-task:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .nav-ul-1 ul {
        left: auto;
        right: 0;
    }

    .gel-nav-nojs .gel-nav-main[data-navclass='nav-has-children'] .nav-li-1 > a {
        padding-top: 0;
        padding-right: 48px;
    }

    .gel-nav-nojs .gel-nav-main[data-navclass='nav-has-children'] .nav-li-1:not(.icononly) > a:after {
        font-size: 13px;
        position: absolute;
        right: 16px;
        content: "\02c5";
        opacity: 0.5;
        -moz-transform: scale(2,1);
        -ms-transform: scale(2,1);
        -o-transform: scale(2,1);
        -webkit-transform: scale(2,1);
        transform: scale(2,1);
    }

    .gel-nav-nojs .gel-nav-dropdown > .gel-nav-dropdown-toggle:hover:after {
        content: "\02c4";
    }
}

/* @1280px
	========================================================================== */
@media screen and (min-width:80em) {


    /** ====================================================================== */
    /** megamenu multi columns 
    ========================================================================== */
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .gel-nav-max2cols ul,
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .gel-nav-max3cols ul,
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .gel-nav-max4cols ul,
    .gel-nav-max2cols .nav-ul-2,
    .gel-nav-max3cols .nav-ul-2,
    .gel-nav-max4cols .nav-ul-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        width: 650px;
        min-width: 650px;
        overflow: visible;
    }
}

/*  5 columns (4 columns + news)
	@1536px
	========================================================================== */
@media screen and (min-width:96em) {

    /** ====================================================================== */
    /** megamenu multi columns 
    ========================================================================== */
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .gel-nav-max3cols ul,
    .gel-nav-nojs .gel-nav-main:not([data-navclass="nav-lonelyone"]):not([data-navclass="nav-no-children"]) .gel-nav-max4cols ul,
    .gel-nav-max3cols .nav-ul-2,
    .gel-nav-max4cols .nav-ul-2 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        width: 768px;
        min-width: 768px;
    }
}