/****************** MOBILE ******************/

/* @media only screen and (min-device-width : 320px) and (max-device-width : 568px) */
@media only screen and (min-width: 320px) and (max-width: 665px) {

    #page-outer,
    #ribbon .ribbon-inner,
    #header .header-inner,
    #footer .footer-inner {
        width: 100%;
    }

    #page {
        margin-top: 0px;
    }

    #page-outer {
        margin: 0px;
    }

    /****************** MISC ******************/

    #toolbar, #admin-menu {
        display: none;
    }

    html body.admin-menu {
        margin-top: 0px !important;
    }

    body {
        background-size: 13%;
    }

    *:hover, *:active {
        opacity: 1 !important;
    }

    .inner {
        padding: 4%;
    }

    #content-header {
        padding-bottom: 0px;
    }

    .view-gallery > .item-list {
        padding-top: 0px;
    }

    .item-list .pager {
        margin-bottom: 0px;
    }

    /****************** RIBBON ******************/

    #ribbon {
        border-bottom: 1px solid #000000;
        padding-right: 3%;
    }

    #ribbon #secondary li a {
        font-size: 9px;
        letter-spacing: -0.15em;
        margin: 0px 0px 0px 4px;
    }

    #ribbon #secondary li:last-child::before {
        font-size: 9px;
    }

    /****************** HEADER & RIBBON & TAKE ACTION & SHARE ******************/

    #header {
        background-image: url('../images/mobile-header-bg.png');
        border-top: 1px solid #3a3a3a;
    }

    #header #search,
    #header .share-icons {
        display: none;
    }

    #header #take-action {
        position: absolute;
        top: 4%;
        right: 3%;
        padding: 0px;
        width: 97%;
    }

    #header #take-action .btn {
        padding: 4px 26px 4px 9px;
        font-size: 12px;
        box-shadow: inset 0px 1px 0px #838383, inset -2px 54px 0px -40px #606060;
        -webkit-box-shadow: inset 0px 1px 0px #838383, inset -2px 54px 0px -40px #606060;
        -moz-box-shadow: inset 0px 1px 0px #838383, inset -2px 54px 0px -40px #606060;
        border-radius: 3px;
        float: right;
        margin-top: 1px;
    }

    #header #take-action .btn .icon {
        top: 2px;
        right: 2px;
    }

    #take-action-content {
        top: 41px;
        right: 0px;
    }

    #take-action-content:after {
        top: -36px;
        right: 5px;
        width: 19px;
        height: 58px;
    }

    #take-action-content .views_slideshow_cycle_main .views-field-field-media {
        display: none;
    }

    /****************** LOGO & SITE NAME ******************/

    #logo {
        padding: 0px;
        position: relative;
        z-index: 1;
    }

    #logo img {
        height: 38px;
        width: auto;
        padding: 0px 0px 0px 8px;
    }

    #site-name {
        margin: 4px 4px;
        padding: 0px;
        float: left;
        font-size: 22px;
    }

    /****************** NAVIGATION ******************/

    #navigation {
        float: none;
    }

    #primary {
        background-image: url('../images/header-bg.png');
        background-position-y: 50%;
        width: 100%;
        display: table;
        height: 100%;
        border: 0px;
    }

    #primary li {
        margin: 0px;
        display: table-cell;
        width: 25%;
        text-align: center;
    }

    #primary li a {
        font-size: 14px;
        padding: 37px 0px 12px 0px;
        width: 100%;
    }

    #primary li.first {
        border-left: 0px;
    }

    #primary li.last {
        border-right: 0px;
    }

    #primary li a.icon:before {
        font-size: 25px;
    }

    #primary li a.icon {
        -webkit-transition: none;
    }

    #primary li a.icon:hover {
        -webkit-transform: none;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li.expanded.active-trail {
        background: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    /****************** FOOTER ******************/

    #footer {
        padding: 6% 3%;
        position: relative;
    }

    #footer .footer-inner .hr-dark:nth-child(2) {
        display: block;
    }

    #footer .search-box {
        display: block;
    }

    #footer .search-box label {
        display: none;
    }

    #footer .share-icons {
        position: absolute;
        right: 3%;
        top: 70px;
    }

    #footer .share-icons li {
        display: block;
        clear: both;
        margin: 0px;
    }

    #footer #block-menu-footer-menu ul {
        margin: 0px;
        padding: 0px;
    }

    #footer #block-menu-footer-menu ul li {
        display: block;
        clear: both;
    }

    #footer #block-menu-footer-menu ul li a {
        border: 0px;
        margin: 0px 0px 8px 0px;
        font-size: 16px;
        padding: 0px;
    }

    #footer #block-menu-footer-menu ul li a.small {
        margin: 0px 0px 0px 0px;
        font-size: 14px;
    }

    #footer #block-menu-footer-menu {
        padding-top: 10px;
    }

    /* Forms */

    .page-user .wwe-login-form {
        width: 100%;
    }

    #login input[type="text"],
    #login input[type="password"],
    #login input[type="submit"],
    #register input[type="text"],
    #register input[type="password"],
    #register input[type="submit"],
    #register select.country,
    #register .password-strength,
    #register .confirm-parent,
    #register .password-parent,
    #register .password-confirm,
    #register div.form-item div.password-suggestions {
        width: 100% !important;
        display: block;
    }

    #register .password-strength,
    #register .password-confirm {
        margin: 10px 0px 20px 0px;
        margin-right: 0px;
        width: 100%;
    }

    #register .addressfield-container-inline > div.form-item {
        display: block;
        width: 100%;
        margin-top: 0px;
    }

    #register .addressfield-container-inline > div.form-item:first-child {
        margin-bottom: 0px;
    }

    #register.ui-tabs-panel {
        padding: 3% !important;
    }

    #login > div {
        display: block;
        width: 100%;
    }

    #login .login-native input[type="submit"] {
        float: left;
    }

    /****************** PAGE & LAYOUT ******************/

    #page {
        width: 100%;
        margin: 3.5% 3% 9% 3%;
        max-width: 94.5%;
        min-width: 94.5%;
    }

    .page.curved-shadow-ver:before, .page.curved-shadow-ver:after {
        position: relative;
    }

    html, body {
        margin: 0;
        padding: 0;
        border: 0;
    }

    #main {
        padding-bottom: 0px;
        position: static;
    }

    #sidebar-first {
        box-shadow: none;
        -webkit-box-shadow: none;
        -mox-box-shadow: none;
        padding-bottom: 0px;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li > a.active,
    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li > a.active-trail {
        box-shadow: none;
        -webkit-box-shadow: none;
        -mox-box-shadow: none;
        background: none;
    }

    #sidebar-first + #content {
        box-shadow: none;
        -webkit-box-shadow: none;
        -mox-box-shadow: none;
    }

    #footer {
        position: relative;
        width: 100%;
    }

    #ribbon .ribbon-inner,
    #header .header-inner,
    #footer .footer-inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .sidebar, #sidebar-first, #sidebar-second {
        float: none;
        clear: both;
        width: auto;
        margin: 0px;
    }

    #content #content-inner.center {
        margin: 0px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #sidebar-first {
        margin-right: 0;
        width: 100%;
    }

    #sidebar-second {
        margin-right: 0;
        width: 100%;
    }

    #navigation {
        clear: both;
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.5;
        font-size: 16px;
        line-height: 24px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #000;
        word-wrap: break-word;
        -webkit-text-size-adjust: none;
    }

    h4 {
        font-family: "GibsonRegular", "Helvetica Neue", helvetica, Arial, sans-serif;
        font-size: 19px;
        line-height: 120%;
    }

    .pane-custom h4 {
        text-align: center;
    }

    .page-diversity #content-header h2,
    .page-education #content-header h2,
    .page-military #content-header h2,
    .page-wishes #content-header h2 {
        font-size: 32px;
        /*line-height: 24px;*/
        line-height: 1em;
        font-weight: 300;
    }

    #sidebar-first + #content #content-header h2 {
        padding-right: 0px;
    }

    article.node header .links,
    header .sharethis-wrapper {
        margin: 0px 0px 8px 0px;
    }

    /* Tabs */

    ul.tabs {
        display: none;
    }

    /****************** PILLAR MENU ******************/

    #sidebar-first {
        height: auto;
        background-image: none;
    }

    #block-wwe_general-submenu .heading {
        display: none;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu .menu {
        display: none;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu {
        width: 100%;
        text-align: center;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
        padding: 12px 4px 2px 4px;
        line-height: 100%;
        word-break: normal;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu li {
        display: inline;
        border-right: 2px solid #959595;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu li:nth-child(3n+3) {
        clear: right;
        border-right: 0px;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu li:nth-child(3n+4) {
        clear: left;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu li:nth-child(3n+3):after {
        content: "";
        display: inline-block;
        width: 100%;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu li:last-child {
        border-right: 0px;
        border-bottom: 0px;
        background: none;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li.expanded {
        border-bottom: 0px;
        background: none;
        padding-bottom: 0px;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li > a {
        font-size: 17px;
        color: #252525;
        font-weight: normal;
        letter-spacing: 0px;
        font-family: "GibsonLightBold", "Helvetica Neue", helvetica, Arial, sans-serif;
        display: inline;
        padding: 8px 8px 4px 8px;
        border-bottom: 0px;
        line-height: 130%;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li > a.active {
        color: #e4252b;
        background: none;
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li > a.active::after, #block-wwe_general-submenu .content > .menu-wrapper > .menu > li.expanded > a::after {
        content: "";
    }

    #block-wwe_general-submenu .content > .menu-wrapper > .menu > li > a.active:after, #block-wwe_general-submenu .content > .menu-wrapper > .menu > li > a.active-trail:after {
        content: '';
    }

    /* Mobile Styles for Sub pillars navigation (previously in Education) - Possibly in phase II */
    /*

    #block-wwe_general-submenu .content > #education-sidebar-menu {
        position: relative;
        height: 121px;
        background: url(../images/mobile/bg-edu-menu.png) repeat-x bottom left;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu .menu li {
        border-right: 2px solid #959595;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu .menu > li > a {
        border: none;
        padding: 5px;
        display: inline-block;
        padding: 8px 12px 4px 12px;
        color: #252525;
        font-size: 17px;
        font-family: "GibsonLightBold", "Helvetica Neue", helvetica, Arial, sans-serif;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li > a {
        display: block;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li > ul {
        display: block;
        clear: both;
        text-align: center;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li > ul li {
        border: none;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu li:last-child {
        border-right: 0;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li:first-child > a {
        position: absolute;
        top: 0;
        left: -1px;
        width: 49.5%;
        padding: 10px 0;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li:last-child > a {
        position: absolute;
        top: 0;
        right: -1px;
        width: 49.5%;
        padding: 10px 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li > ul {
        position: absolute;
        top: 50px;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li > a.active-trail {
        color: #e4252b;
        background: #fff;
        border: 1px solid #828282;
        border-bottom: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li > a {
        color: #fff;
        border: 1px solid #828282;
        border-bottom: none;
        background: #e3242a;
        background: -moz-linear-gradient(top, #e3242a 0%, #e3242a 47%, #c00107 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3242a), color-stop(47%, #e3242a), color-stop(100%, #c00107));
        background: -webkit-linear-gradient(top, #e3242a 0%, #e3242a 47%, #c00107 100%);
        background: -o-linear-gradient(top, #e3242a 0%, #e3242a 47%, #c00107 100%);
        background: -ms-linear-gradient(top, #e3242a 0%, #e3242a 47%, #c00107 100%);
        background: linear-gradient(to bottom, #e3242a 0%, #e3242a 47%, #c00107 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e3242a', endColorstr = '#c00107', GradientType = 0);
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu > li > a:after {
        display: none;
    }

    #block-wwe_general-submenu .content > #education-sidebar-menu > .menu .menu > li > a.active:after {
        content: '';
    }

    */

    /* Pillars */

    article img {
        width: 100%;
        height: auto;
    }

    .pillar-landing .view-partners .views-row {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .pillar-landing .brenham-flipped-column-content {
        padding: 0 4%;
        margin: 0px;
    }

    .pillar-landing .view-home-slider, .pillar-landing .view-landing-promoted {
        padding-left: 4%;
        padding-right: 4%;
        margin: 0px;
    }

    .pillar-landing .pane-landing-promoted-panel-pane-1 h2 {
        margin-bottom: 4%;
    }

    .pane-landing-promoted-panel-pane-1 td {
        width: 100%;
    }

    .pillar-landing .pane-chatter {
        padding: 4% 0;
    }

    .node-type-page blockquote {
        font-size: 19px;
        line-height: 130%;
        font-style: italic;
        text-indent: 47px;
        padding: 27px 7% 0px 20px;
        left: -5%;
        width: 109%;
        background-size: 140%;
    }

    .attachment > .view-programs > .view-content tr td,
    .view-programs > .view-content tr td {
        width: 100%;
    }
		
		.view-programs > .view-content .views-row:nth-child(n){
			float: none;
			width: 100%;
			margin: 0px 0 15px 0;
		}


    /* Pillar Gallery */

    .pane-gallery-panel-pane-1 .view-gallery > .view-content tr td {
        width: 100%;
    }

    .node-photo-gallery .flexslider {
        border: 0px;
        padding: 0px;
        margin-top: 10px;
    }

    .node-photo-gallery .flex-nav-container {
        width: 100%;
    }

    .node-photo-gallery .flexslider-content .slides > li {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .node-photo-gallery .flex-direction-nav {
        display: none;
    }

    .node-photo-gallery .flex-caption {
        height: 51px;
        padding: 5px 20px;
        position: relative;
        margin-top: 4%;
        background: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 0px;
    }

    .node-photo-gallery .flex-caption .caption-type {
        font-size: 14px;
        color: #e4252b;
        text-shadow: none;
        font-family: 'GibsonLightBold';
        width: 26%;
        border-right: 1px solid #d7d7d7;
        height: 90%;
        padding-right: 0px;
    }

    .node-photo-gallery .flex-caption strong {
        font-size: 17px;
        overflow: hidden;
        padding-top: 11px;
        color: #222222;
        text-shadow: none;
        font-family: 'GibsonLightBold';
        width: 74%;
        border-left: 0px;
        height: 52px;
        padding: 0px;
    }

    .node-photo-gallery .flex-control-nav li {
        margin: 0px;
    }

    .node-photo-gallery .flex-control-nav li a {
        font-size: 31px;
    }

    .node-photo-gallery .flex-control-paging {
        position: relative;
        left: -13px;
    }

    /* Be-A-Star */

    #page > .be-a-star-block {
        display: none;
    }

    .bryant-flipped-sidebar,
    .brenham-flipped-sidebar {
        position: relative;
    }

    .bryant-flipped-sidebar .be-a-star-block,
    .brenham-flipped-sidebar .be-a-star-block {
        display: block;
        position: relative;
        left: 34%;
        margin-top: -29px;
        padding-top: 0px;
    }

    .bryant-flipped-sidebar .be-a-star-block img,
    .brenham-flipped-sidebar .be-a-star-block img {
        width: 85px;
        height: auto;
    }

    .bryant-flipped-sidebar {
        position: relative;
        top: 30px;
    }

    .bryant-flipped-sidebar:not(.empty-sidebar) {
        box-shadow: inset -3px 8px 5px -7px rgba(0,0,0,0.4);
        -webkit-box-shadow: inset -3px 8px 5px -7px rgba(0,0,0,0.4);
        -moz-box-shadow: inset -3px 8px 5px -7px
    }

    /* We Can Help */

    .for-pst-container article {
        float: left;
        margin: 0px 20px 4% 0px;
        padding: 8% 0px 0px 0px;
        width: 100%;
        text-align: center;
    }

    .for-pst-container article img {
        float: left;
        overflow: hidden;
        padding-left: 6%;
        width: 20%;
        height: auto;
    }

    .for-pst-container article a:hover img {
        top: 0px;
    }

    .for-pst-container article h4 {
        font-size: 22px;
        margin: 0px 0px 1% 0px;
        float: right;
        width: 70%;
        text-align: left;
        overflow: hidden;
    }

    .for-pst-container article p {
        font-size: 13px;
        margin: 0px 0px 6% 0px;
        float: right;
        width: 70%;
        text-align: left;
        overflow: hidden;
        padding-right: 4%;
    }

    .node-type-file #content-header .title {
        font-size: 44px;
    }

    .node-type-file #content-header .title .title-small {
        font-size: 30px;
    }

    .node-type-file .pane-node_content article .field-name-field-file a {
        float: left;
        text-align: center;
    }

    /* Bryant & Breham */

    .bryant-flipped-sidebar,
    .bryant-flipped-content {
        width: 100% !important;
        float: left;
        background: none;
        padding-left: 0px;
    }

    .bryant-flipped-sidebar,
    .breham-flipped-sidebar {
        margin-left: -4%;
        width: 108% !important;
        min-height: auto;
        padding: 10px 4%;
    }

    .bryant-flipped-sidebar-inner {
        padding-left: 0px;
        padding-top: 20px;
    }

    .bryant-flipped-sidebar .pane,
    .breham-flipped-sidebar .pane {
        margin-bottom: 35px;
        text-align: center;
    }

    .bryant-flipped-sidebar h2.pane-title,
    .breham-flipped-sidebar h2.pane-title {
        border-left: 0px;
        border-bottom: 2px solid #f53037;
        padding-left: 0px;
        margin-bottom: 14px;
        font-family: 'GibsonLightBold';
        font-size: 34px;
        padding-bottom: 2px;
        display: inline-block;
        line-height: 100%;
    }

    /* Request a Rally */

    .pane-wwe-user-wwe-user-request-rally a.request-rally {
        margin-top: 8px;
        display: inline-block;
    }

    /* Headings */

    #content-header h2.title {
        letter-spacing: 0px;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 34px;
        margin-bottom: 10px;
        line-height: 100%;
    }

    /* Search Page */

    .page-search #content-inner {
        width: 100%;
        padding-top: 20px;
    }

    .page-search h2 {
        font-size: 18px;
    }

    .page-search .search-advanced {
        margin-top: 20px;
    }

    .page-search #content-inner input[type="submit"],
    .page-search #content-inner input[type="text"] {
        margin-top: 12px;
        width: 100%;
    }

    .brenham-flipped-column-content-region {
        clear: both;
        overflow: hidden;
    }

    /* Pledge Form */

    .fancybox-wrap-default {
        min-width: inherit;
    }

    .fancybox-wrap-default .fancybox-inner-pledge {
        min-width: inherit;
        min-height: 202px;
        }

    .fancybox-wrap {
        min-width: 297px;
    }

    .fancybox-inner {
        width: auto !important;
    }

    #wwe-pledge-form {
        background: #ffffff;
    }

    .pledge-form > .left {
        width: 100%;
        text-align: left;
        float: none;
        margin-top: 0px;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        background-color: #f7f7f7;
        box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.2);
    }

    .pledge-form > .right {
        width: 100%;
        min-height: 426px;
    }

    .pledge-form > .left .image {
        float: left;
    }

    .pledge-form > .left .title {
        position: relative;
        display: block;
        left: 14px;
        top: 10px;
        padding-top: 10px;
        padding-right: 8px;
        font-size: 17px;
    }

    .pledge-form > .left .joinus {
        position: relative;
        left: 14px;
        padding-right: 8px;
    }

    .pledge-form > .right .text > h2 {
        font-size: 32px;
        font-family: GibsonLightBold;
    }

    #header #take-action.open {
        position: none;
    }

    #header #take-action .btn .icon {
        top: 2px;
        right: -1px;
    }

    #header .open .icon-arrow-down {
        height: 27px;
        border-radius: 4px 4px 0 0;
    }

    #take-action-content {
        max-width: 480px;
        max-height: 470px;
        overflow: scroll;
        overflow-x: hidden;
        padding: 15px;
        min-height: auto;
        left: 3%;
        position: absolute;
        top: 30px;
        width: 97.5%;
        height: 340px;
    }

    #take-action-content .views-slideshow-controls-text-previous,
    #take-action-content .views-slideshow-controls-text-next,
    #take-action-content .views-slideshow-controls-bottom {
        display: none;
    }

    #take-action-content .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
        margin: 0;
    }

    #take-action-content .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row-item {
        margin-bottom: 15px;
        width: 100%;
    }

    #take-action-content .views_slideshow_cycle_main .views-field-title a {
        height: auto;
        padding-top: 0;
        font-weight: bold;
        font-size: 16px;
    }

    #take-action-content .views_slideshow_cycle_main .views-field-view-node {
        padding-top: 3px;
    }

    /* facebook and twitter */
    .pane-chatter {
        background: none;
    }

    .pane-chatter .tabs {
        text-align: center;
        border-top: 1px solid #a3a3a3;
        border-bottom: 1px solid #a3a3a3;
        padding: 15px 0 4px 0;
        background: #dcdcdc; /* Old browsers */
        background: -moz-linear-gradient(top, #dcdcdc 0%, #f4f4f4 15%, #f4f4f4 84%, #dcdcdc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcdcdc), color-stop(15%, #f4f4f4), color-stop(84%, #f4f4f4), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dcdcdc 0%, #f4f4f4 15%, #f4f4f4 84%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dcdcdc 0%, #f4f4f4 15%, #f4f4f4 84%, #dcdcdc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dcdcdc 0%, #f4f4f4 15%, #f4f4f4 84%, #dcdcdc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dcdcdc 0%, #f4f4f4 15%, #f4f4f4 84%, #dcdcdc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dcdcdc', endColorstr = '#dcdcdc', GradientType = 0); /* IE6-9 */
    }

    .pane-chatter .target {
        height: auto;
        overflow: hidden;
        padding: 0;
    }

    /* Copyright and TOC Pages */

    .page-node-7 #content-inner,
    .page-node-8 #content-inner {
        width: 100%;
        padding-top: 24px;
    }

    .page-node-7 #content-header h2,
    .page-node-8 #content-header h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    /* In Your Corner */

    .page-node-1 #content-inner {
        width: 100%;
        padding-top: 24px;
    }

    .page-node-1 #content-inner .content .field-name-body {
        font-size: 14px;
        line-height: 18px;
    }

    .page-node-1 #content-header h2,
    .page-node-7 #content-header h2,
    .page-node-8 #content-header h2 {
        font-size: 35px;
        background-size: 123%;
        padding-bottom: 21px;
        margin-top: -4px;
        line-height: 100%;
    }

    .page-node-1 #content-area h3 {
        font-size: 20px;
        text-align: center;
    }

    .pane-wwe-general-about-pillars .about-icons > a {
        font-size: 14px;
        padding: 54px 0px 13px 0px;
    }

    .pane-wwe-general-about-pillars .about-icons > a:before {
        font-size: 30px;
        width: 100%;
        height: 100%;
        padding-top: 7px;
        background-size: 41px;
    }

    .view-events article,
    .view-gallery article,
    .view-partners article,
    .view-programs article,
    .count-3 > .pane-content > article {
        width: 100%;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    .view-events .attachment article,
    .view-gallery .attachment article {
        padding-right: 0px !important;
    }

    .count-3 > .pane-content > article:last-child {
        padding-right: 10px;
    }

    .page-home #panels-ipe-paneid-1 h2 {
        background-position: center top;
        background-color: transparent;
        left: inherit;
        width: 100%;
    }

    .breadcrumb {
        display: none;
    }

    .pane-gallery-panel-pane-1 .view-gallery > .view-content tr td {
        padding: 0;
        margin: 0 0 15px 0;
    }

    .pane-gallery-panel-pane-1 .view-gallery > .view-content td:nth-child(odd) {
        float: left;
    }

    .pane-gallery-panel-pane-1 .view-gallery > .view-content td:nth-child(even) {
        float: left;
    }

    .pane-gallery-panel-pane-1 .view-gallery > .view-content tr td .image img {
        height: auto;
    }

    .pane-events-panel-pane-1 .view-content .views-row {
        margin-bottom: 4%;
    }

    .pane-gallery-panel-pane-1 .view-content header {
        overflow: hidden;
    }

     /* Events Landing */
    .pane-views_panes > .pane-content > .view-events > .view-content .views-row > article {
        margin-bottom: 10px;
    }

    .pane-views_panes > .pane-content > .view-events > .view-content .views-row > article > .node-inner > .image {
        float: left;
        width: 30%;
        padding: 0 2% 2% 0;
    }

    .pane-views_panes > .pane-content > .view-events > .view-content .views-row > article > .node-inner > .image img {
        margin: 0px;
        float: none;
        width: 100%;
        height: auto;
    }

    .pane-views_panes > .pane-content > .view-events > .view-content .views-row > article > .node-inner > .content {
        margin-bottom: 4px;
        float: right;
        width: 100%;
    }

    .pane-views_panes > .pane-content > .view-events > .view-content .views-row > article > .node-inner > header a {
        font-size: 14px;
    }

    /* Gallery Landing */
    .pane-views_panes > .pane-content > .view-gallery > .view-content .views-view-grid  article {
        margin-bottom: 2%;
    }

    .pane-views_panes > .pane-content > .view-gallery > .view-content .views-view-grid  article > .node-inner > .image {
        float: left;
        width: 30%;
        padding: 0 2% 2% 0;
    }

    .pane-views_panes > .pane-content > .view-gallery > .view-content .views-view-grid  article > .node-inner > .image img {
        margin: 0px;
        float: none;
        width: 100%;
        height: auto;
    }

    .pane-views_panes > .pane-content > .view-gallery > .view-content .views-view-grid  article > .node-inner > header,
    .pane-views_panes > .pane-content > .view-gallery > .view-content .views-view-grid  article > .node-inner > .content {
        margin-bottom: 4px;
        float: right;
        width: 66%;
    }

    .pane-views_panes > .pane-content > .view-gallery > .view-content .views-view-grid  article > .node-inner > header a {
        font-size: 14px;
    }

    /* Promoted Landing */
    .pane-views_panes > .pane-content > .view-landing-promoted > .view-content .views-view-grid  article {
        margin-bottom: 2%;
    }

    .pane-views_panes > .pane-content > .view-landing-promoted > .view-content .views-view-grid  article > .node-inner > .image {
        float: left;
        width: 30%;
        padding: 0 2% 2% 0;
    }

    .pane-views_panes > .pane-content > .view-landing-promoted > .view-content .views-view-grid  article > .node-inner > .image img {
        margin: 0px;
        float: none;
        width: 100%;
        height: auto;
    }

    .pane-views_panes > .pane-content > .view-landing-promoted > .view-content .views-view-grid  article > .node-inner > header,
    .pane-views_panes > .pane-content > .view-landing-promoted > .view-content .views-view-grid  article > .node-inner > .content {
        margin-bottom: 4px;
        float: right;
        width: 66%;
    }

    .pane-views_panes > .pane-content > .view-landing-promoted > .view-content .views-view-grid  article > .node-inner > header a {
        font-size: 14px;
    }

    /* About Landing */
    .node-type-page .pane-full_width .pane-content article {
        margin-bottom: 4%;
    }

    .node-type-page .pane-full_width .pane-content article > .node-inner > .image {
        float: left;
        width: 30%;
        padding: 0 2% 2% 0;
    }

    .node-type-page .pane-full_width .pane-content article > .node-inner > .image img {
        margin: 0px;
        float: none;
        width: 100%;
        height: auto;
    }

    .node-type-page .pane-full_width .pane-content article > .node-inner > header,
    .node-type-page .pane-full_width .pane-content article > .node-inner > .content {
        margin-bottom: 4px;
        float: right;
        width: 66%;
    }

    .node-type-page .pane-full_width .pane-content article > .node-inner > header a {
        font-size: 14px;
    }

    /* Partners Landing */
    .not-front:not(.pillar-landing) .view-partners > .view-content tr td {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .not-front .pane-views_panes > .pane-content > .view-partners .view-content > .views-row article,
    .not-front .pane-views_panes > .pane-content > .view-partners .view-content .views-view-grid  article,
    .node-type-partner .pane-full_width_arbitrary .pane-content article {
        margin-bottom: 4%;
    }

    .not-front .pane-views_panes > .pane-content > .view-partners .view-content > .views-row  article > .node-inner > .image,
    .not-front .pane-views_panes > .pane-content > .view-partners .view-content .views-view-grid  article > .node-inner > .image,
    .node-type-partner .pane-full_width_arbitrary .pane-content article > .node-inner > .image {
        float: left;
        width: 30%;
        padding: 0 2% 2% 0;
    }

    .not-front .pane-views_panes > .pane-content > .view-partners .view-content > .views-row  article > .node-inner > .image img,
    .not-front .pane-views_panes > .pane-content > .view-partners .view-content .views-view-grid  article > .node-inner > .image img,
    .node-type-partner .pane-full_width_arbitrary .pane-content article > .node-inner > .image img {
        margin: 0px;
        float: none;
        width: 100%;
        height: auto;
    }

    .node-type-partner .pane-node_content .pane-content > .node-partner .content img {
        margin-left: 2%;
        width: auto;
    }

    .not-front .pane-views_panes > .pane-content > .view-partners .view-content > .views-row  article > .node-inner > header,
    .not-front .pane-views_panes > .pane-content > .view-partners .view-content > .views-row  article > .node-inner > .content,
    .not-front .pane-views_panes > .pane-content > .view-partners .view-content .views-view-grid  article > .node-inner > header,
    .not-front .pane-views_panes > .pane-content > .view-partners .view-content .views-view-grid  article > .node-inner > .content,
    .node-type-partner .pane-full_width_arbitrary .pane-content article > .node-inner > header,
    .node-type-partner .pane-full_width_arbitrary .pane-content article > .node-inner > .content {
        margin-bottom: 4px;
        float: right;
        width: 66%;
    }

    .not-front .pane-views_panes > .pane-content > .view-partners .view-content > .views-row  article > .node-inner > header a,
    .not-front .pane-views_panes > .pane-content > .view-partners .view-content .views-view-grid  article > .node-inner > header a,
    .node-type-partner .pane-full_width_arbitrary .pane-content article > .node-inner > header a {
        font-size: 14px;
    }

    /* Programs Landing */
    .not-front .pane-views_panes > .pane-content > .view-programs .view-content > .views-row article,
    .not-front .pane-views_panes > .pane-content > .view-programs .view-content .views-view-grid  article,
    .node-type-program .pane-node_content .pane-content article {
        margin-bottom: 4%;
    }

    .not-front .pane-views_panes > .pane-content > .view-programs .view-content > .views-row  article > .node-inner > .image,
    .not-front .pane-views_panes > .pane-content > .view-programs .view-content .views-view-grid  article > .node-inner > .image,
    .node-type-program .pane-node_content .pane-content article > .node-inner > .image {
        float: left;
        width: 30%;
        padding: 0 2% 2% 0;
    }

    .not-front .pane-views_panes > .pane-content > .view-programs .view-content > .views-row  article > .node-inner > header,
    .not-front .pane-views_panes > .pane-content > .view-programs .view-content > .views-row  article > .node-inner > .content,
    .not-front .pane-views_panes > .pane-content > .view-programs .view-content .views-view-grid  article > .node-inner > header,
    .not-front .pane-views_panes > .pane-content > .view-programs .view-content .views-view-grid  article > .node-inner > .content {
        margin-bottom: 4px;
        float: right;
        width: 66%;
    }

    .not-front .pane-views_panes > .pane-content > .view-programs .view-content > .views-row  article > .node-inner > header a,
    .not-front .pane-views_panes > .pane-content > .view-programs .view-content .views-view-grid  article > .node-inner > header a,
    .node-type-program .pane-node_content .pane-content article > .node-inner > header a {
        font-size: 14px;
    }

    /* */

    .pane-events-panel-pane-1 .attachment .wwe-featured-event-view .views-row:nth-child(odd),
    .pane-events-panel-pane-1 .attachment .wwe-featured-event-view .views-row:nth-child(even) {
        width: 100%;
        float: none;
    }

    .pane-events-panel-pane-1 .attachment .wwe-featured-event-view .views-row .image img {
        width: 96%;
        height: auto;
        margin-bottom: 10px;
    }

    .pane-events-panel-pane-1 .attachment .wwe-featured-event-view .views-row .links {
        width: 120px;
        margin-top: 10px;
    }

    .pane-node_content .node .content img {
        width: 96%;
        height: auto;
    }

    .pane-node_content .node .content #wwe-bcplayer > * {
        width: 100% !important;
        height: auto;
    }

    #wwe-brightcove-player-div {
        margin-bottom: 4%;
    }

    .file-video-brightcove > .content a:after {
        background-size: 40%;
    }

    #comments input[type="text"] {
        width: 100%;
    }

    .page-education .count-3 > .pane-content > article header {
        max-height: 50px;
        overflow: hidden;
    }

    .page-education .count-3 > .pane-content > article .content {
        display: none;
    }

    .pane-home-slider-panel-pane-1 .view-content .content  img {
        width: 95%;
        height: auto;
    }

    .pane-partners-panel-pane-1 .image .content img {
        width: 100%;
        height: auto;
    }

    .pane-partners-panel-pane-1 .view-partners > .view-footer {
        margin-top: 30px;
    }

    .pane-partners-panel-pane-1 .view-partners > .view-content tr td {
        display: block;
        padding-right: 0;
        width: 100%;
    }

    .node-partner .content img {
        border: 0;
        padding: 0;
    }

    .view-take-action .image .content img,
    .view-take-action .field-name-body img {
        width: 97%;
        height: auto;
    }

    .view-take-action .links {
        margin-bottom: 15px;
    }

    .view-take-action .views-row {
        margin-bottom: 10px;
    }

    .page-home .pane-partners-panel-pane-2 .views-row {
        width: 99%;
        display: block;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .page-home .pane-partners-panel-pane-2 .views-row {
        margin-bottom: 4%;
        margin-bottom: 4%;
        width: 48%;
        margin-right: 4%;
        float: left;
    }

    .page-home .pane-partners-panel-pane-2 .views-row:nth-child(even) {
        margin-right: 0px;
    }

    .page-home .pane-partners-panel-pane-2 .views-row .image img {
        width: 100%;
        height: auto;
        padding-right: 0;
    }

    .page-home .pane-wwe-panels-pillar-items article {
        width: 100%;
    }

    .page-home .pane-wwe-panels-pillar-items .pane-title,
    .page-home .pane-node article .field-name-body .field-item > p:first-child {
        font-size: 23px;
        background-size: 120%;
    }

    #frontpage-slider .flex-nav-container {
        width: 100%;
    }

    #frontpage-slider .flexslider-content .slides > li {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    #frontpage-slider .flex-direction-nav li a {
        top: -110px;
    }

    #frontpage-slider .flex-direction-nav {
        display: none;
    }

    #frontpage-slider .flex-caption {
        height: 55px;
        padding: 5px 20px;
        position: relative;
        margin-top: 4%;
        background: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 0px;
    }

    #frontpage-slider .flex-caption .caption-type {
        font-size: 14px;
        color: #e4252b;
        text-shadow: none;
        width: 26%;
        border-right: 1px solid #d7d7d7;
        height: 90%;
        padding-right: 0px;
    }

    #frontpage-slider .flex-caption strong {
        font-size: 17px;
        overflow: hidden;
        padding-top: 11px;
        color: #222222;
        text-shadow: none;
        font-family: 'GibsonLightBold';
        width: 74%;
        border-left: 0px;
        height: 52px;
        padding: 0px 0px 0px 10px;
    }

    #frontpage-slider .flex-control-nav li {
        margin: 0px;
    }

    #frontpage-slider .flex-control-nav li a {
        font-size: 31px;
    }

    #frontpage-slider .flex-control-paging {
        position: relative;
        left: 15px;
    }

    #frontpage-slider,
    .page-home .pane-wwe-panels-pillar-items,
    .page-home .view-partners,
    .page-home .pane-partners-panel-pane-2 h2 {
        margin: 4%;
    }

    .page-home .pane-wwe-panels-pillar-items article {
        margin-bottom: 4%;
        margin-bottom: 4%;
        width: 48%;
        margin-right: 4%;
    }

    .page-home .pane-wwe-panels-pillar-items article:nth-child(even) {
        margin-right: 0px;
    }

    .page-home .pane-wwe-panels-pillar-items article .home-link-copy h5 {
        width: auto;
        white-space: normal;
        line-height: 130%;
        overflow: hidden;
    }

    /* Global Fixes */

    .views-view-grid tbody tr td {
        float: left;
        display: block;
        clear: both;
        padding-bottom: 12px;
    }

}


/****************** SMALLER TABLET ******************/

@media only screen and (min-width: 569px) and (max-width: 739px) {

    #primary li a {
        padding: 51px 15px 17px 15px;
    }

}

/****************** TABLET ******************/

@media only screen and (min-width: 740px) and (max-width: 1044px) {

    /* Global Overrides */

    body {
        -webkit-text-size-adjust: none;
    }

    #global-wrapper,
    #ribbon .ribbon-inner,
    #header .header-inner,
    #footer .footer-inner {
        width: 100%;
    }

    #page {
        margin-top: 0px;
    }

    #ribbon .ribbon-inner {
        padding-right: 20px;
    }

    #block-wwe_user-wwe-user-login .content a,
    #block-wwe_user-wwe-user-login .content a:last-child:before {
        font-size: 14px;
    }

    #page-outer {
        margin: 17px;
        width: 96.5%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #logo {
        margin-left: 20px;
        padding-right: 20px;
    }

    #primary li a {
        padding: 51px 20px 17px 20px;
    }

    #primary li a.icon-hope:before {
        left: 31%
    }

    #primary li a.icon-military:before {
        left: 32%
    }

    #header .share-icons {
        display: none;
    }

    #footer {
        position: relative;
        padding: 0px 20px;
    }

    #search {
        padding-right: 20px;
    }

    #frontpage-slider .flex-caption,
    #frontpage-slider .flexslider .slides img {
        left: -1px;
        position: relative;
    }

    /* Layouts */

    .bryant-flipped-sidebar,
    .breham-flipped-sidebar {
        width: 24.277%;
    }

    .bryant-flipped-content,
    .breham-flipped-content {
        width: 75.723%;
    }

    .for-pst-container article {
        margin: 0px 2.5% 3.5% 0px;
        width: 31.6%;
    }


}