/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/* ----------------------------- *\
   IODD CUSTOM CSS
\* ----------------------------- */

@media only screen and ( max-width: 1087px ) {
  .hero-featured-container .hero-featured-text-container {
    width: 63%;
    z-index: 999;
  }
}

/* Fluid Width */
@media only screen and ( max-width: 67.25em ) /* 1076px */ {
  .wrapper-main,
  #branding {
    width: 95%;
    margin: 0 2.5%;
  }
}

@media only screen and ( min-width: 64.063em ) /* 1025px */ {
  .node-main .node-content-container {
    min-height: 300px;
  }
  
  .page-science-landing .hero-large-left-container .hero-image-container img {
    max-width: none;
  }
  
  .science-full-image img {
    max-width: 512px;
  }
  
  .hero-large-left-container .hero-image-container .views-field-field-main-image img {
    min-height: 350px;
  }
  
  .page-videos .view-filters {
    top:-7px;
  }
  
  .page-science-landing .hero-large-left-container .hero-content-right {
    padding: 20px 20px 20px 20px ;
  }
}

@media only screen and ( max-width:64.00em ) /* 1024px */ {
  #main-content-header {
    display: none;
  }
  
  .menu.primary-menu li.first a {
    padding-left: 0;
  }

  #primary-menu-bar li.active-trail.active.first a {
    padding-left: 0 !important;
  }

  
  .front .content-container .content-title-bar-fix {
    top:0;
  }
  
  .front .view-filters {
    top: 45px;
  }

  .at-panel > .hero-container {
    background: none;
    padding-top: 0; 
    
  }
  .hero-container .region:first-child,
  .hero-container .region {
    width: 100%;
    float: none;
    padding: 0;
  }
  
  .hero-container div[class*="-second"] .views-row-1 {
    border-top: 2px solid grey;
  }
  
  .hero-featured-container .views-row {
    border-bottom: 2px solid grey;
  }
  
  .hero-featured-container .views-row {
    margin: 0 !important;
  }
  
  .hero-container .wrapper-main {
    width: 100%;
    margin: 0;
  }
  
  .hero-container .region:first-child .block-content {
    line-height: 0;
  }
  
  #search-block-form {
    margin: 9px 70px;
  }
  
  input[type=checkbox]#menu +label,
  input[type=checkbox]#share +label {
    display: block;
    top: 0;
    margin: 2px 2.5%;
  }
  
  input[type=checkbox]#menu +label:after,
  input[type=checkbox]#share +label:after {
    position: absolute;
    color: #FFFFFF;
    left: .25em;
    top: 0;
    content: "\2261";
    font-size: 1.8em;
    z-index: 4;
    transform: scale(2.2, 1.3);
    -webkit-transform: scale(2.2, 1.3);
  }
  input[type=checkbox]#share +label:after {
    font-family: "icons";
    content: "\e600";
    -webkit-transform: inherit;
    transform: inherit;
    font-size: 1.3em;
    width: 20px;
  }

  input#share:checked ~ .header-fix .pane-menu-menu-main-social-links {
    position: absolute;
    right: 0;
  }

  input#share:checked ~ .header-fix .pane-menu-menu-main-social-links .menu {
    background: #1E1E1E;
    min-width: 180px;
  }

  .pane-menu-menu-main-social-links .block-inner h2.pane-title {
    position: relative;
    left: inherit;
    display: block;
    text-indent: 20px;
    text-align: left;
    font-weight: bold;
    background: #000;
    width: 100%;
  }

  .pane-menu-menu-main-social-links .menu li:first-child {
    margin-left: -20px;
    margin-top: 0px;
  }

  .pane-menu-menu-main-social-links .menu li {
    text-indent: 30px;
    margin-left: -20px;
    display: block;
  }

  .pane-menu-menu-main-social-links .menu li a {
    width: 200px;
    font-size: 14px;
    line-height: 20px;
    margin-left: 20px;
    padding-left: 20px;
    padding-top: 5px;
    text-transform: lowercase;
  }

  .pane-menu-menu-main-social-links .menu li a:hover {
    background-color: #404041;
    width: 200px;
  }

  .pane-menu-menu-main-social-links .menu li a:after {
    top: 0;
    font-size: 20px;
    margin-left: 20px;
    margin-top: 6px;
  }
  
  input[type=checkbox]#share +label {
    margin-right: 50px !important;
    margin-top: 10px !important;
  }
  
  #branding .pane-menu-menu-main-social-links {
    display: none !important;
  }
  
  .hero-featured-container .hero-image-container {
    max-width: 102px;
  }
  
  .hero-featured-container .hero-featured-text-container,
  .hero-featured-container .hero-title-container {
    width: 80%;
/*    left: 100px; */
  }
  
  .view-filters {
    right: 0;
    top: 5%;
  }
  
  #quicktabs-whats_happening_quicktab .item-list {
    right: 0 !important;
  }

  
  .content-container .content-title-bar-fix {
    height: 88px;
  }
  
  .content-container h2.pane-title.block-title {
    padding-top: 1.2%;
    margin-bottom: 1.9em;
  }
  
  .content-container .view-content > div {
    width: 31%;
    margin-right: 2.7%;
  }
  
  .content-container .view-content > div.views-row-4, .content-container .view-content > div.views-row-8, .content-container .view-content > div.views-row-12, .content-container .view-content > div.views-row-16, .content-container .view-content > div.views-row-20, .content-container .view-content > div.views-row-24, .content-container .view-content > div.views-row-28, .content-container .view-content > div.views-row-32, .content-container .view-content > div.views-row-36, .content-container .view-content > div.views-row-40, .content-container .view-content > div.views-row-44, .content-container .view-content > div.views-row-48, .content-container .view-content > div.views-row-52, .content-container .view-content > div.views-row-56, .content-container .view-content > div.views-row-60, .content-container .view-content > div.views-row-64, .content-container .view-content > div.views-row-68, .content-container .view-content > div.views-row-72, .content-container .view-content > div.views-row-76, .content-container .view-content > div.views-row-80 .content-container .view-content > div.views-row-84, .content-container .view-content > div.views-row-88, .content-container .view-content > div.views-row-92, .content-container .view-content > div.views-row-96, .content-container .view-content > div.views-row-100 {
    margin-right: 2.7% !important;
  }
  
  
  
  .content-container .view-content .views-row-3,
  .content-container .view-content .views-row-6,
  .content-container .view-content .views-row-8 {
    margin-right: 0 !important;
  }
  
  .hero-featured-container .views-row {
    height: auto !important;
  }
  
  .hero-featured-image { 
    line-height: 0;
  }

  .node-type-athlete .views-row {
    width: 32%;
  }
  
  .athlete-full-section-hero {
    padding-top: 0;
  }
  
  .athlete-full-hero {
    margin-bottom: 0;
    max-height: none;
  }
  
  .athlete-full-section-hero .wrapper-main {
    width: 100%;
    margin: 0;
  }
  
  
  .page-athletes 
  .athlete-full-hero .athlete-full-hero-middle {
    width: 60%;
    padding: 2.5% 2.5% 1% 2.5%;
    max-width: none;
  }
  
  .athlete-mobile-summary-container {
    float: left;
    width: 100%;
    padding: 2em 0;
  }
  
  .athlete-full-hero .athlete-full-hero-image {
    min-width: 300px;
  }
  
  .athlete-full-hero .athlete-full-hero-youtube {
    max-width: 100%;
    padding: 1% 2.5% 2.5% 2.5%;
    width: auto;
    text-align: center;
    padding-bottom: 0;
    float: left;
  }
  
  .athlete-mobile-summary {
    width: 90%;
    margin: 0 auto;
  }
  
  
  .page-athletes .view-filters {
    top: 24px;
  }
  
  .page-athletes .pane-menu-menu-page-social-links {
    top: 12px;
  }
  
  .page-athletes .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    top: 8px;
  }

  .page-science-landing .hero-large-left-container .hero-content-right {
    width: 100%;
    min-height: 0;  
    background: #f18018;
    background: rgba( 241, 128, 24, .9 );
    padding-bottom: 0;
  }
  
  .page-science-landing .hero-large-left-container .hero-container .hero-content-container {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  
  .page-science-landing .hero-large-left-container .hero-container .hero-content-container .hero-content-container {
    position: relative !important;
  }
  
  .page-science-landing .hero-large-left-container .callout-read-more a {
    background: url( images/callout-arrow-bg2.png ) no-repeat bottom right;
  }
  
  .page-science-landing .hero-large-left-container .hero-image-container {
    width: 100%;
  }
  
  .page-science-landing .hero-large-left-container .hero-title-container {
    color: #fff !important;
  }
  
  .page-science-landing .view-home-page-featured-content .views-row-1,
  .page-science-landing .view-home-page-featured-content .views-row-2 {
    width: 100%;
    margin: 0;
  }

  .page-science-landing .hero-content-container.science-hero-content-container .field-content p:last-child {
    margin-bottom: 60px;
  }
  
  .content-container .content-title-bar-fix {
    height: 76px;
    top: 0;
  }
  
  .page-science-landing .content-container .pane-menu-menu-page-social-links {
    top: 11px;
  }
  
  .content-container h2.pane-title.block-title {
    padding-top: .5em;
    margin-bottom: 1em;
  }
  
  .page-science-landing .hero-featured-container .hero-title-container {
    position: relative;
    top:0;
    left:0;
    padding-top: .8em;
  }
  
  .page-team .content-container .content-title-bar-fix {
    display: none;
  }
  
  .page-team .content-container .hero-featured-container .views-row-1,
  .page-team .content-container .hero-featured-container .views-row-2 {
    width: 100%;
  }
  
  .page-team #content-column .wrapper-main {
    width: 100%;
    margin: 0;
  }

  .page-team .pane-menu-menu-page-social-links .block-inner {
    padding-top: .6em;
  }
  
  .page-images .content-container .content-title-bar-fix {
    top: 0;
  }
  
  .page-images .quicktabs-wrapper>.item-list {
    position: relative;
    top:0; left:0; bottom:0; right:0;
    display: inline-block;
    margin-top: 2em;
  }
  
  .page-images .view-filters {
    top: 2em;
    right: 0;
  }
  
  .node-type-science-item .views-row,
  .page-science-landing .views-row {
    width: 31%;
    margin-right: 2.33333333333%
  }
  
  .node-type-science-item .science-full-title {
    width: 100%;
    min-height: 0;
    padding: .5em;
  }
  
  .video-player-container {
    padding: 0;
  }

  .video-player {
    margin: 0 !important;
  }

  .page-videos .video-header-title {
    text-align: center;
    float: none;
  }

  .page-videos .video-header-title h2 {
    font-family: 'aaux_reg', arial, san-serif;
    font-size: 20px;
  }

  .page-videos .video-social {
    text-align: center;
    float: none;
    width: 50%:
    margin-left: auto;
    margin-right: auto;
  }
  
  .video-player-container .wrapper-main {
    width: 100%;
    margin: 0;
  }
  
  .page-videos .video-player {
    width: 100%;
  }
  
  .page-news .content-container .content-title-bar-fix,
  .page-videos .content-container .content-title-bar-fix {
    top:0;
  }
  
  .page-news .content-container .pane-menu-menu-page-social-links,
  .page-videos .content-container .pane-menu-menu-page-social-links {
    top: 1em;
  }
  
  .page-news .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title,
  .page-videos .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    top: 8px;
  }
  
  .page-videos .quicktabs-wrapper>.item-list {
    top: 1.83em;
  }
  
  .page-news .quicktabs-wrapper>.item-list {
    right: 0;
  }
  
  .page-news .view-filters {
    top: 42px;
  }
  
  .node-type-news-item #content .wrapper-main {
    width: 100%;
    margin: 0;
  }
  
  /*
.node-main .node-image-container,
  .node-type-news-item .node-main .node-image-container {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 0;
    margin-bottom: 0;
    max-height: 500px;
    overflow: hidden;
    width: 100% !important;
    text-align: center;
    line-height: 0;
  }
*/
  
  .node-main
  .node-type-news-item .node-main {
    padding: 0;
  }
  
  .node-main article,
  .node-type-news-item .node-main article {
    margin-bottom: 0;
  }
  
  .node-main .node-image-container,
  .node-type-news-item .video-social-icons {
    width: auto;
    min-width: 156px;
  }
  
  .page-search #content {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  
  .page-search .node-main {
    padding-bottom: 0;
  }
  
  .page-search #content .wrapper-main {
    width: 100%;
    margin: 0;
  }
  
  .official_refuel {
    text-align: center;
  }
  
  .official_refuel li {
    width: 12.5%;
  }
  
  .official_refuel li:first-child {
    display: block;
    width: 100%;
    margin-bottom: 2em;
  }
  
  input[type=search] {
    background: transparent url(images/search.png) no-repeat 0px center;
      background-color: #1E1E1E;
    border: solid 1px #ccc;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
  }
  input[type=search]:focus {
    width: 130px;
    background-color: #fff;
  }
  .pane-search-form #search-block-form input[type=search] {
      font-size: 1em;
      color: transparent;
      cursor: pointer;
      margin-right: -23px;
      padding-left: 9px;
      position: relative;
      width: 31px;
      z-index: 900;
      vertical-align: top;
  }
  .pane-search-form #search-block-form input[type=search]:focus {
    width: 160px;
    color: #000;
    background: #fff;
    cursor: auto;
    margin-right:0;
    position:static;
    
  }
  
  .pane-search-form #search-block-form input:-moz-placeholder {
    color: transparent;
  }
  .pane-search-form #search-block-form input::-webkit-input-placeholder {
    color: transparent;
  }
  
   .navigation-container > .wrapper-main,
   .nav {
      position: absolute;
      top: 0;
    }
  
    .nav {
      width: 100%;
      min-height: 47px;
    }
  
    .nav > nav {
      position: absolute;
      top: -20em;
      right: 20em;
      width: 20em;
      opacity: 0;
    }
  
    input#menu:checked ~ .navigation-container > .wrapper-main > .nav nav {
      opacity: 1;
      top: 47px;
      z-index: 100;
      -webkit-box-shadow: 30em 0 0 0em #3C3347/*rgba(0, 0, 0, 0.3)*/;
      -moz-box-shadow: 30em 0 0 0em #3C3347/*rgba(0, 0, 0, 0.3)*/;
      box-shadow: 30em 0 0 0em #3C3347/*rgba(0, 0, 0, 0.3)*/;
      margin: 0;
      background: none repeat scroll 0 0 #3C3347;
      z-index: 999999999999999;
    }
  
    input#share:checked ~ .header-fix .pane-menu-menu-main-social-links {
      display: inline-block !important;
      opacity: 1;
      top: 48px;
      z-index: 100;
      -webkit-box-shadow: 30em 0 0 0em #3C3347/*rgba(0, 0, 0, 0.3)*/;
      -moz-box-shadow: 30em 0 0 0em #3C3347/*rgba(0, 0, 0, 0.3)*/;
      box-shadow: 30em 0 0 0em #3C3347/*rgba(0, 0, 0, 0.3)*/;
      margin: 0;
      background: none repeat scroll 0 0 #3C3347;
      z-index: 999999999999999;
    }
  
    input:checked ~ .navigation-container > .wrapper-main > .nav nav ul > li {
      width: 100%;
      height: 100%;
      padding: 8px 8px 8px 25px !important;
      margin: 0;
    }
  
    #page nav {
      right: 0 !important;
    }
    
    .nav ul.menu {
      background: #1E1E1E;
    }
    
    .nav li a, .nav ul.menu li a {
      padding-left: 0;
    }
    
    nav ul.menu li a:hover {
      color: #f18018 !important;
      text-decoration: none;
      opacity: 1 !important;
    }
    
    #primary-menu-bar li.active-trail a {
      color: #f18018 !important;
      background: none;
    }
    
  .page-science-landing .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    top:12px;
  }
  
  .node-type-science-item .science-full-hero {
    max-height: none;
  }
  
  .science-full-image {
    width: 100%;
  }
  
  .image-gallery-link-container {
    display: none;
  }
  
  .page-videos .view-filters {
    right: 0;
    top: 5px;
  }
  
  .page-videos .content-container .content-title-bar-fix {
    height: 92px;
  }
  
  .page-videos .content-container h2.pane-title.block-title {
    margin-bottom: 2em;
  }
  
  .node-type-athlete .content-column,
  .athlete-full-section-bottom {
    background: none;
  }
  
  .content-container .view-content > div.views-row {
    margin-left: 1% !important;
    margin-right: 1% !important;
  }

  /* Contact Us CSS */
  .page-node-638 .field-name-title,
  .page-node-638 .field-name-body,
  .page-node-638 form.webform-client-form {
    padding: 0 20px;
  }
  
}

@media only screen and (max-width: 860px) {
  /* Contact Us CSS */
  .page-node-638 form.webform-client-form .webform-component-textfield,
  .page-node-638 form.webform-client-form .webform-component-email {
    position: relative;
    width: 100%;
  }

  .page-node-638 form.webform-client-form .webform-component-textfield label,
  .page-node-638 form.webform-client-form .webform-component-email label {
    width: 85px;
  }

  .page-node-638 form.webform-client-form .webform-component-textfield span.wrap,
  .page-node-638 form.webform-client-form .webform-component-email span.wrap {
    left: 85px;
    right: 0;
    top: 0;
    position: absolute;
  }

  .page-node-638 form.webform-client-form .webform-component-textfield input,
  .page-node-638 form.webform-client-form .webform-component-email input {
    width: 100%;
    margin-right: 0;
  }

  .page-node-638 form.webform-client-form .webform-component-checkboxes {
    margin-left: 65px;
  }

  .page-node-638 form.webform-client-form .form-actions {
    margin-left: 85px;
  }
}

@media only screen and (max-width: 840px) {

  .athlete-full-hero .athlete-full-hero-image {
    min-width: 265px;
  }
  .athlete-full-hero .athlete-full-hero-youtube {
    max-width: 57%;
  }
}

@media only screen and (max-width: 820px) {
  #lightbox2-overlay {
    width: 100% !important;
  }

  #lightbox #outerImageContainer {
    width: 100% !important;
    height: 100% !important;
  }

  #lightbox #outerImageContainer #modalContainer {
    overflow: visible !important;
    height: 100% !important;
    width: 100% !important;
  }

  #lightbox #outerImageContainer #modalContainer .lightbox-images-top .video-social {
    width: 100%;
  }

  #lightbox #outerImageContainer #modalContainer .lightbox-images-nav-image {
    width: 100%;
  }

  #lightbox #outerImageContainer #modalContainer .lightbox-images-bottom-left {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) { 
  .front .view-filters {
    top: 101px;
  }
  
  .front #quicktabs-whats_happening_quicktab .item-list {
    top: 64px;
  }
  
  .front .content-container h2.pane-title.block-title {
    margin-bottom: 2em;
  }
  
  .front .content-container .content-title-bar-fix {
    height: 134px;
  }

  .content-container .view-content > div {
    width: 48%;
    margin-right: 1.459%;
  }
  
  .content-container .view-content .views-row-3 {
    margin-right: 1.459% !important;
  }
  
  .content-container .view-content .views-row-2 {
    margin-right: 0 !important;
  }
  
  .content-container h2.pane-title.block-title {
    text-align: center;
  }
  
  #quicktabs-whats_happening_quicktab .item-list {
    right: 0 !important;
    left: 0;
    text-align: center;
    top: 54px;
  }
  
  .quicktabs-tabs:before {
    content: "Sort by";
    margin: 0 !important;
  }
  
  .view-filters {
    left: 0;
    top: 88px;
    text-align: center;
  }
  
  .content-container .content-title-bar-fix {
    height: 120px;
  }
  
  .view-id-whats_happening .view-content {
    padding-top: 26px;
  }
  
  /*
.page-athletes .content-container h2.pane-title.block-title {
    padding: 1.3em 0 .8em 0;
  }
*/
  
  .page-athletes .content-container .pane-menu-menu-page-social-links {
    left: 0;
    right: 0;
    text-align: center;
  }
  
  .page-athletes .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    top: auto;
    position: relative;
    display: inline-block;
  }
  
  .page-athletes .pane-menu-menu-page-social-links {
margin-right: 0;
}

.page-athletes .content-container .pane-menu-menu-page-social-links .block-content {
margin-left: 10px;
}

.page-athletes .content-container .pane-menu-menu-page-social-links .menu li {
height: 17px;
}
  
  .page-athletes .pane-menu-menu-page-social-links {
    top: 4.5em;
  }
  
  .page-athletes .view-filters {
    top: 120px;
  }
  
  .page-athletes .content-container .content-title-bar-fix {
    height: 160px;
  }
  
  .node-type-athlete .views-row {
    width: 48%;
    margin-right: 2.1%
  }
  
  .node-type-athlete .views-row.views-row-even {
    margin-right: 0;
  }
  
  .page-science-landing .content-container .pane-menu-menu-page-social-links {
    position: relative;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align: center;
    width: 100%;
    margin-bottom: 1.2em;
  }
  
  .page-science-landing .content-container h2.pane-title.block-title {
    margin-bottom: 0;
  }
  
  .page-science-landing .pane-science-landing-panel-pane-1 {
    margin-top: 6em;
  } 
  
  .page-science-landing .hero-featured-container .hero-featured-text-container,
  .page-science-landing .hero-featured-container .hero-title-container {
    width: 67%;
  }
  
  .page-images .quicktabs-wrapper>.item-list {
    width: 100%;
    text-align: center;
  }
  
  .page-images .view-filters {
    top: 5.5em;
  }
  
  .node-type-science-item .views-row,
  .page-science-landing .views-row {
    width: 47%;
  }
  
  .node-type-athlete .views-row.views-row-even {
    margin-right: 0;
  }
  
  .science-full-middle h1 {
    text-align: center;
    width: 100%;
  }
  
  .node-type-science-item .content-container .pane-menu-menu-page-social-links {
    position: relative;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align: center;
    width: 100%;
    margin-bottom: 1.2em;
  }
  
  .science-full-hero {
    width: 100%;
  }
  
  .page-videos .quicktabs-wrapper>.item-list {
    top: 80px;
    left: 0;
    right: 22px;
    bottom: 0;
    text-align: center;
  }
  
  .page-videos .content-container h2.pane-title.block-title {
    margin-bottom: 2.6em;
    padding-right: 35%;
  }
  
  .page-videos .content-container .pane-menu-menu-page-social-links {
    left: auto;
    right: 15%;
  }
  
  /*
.page-news .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    display: none;
  }
*/
  
  .page-news .quicktabs-wrapper>.item-list {
  	width: 100%;
    top: 80px;
    left: 0;
    right: 22px;
    bottom: 0;
    text-align: center;
  }
  
  .page-news .content-container h2.pane-title.block-title {
    margin-bottom: 3.8em;
    padding-right: 35%;
  }
  
  .page-athletes .content-container h2.pane-title.block-title {
    margin-bottom: 3.8em;
  }
  
  .page-news .content-container .pane-menu-menu-page-social-links {
    left: auto;
    right: 15%;
  }
  
  .page-news .view-filters {
    top: 124px;
  }
  
  .page-news .content-container .content-title-bar-fix {
    height: 158px;
  }
  
  .content-container .view-content > div.views-row-2, .content-container .view-content > div.views-row-4, .content-container .view-content > div.views-row-8, .content-container .view-content > div.views-row-12, .content-container .view-content > div.views-row-16, .content-container .view-content > div.views-row-20, .content-container .view-content > div.views-row-24, .content-container .view-content > div.views-row-28, .content-container .view-content > div.views-row-32, .content-container .view-content > div.views-row-36, .content-container .view-content > div.views-row-40, .content-container .view-content > div.views-row-44, .content-container .view-content > div.views-row-48, .content-container .view-content > div.views-row-52, .content-container .view-content > div.views-row-56, .content-container .view-content > div.views-row-60, .content-container .view-content > div.views-row-64, .content-container .view-content > div.views-row-68, .content-container .view-content > div.views-row-72, .content-container .view-content > div.views-row-76, .content-container .view-content > div.views-row-80 .content-container .view-content > div.views-row-84, .content-container .view-content > div.views-row-88, .content-container .view-content > div.views-row-92, .content-container .view-content > div.views-row-96, .content-container .view-content > div.views-row-100 {
    margin-right: 0 !important;
  }
  
  .pane-menu-menu-page-social-links .block-inner {
    max-width: 25%;
    margin: 0 auto;
  }

  .node-type-science-item .pane-menu-menu-page-social-links .block-inner {
    max-width: inherit;
    margin: 0;
  }
  
  .page-athletes .pane-menu-menu-page-social-links .block-inner {
    max-width: 100%;
  }
  
  .page-videos .content-container .content-title-bar-fix {
    height: 145px;
  }
  
  .views-exposed-form .form-select {
    float: none;
  }
  
  .page-videos .view-filters {
    right: 0;
    top: 95px;
    left: 0;
    text-align: center;
    width: 100%;
  }
  
  .page-videos .content-container h2.pane-title.block-title {
    margin-bottom: 3.6em;
  }
  
  .athlete-full-middle h1 {
    width: 100%;
    text-align: center;
  }
  
  .node-type-athlete .pane-menu-menu-page-social-links {
    float: none;
    width: 100%;
  }
  
  .node-type-athlete .pane-menu-menu-page-social-links .block-inner {
    max-width: 254px;
  }
  
  .page-vote .content-container .content-title-bar-fix {
    height: 300px;
  }

  .page-team .content-container .pane-menu-menu-page-social-links {
    position: relative;
    text-align: inherit;
    width: 100%;
    left: 0;
    margin-right: 0;
  }

  .page-team .content-container .pane-menu-menu-page-social-links .block-inner {
    padding-top: 0;
    margin: 0 auto;
    text-align: center;
  }

  .page-team .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
  display: block;
    top: inherit;
    margin-top: 10px;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .page-team .content-container .pane-menu-menu-page-social-links .block-content {
    margin-left: -13px;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 10px;
  }

  .page-science-landing .content-title-bar-fix {
    height: 144px;
  }

  .page-science-landing .content-container .pane-menu-menu-page-social-links {
    margin-right: 0;
  }

  .page-science-landing .pane-menu-menu-page-social-links .block-inner {
    max-width: 100%;
  }

  .page-science-landing .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    display: block;
    position: relative;
  }

  .page-science-landing .content-container .pane-menu-menu-page-social-links .block-content {
    margin-left: 0;
  }

  /*
.page-athletes .content-container h2.pane-title.block-title {
    padding-top: 1.6em;
  }
*/

  .page-athletes .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    display: block;
    padding-bottom: 0;
    margin-top: -10px;
    margin-bottom: 0;
  }

  .page-videos .content-container .pane-menu-menu-page-social-links {
    margin-right: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .page-videos .pane-menu-menu-page-social-links .block-inner {
    text-align: center;
  }

  .page-videos .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    display: block;
    width: 100%;
    position: relative;
    left: 0;
    text-align: center;
    padding-right: 0;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .page-videos .content-container .pane-menu-menu-page-social-links .block-content {
    display: block;
    margin-top: -5px;
    margin-left: 0;
  }

  .page-videos .content-container h2.pane-title.block-title {
    padding-right: 0;
    padding-top: 0;
  }

  .page-videos .block-content #quicktabs-videos ul.quicktabs-tabs {
    margin-top: 10px;
  }

  .page-vote .vote-submit-btn.top {
    position: relative;
  }
}

@media only screen and (max-width: 678px) {
  .hero-featured-container .hero-featured-text-container, .hero-featured-container .hero-title-container {
    width: 70%;
  }
}

@media only screen and (max-width: 666px) {

  .athlete-full-hero .athlete-full-hero-image {
    min-width: 230px;
  }
  .athlete-full-hero .athlete-full-hero-youtube {
    max-width: 60%;
  }
}

@media only screen and (max-width: 580px) {

  .athlete-full-hero .athlete-full-hero-image {
    min-width: 205px;
  }
  .athlete-full-hero .athlete-full-hero-youtube {
    max-width: 60%;
  }
  
  .node-main .node-image-container {
    width: 100%;
    margin: 0;
  }
  
  .node-main .node-image-container img {
    min-width: 100%;
  }

  .page-videos .view-more-videos-container {
    display: block;
  }

  .page-videos .view-more-videos-container:first-child {
    margin-right: 0;
  }

  .page-videos .view-more-videos-container:last-child {
    padding-top: .3em;
  }
  
}

@media only screen and (max-width: 520px) {

  .athlete-full-hero .athlete-full-hero-image {
    min-width: 186px;
  }
  .athlete-full-hero .athlete-full-hero-youtube {
    max-width: 60%;
  }
}



@media only screen and (max-width: 480px) {

	.front .view-filters {
		top: 128px;
	}
	
	.front .content-container .content-title-bar-fix {
		height: 161px;
	}

  .front ul.quicktabs-tabs > li {
    width: 134px;
  }
  
  .page-news ul.quicktabs-tabs > li {
    width: 122px;
  }
  
  .page-videos ul.quicktabs-tabs > li {
    width: 122px;
  }
  
  .page-science-landing .hero-large-left-container .hero-container .hero-content-container {
    position: relative;
    top: 0;
    bottom: auto;
    max-width: none;
  }
  
  .hero-large-left-container .at-panel div[class*='-first'] {
    bottom: auto;
    top: 0;
    background: #000;
    position: relative;
  }
  
  .hero-large-left-container {
    max-height: none;
    height: auto;
  }
  
  .content-container .view-content > div {
    width: 100%;
    margin-right: 0 !important;
  }
  
  .athlete-full-hero .athlete-full-hero-youtube {
    max-width: 100%;
  }
  
  #quicktabs-whats_happening_quicktab .item-list li {
    margin-bottom: 10px;
  }
  
  .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
  	  display: block;
	  position: relative;
  }
  
  .content-container .pane-menu-menu-page-social-links .menu li {
	  height: 20px;
	  margin-top: 8px;
  }
  
  #quicktabs-news ul.quicktabs-tabs {
	  margin-top: 8px;
	  padding-left: 0;
  }
  
  #page .quicktabs-tabs li.first {
	  margin-left: 0;
  }
  
  .quicktabs-tabs:before {
    display: block;
    margin: 0 0 6px !important;
  }
  
  .view-filters {
    top: 122px;
  }
  
  .view-id-whats_happening .hero-content-container,
  .hero-featured-container .hero-title-container {
    width: 60% !important;
  }
  
  .view-id-whats_happening .view-content
  .hero-featured-container .hero-featured-text-container,
  .hero-featured-container .hero-title-container {
    width: 75%;
  }
  
  .content-container .content-title-bar-fix {
    height: 151px;
  }
  
  .view-id-whats_happening .view-content {
    padding-top: 57px;
  }
  
  .page-videos .content-container .pane-menu-menu-page-social-links .block-content {
	  margin-top: 3px;
  }
  
  /*
.page-athletes .content-container h2.pane-title.block-title {
    padding: 1.6em 0;
  }
*/

.page-science-landing .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
	padding-top: 0;
}

.page-science-landing .content-container .pane-menu-menu-page-social-links .block-content {
	margin-top: 8px;
}

  .page-science-landing .hero-content-container.science-hero-content-container .field-content p:last-child {
    margin-bottom: 40px;
  }
  
  .node-type-athlete .views-row {
    width: 100%;
    margin-right: 0;
  }
  
  .athlete-full-hero .athlete-full-hero-image {
    max-width: none;
    float: none;
    width: 100%;
    min-height: 0;
  }
  
  .athlete-full-hero .athlete-full-hero-youtube {
    width: 100%;
  }
  
  .athlete-full-section-middle .content-container .pane-menu-menu-page-social-links {
    position: relative;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;
  }
  .athlete-full-section-middle {
    text-align: center;
    padding: 2em 0;
    width: 100%;
  }
  
  .page-science-landing .content-title-bar-fix {
    height: 144px;
  }
  
  .node-type-science-item .views-row,
  .page-science-landing .views-row {
    width: 100%;
    margin-right: 0;
  }
  
  .page-videos .content-container .pane-menu-menu-page-social-links {
    left: -1.2em;
    right: auto;
    text-align: center;
    width: 100%;
    top: 3.5em;
  }
  
  .page-videos .content-container h2.pane-title.block-title {
    padding-right: 0;
  }
  
  .page-videos .quicktabs-wrapper>.item-list {
    top: 96px;
  }
  
  .page-videos .content-container h2.pane-title.block-title {
    margin-bottom:3.6em;
  }
  
  .page-videos .content-container .content-title-bar-fix {
    height: 161px;
  }
  
  .page-news .content-container h2.pane-title.block-title {
    padding-right: 0;
  }
  
  .page-news .quicktabs-wrapper>.item-list {
    top: 96px;
  }
  
  .page-news .content-container h2.pane-title.block-title {
    margin-bottom: 5.2em;
  }
  
  .page-news .content-container .pane-menu-menu-page-social-links .block-content {
    margin-left: 16px;
  }
  
  .page-news .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
  	  padding-top: 0;
	  margin-bottom: 0;
  }
  
  .page-news .content-container .content-title-bar-fix {
    height: 205px;
  }
  
  .page-news .content-container .pane-menu-menu-page-social-links {
    /* left: -1.2em; */
    right: auto;
    text-align: center;
    width: 100%;
    top: 3.5em;
  }
  
  .page-news .view-filters {
    top: 164px;
  }
  
  #page nav {
    right: 0 !important;
    left: 0 !important;
    width: 100%;
  }
  
  .page-videos .content-container .content-title-bar-fix {
    height: 170px;;
  }
  
  .page-videos .view-filters {
    top: 115px;
  }
  
  .page-videos .content-container h2.pane-title.block-title {
    margin-bottom: 4.5em;
  }
  
  .pane-menu-menu-page-social-links .block-inner {
    max-width: 100%;
  }
  
  .page-videos .pane-menu-menu-page-social-links .block-inner,
  .page-photos .pane-menu-menu-page-social-links .block-inner {
    max-width: 100%;
  }

  .node-type-science-item .pane-menu-menu-page-social-links .block-inner {
    max-width: inherit;
  }
  
  .page-science-landing .content-container h2.pane-title.block-title {
    line-height: 1;
  }
  
  .page-vote .content-container .content-title-bar-fix {
    height: 400px;
  }
  
  
  .page-vote .vote-submit-btn input[type="submit"] {
    width: 100%;
  }

  .page-vote .vote-submit-btn.top {
    margin-left: 0;
    padding: 0;
    width: 100%;
  }
  
  .page-videos .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    margin-top: -15px;
  }

  .page-videos .content-container .pane-menu-menu-page-social-links {
    left: 0;
  }

  .front .content-container .content-title-bar-fix {
    height: 174px;
  }

  .front #quicktabs-whats_happening_quicktab .item-list {
    top: 54px;
  }

  .front #quicktabs-whats_happening_quicktab .item-list li {
    display: block;
    margin: 0 auto;
  }

  .front #quicktabs-whats_happening_quicktab .item-list li.last {
    margin-top: 10px;
  }

  .front .view-filters {
    top: 150px;
  }

  .page-images .view-filters {
    top: 7em;
  }

  /* Contact Us CSS */
  .page-node-638 form.webform-client-form .webform-component-textfield,
  .page-node-638 form.webform-client-form .webform-component-email {
    margin-bottom: 0;
    margin-top: 0;
  }

  .page-node-638 form.webform-client-form .webform-component-textfield span.wrap,
  .page-node-638 form.webform-client-form .webform-component-email span.wrap {
    position: relative;
  }

  .page-node-638 form.webform-client-form .webform-component-textfield label,
  .page-node-638 form.webform-client-form .webform-component-textfield input,
  .page-node-638 form.webform-client-form .webform-component-email label,
  .page-node-638 form.webform-client-form .webform-component-email input {
    width: 100%;
  }

  .page-node-638 form.webform-client-form .webform-component-checkboxes {
    margin-left: 0;
  }

  .page-node-638 form.webform-client-form .form-actions {
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
  .two-33-66 > .region-two-33-66-second, .two-66-33 > .region-two-66-33-first {
    width: 100% !important;
  }
}

@media only screen and (max-width: 598px) {
  input[type=checkbox]#menu +label,
  input[type=checkbox]#menu +label {
    right: 1em;
    top: 43px;
  }
  
  input[type=checkbox]#share +label {
    margin-right: 60px !important;
    margin-top: 53px !important;
  }

  input#menu:checked ~ .navigation-container > .wrapper-main > .nav nav {
    top: 85px;
  }

  input#share:checked ~ .header-fix .pane-menu-menu-main-social-links {
    top: 87px;
    left: 0;
    position: absolute;
    margin-bottom: 5px !important;
    margin-left: -5%;
    width: 110%;
  }

  #page {
    overflow: hidden;
  }

  input#share:checked ~ .header-fix {
    margin-bottom: 191px;
  }
  
  .pane-menu-menu-main-social-links {
    width: 100%;
  }

  .pane-menu-menu-main-social-links .menu {
    width: 100% !important;
  }

  .pane-menu-menu-main-social-links .menu li a {
    width: 700px;
  }
  
  .pane-menu-menu-main-social-links .menu li a:hover {
    width: 700px;
  }

  #header {
    height: 87px;
  }
  
  #page nav {
    right: 0 !important;
    left: 0 !important;
    width: 100%;
  }
  
  #page nav {
    top: 84px;
  }
  
  .pane-search-form {
    min-width: 310px; 
  }
  
  #search-block-form {
    margin: 4px 90px 0 0;
  }
  
  #site-name {
    float: none;
  }
  
  #site-name a {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 380px) {

  .front .view-filters {
		top: 136px;
  }
  
  .front .content-container .content-title-bar-fix {
    height: 190px;
  }
  
  .front ul.quicktabs-tabs li {
	  display: block;
	  margin-left: auto !important;
	  margin-right: auto !important;
  }
  
  ul.quicktabs-tabs {
	  padding: 0;
  }

  .front .view-filters {
    margin-top: 25px !important;
  }
  
  .front .content-container h2.pane-title.block-title {
    margin-bottom: 2.8em;
  }
  
  .page-videos .page-videos .view-filters {
    top: 120px;
  }  
  
  .node-main .node-image-container,
  .node-type-news-item .node-main .node-image-container {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 0;
    margin-bottom: 0;
    max-height: 500px;
    overflow: hidden;
    width: 100% !important;
    text-align: center;
    line-height: 0;
  }

  .front .quicktabs-wrapper .pager-next.last {
    margin-left: 0 !important;
  }

  .node-type-science-item .pane-menu-menu-page-social-links .block-content ul {
    padding-left: 5px;
  }

  .page-news .content-container .content-title-bar-fix {
    height: 215px;
  }

  .page-news .view-filters {
    top: 190px;
    margin-left: 20px;
  }


}

@media only screen and (max-width: 480px) and (min-width: 320px) {
  .container {
    width: 100% !important;
  }
  
  .view-display-id-panel_pane_4 .views-row .region-two-33-66-second {
    width: 100% !important;
    padding-left: 120px !important;
  }
  
  .view-id-home_page_featured_content.view-display-id-panel_pane_4 .views-row .views-field-field-main-image {
    padding: 0 !important;
  }
  
  .page-science-landing .hero-large-left-container .hero-content-right {
    padding: 20px 65px 20px 20px;
  }
  
  
}

@media only screen and (max-width: 417px) {
  .hero-featured-container .hero-featured-text-container,
  .hero-featured-container .hero-title-container {
    width: 60%;
  }
}

@media only screen and ( max-width: 340px ) {
  .page-images #page .quicktabs-tabs li.last {
    margin-left: 0;
  }

  .page-images .view-filters {
    top: 8.5em;
  }
}

@media only screen and ( max-width: 320px ) {
  #main-content,
  /* .block-inner, */
  .pane-inner,
  .menu-wrapper,
  .breadcrumb-wrapper,
  .attribution,
  .at-panel .rounded-corner,
  .block-panels-mini > .block-title,
  div.messages {
    margin: 0 !important;
  }
  
  .page-team .pane-menu-menu-footer-social-links .menu li, .pane-menu-menu-page-social-links .menu li, 
  .page-team .pane-menu-menu-main-social-links .menu li, 
	.page-team  .content-container .pane-menu-menu-page-social-links .menu li {
		margin-left: 5.5px;
	}
  
  /*
.page-videos .content-container .pane-menu-menu-page-social-links {
    margin-left: 8px !important;  
  }
*/
  
  .page-science-landing .content-container .pane-menu-menu-page-social-links .block-content {
    margin-left: 0 !important;
  }
  
  /*
.page-science-landing .content-container .pane-menu-menu-page-social-links h2.pane-title.block-title {
    left:50px;
  }
*/
}