/**
 * Media Queries
 */

@media only screen and (max-width: 980px) {
  body {
    padding:20px;
  }

  .tabs {
    overflow: hidden;
  }

  /***** TYPOGRAPHY *****/
  #content h1 {
    /*color: #d2232a;*/
    font-family: sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px 0;
  }

  #content h2,
  #content #rightColumn #block-block-44 .featureBox.stories h2,
  #content .shadedBox h2,
  #content #block-block-41 h2,
  #content .shadedBox.i-poll h2,
  #content .featureBox.stories H2:first-child  {
    background: #808285;
    color: #ffffff;
    font-family: Georgia, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 25px 0 10px 0;
    padding: 5px;
    text-align: center;
    width: 100%;
  }
  .node-type-frontpage #content h2 {
    background: none;
    color: #000;
    text-align: inherit;
  }

  .node-type-static-page #content h2:first-child {
    margin-top:0;
  }

  #content h2 a,
  #content #rightColumn #block-block-44 .featureBox.stories h2 a,
  #content .shadedBox h2 a,
  #content #block-block-41 h2 a,
  #content .shadedBox.i-poll h2 a,
  #content .featureBox.stories H2:first-child a  {
    color: #ffffff !important;
  }

  img {max-width: 100%;}

  /***** LAYOUT *****/

  #main {
    width:100%;
  }

  #content {
    margin: 0;
    padding-top:0;
  }

  #leftColumn,
  .three-column #leftColumn,
  .two-column #leftColumn,
  .two-column-feature #leftColumn {
    border: 0;
    float:left;
    margin: 0 auto;
    max-width:55%;
    padding: 0 5% 0 0;
    width: 55%;
  }
  .stories #leftColumn,
  .node-type-static-page #leftColumn,
  .two-column-feature #leftColumn  {
    margin-top:25px;
  }

  .three-column #centerColumn,
  .two-column #rightColumn,
  .two-column-feature #rightColumn  {
    border: 0;
    float:left;
    margin: 0 auto;
    max-width:36%;
    padding: 20px 2% 0;
    width: 36%;
  }

  .three-column #centerColumn h2,
  .two-column #rightColumn h2,
  .two-column-feature #rightColumn h2  {
    margin-top:5px;
  }

  .two-column #leftColumn .reps-showcase {
    width:100%;
  }

  /* Split column example: /gvr */
  .two-column #leftColumn .split-column .split-column-left,
  .two-column #leftColumn .split-column .split-column-right  {
    border:0;
    float:none;
    max-width:100%;
    padding:0;
    width:100%;
  }

  /* La Vina Mods */
  .two-column #leftColumn .split-column {
    border:0;
    margin-top:0;
    padding-top:0;
  }
  .two-column #rightColumn .shadedBox, .two-column #rightColumn #block-block-41 {
    max-width:100%;
    width:100%;
  }
  .two-column #rightColumn #block-block-41 h2 {
    margin-top:10px;
  }
  #content .featureBox .shadowLeft {
    float:none;
    margin:0 auto;
  }
  #content #rightColumn #block-block-44 {
    text-align:center;
  }
  /* End La Vina Mods */

  /* Forum (pre-advanced forum) */
  .page-forum #leftColumn {
    max-width:94%;
    width:94%;
  }
  .page-forum #rightColumn {
    display:none;
  }

  #forum table {
    width:100%;
  }
  /* End Forum */


  #content .shadedBox,
  #content #block-block-41,
  #content #block-block-49 .survey_message_box {
    float:none;
  }

  .three-column #centerColumn .shadedBox,
  .two-column #rightColumn .shadedBox,
  #rightColumn .featureBox  {
    max-width:100%;
    width: 100%;
  }

  #rightColumn .featureBox  {
    border:0;
  }

  .three-column #rightColumn {
    border: 0;
    margin: 0 auto;
    max-width:90%;
    padding: 5%;
    width: 90%;
  }

  /* header */

  #logo {
    float:none;
    margin: 15px auto 0 auto;
    width: 300px;
  }
  #search-theme-form,
  #promo-area  {display: none;}
  #header-right {
    float: none;
    width: 100%;
  }
  .featureButtonHome,
  .featureButton  {display: none;}
  #login {
    float:none;
    padding:0;
    text-align: center;
    width:100%;
  }
  .homepage #login {padding:0;}


  /* nav */

  #topNav {
    margin:15px auto 15px auto;
    max-width:600px;
  }

  .menu {
    font-size:20px;
    width: 100%;}

  #topNav option {
    font-size: 14px;
    padding: 2px 5px;
  }

  /* content */

  #content hr {display: none;}
  #content img {margin: 0 0 15px 0;}

  .content ul,
  #content .shadedBox ul,
  #content .shadedBox ol,
  #content #block-block-41 ul,
  #content #block-block-41 ol {
    margin: 0 15px;
    padding: 0;
  }

  .content ol,
  #content .shadedBox.i-say ol {
    border: 0;
    margin: 0 22px;
    padding: 0;
  }

  /* i-poll */
  .interactive-nav {
    margin: 0 15px;
    padding: 0;
  }
  .form-radios {margin: 10px 5px;}
  .vote-form {margin: 10px 0;}
  .form-item {padding: 5px;}



  /* i-say */
  .socialMedia {margin: 15px 0 0 0;}
  .red {
    color: #d2232a;
    font-style: italic;
  }


  /*  Landing Page  */
  .node-type-landing-page .block-views {padding-right: 0;}
  #block-views-landing_page-block_1 .feature-content,
  #block-views-landing_page-block_3 .content,
  #block-views-landing_page-block_2 .content {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  #block-views-landing_page-block_3 .views-field-field-lp-listen-title-value {
    margin: 0;
    padding: 0;
    top: 0;
  }
  #block-views-landing_page-block_2 .views-row {min-height: 110px;}

  /*Landing Page*/
  .subscribe-landing-english #main, .subscribe-landing-spanish #main{
    width:912px !important;
  }

  .subscribe-landing-english .field-field-intro-blocks .field-item h2, .subscribe-landing-spanish .field-field-intro-blocks .field-item h2{
    background:none !important;
  }




  /* footer */
  #footer a {color: #ffffff;}
  ul.menu {list-style: none;}
  ul.menu li {
    display: inline;
    margin: 0 5px 0 0;
    text-align: center;
  }
  .feed-icon {display:none;}

  /**
   * COVER CONTEST
   */
  .node-type-webform-contest #webform-component-images .form-item label strong {
    font-size: 1.15em;
  }
}

@media only screen and (min-width: 320px) and (max-width: 664px) {
  body {
    padding:10px;
  }

  .three-column #leftColumn,
  .two-column #leftColumn,
  #leftColumn,
  .two-column-feature #leftColumn  {
    float:none;
    max-width:90%;
    width: 90%;
  }
  .three-column #centerColumn,
  .two-column #rightColumn,
  .two-column-feature #rightColumn  {
    float:none;
    max-width:90%;
    padding: 0 5%;
    width: 90%;
  }
  #block-block-11,
  #block-block-52  {
    text-align:center;
  }

  #logo {
    width: 250px;
  }

  /* Sample Story */
  div.featureImage {
    border:0;
    float:none;
    width:auto;
  }
  div.featureImage .shareIcons,
  div.audioSection  {
    display:none;
  }

  /*     Forum */
  #forum td.title {
    padding:10px;
  }
  /* End Forum */


  /*  Landing Page  */
  .node-type-landing-page #jquery-countdown {
    float: none;
    margin-top: 10px;
  }
  .node-type-landing-page .block-views {padding-right: 0;}
  #block-views-landing_page-block_1 .feature-content,
  #block-views-landing_page-block_3 .content,
  #block-views-landing_page-block_2 .content {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  #block-views-landing_page-block_1 .views-row {
    float: none;
    width: auto;
  }
  #block-views-landing_page-block_1 .views-row.odd {margin-right: 0;}
  #block-views-landing_page-block_3 .views-field-field-lp-listen-title-value {
    margin: 0;
    padding: 0;
    top: 0;
  }
  #block-views-landing_page-block_3 .listen .views-row {
    max-width: 32%;
    min-height: 175px;
  }
  #block-views-landing_page-block_3 .listen .views-row.even {margin-top: 0;}
  #block-views-landing_page-block_2 .views-row {
    max-width: 30%;
    min-height: 110px;
  }


  /*Landing Page*/

  #CSV-table-container {
    width: auto !important;
  }

  .subscribe-landing-english #main, .subscribe-landing-spanish #main {
    width:100% !important;
  }

  .subscribe-landing-english .content-header-left, .subscribe-landing-spanish .content-header-left {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 48px;
  }

  .subscribe-landing-english .field-field-intro-blocks .field-item, .subscribe-landing-spanish .field-field-intro-blocks .field-item,
  .subscribe-landing-spanish .field-field-intro-blocks .field-item, .subscribe-landing-spanish .field-field-intro-blocks .field-item {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    left:auto !important;
    top:auto !important;
    display:inline-block !important;
    padding: 0px !important;
    margin-bottom:20px;
  }

  .subscribe-landing-english .field-field-intro-blocks .field-item .inner,
  .subscribe-landing-spanish .field-field-intro-blocks .field-item .inner {
    display: block;
    background-color: none;
    border: none !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
  }

  .subscribe-landing-english .field-field-intro-blocks .field-item .inner .text-inner,
  .subscribe-landing-spanish .field-field-intro-blocks .field-item .inner .text-inner {
    padding:0px !important;
  }

  .subscribe-landing-english .field-field-intro-blocks .field-item h2,
  .subscribe-landing-spanish .field-field-intro-blocks .field-item h2 {
    text-transform: uppercase;
    font-size:35px !important;
    background:none !important;
    margin-bottom:10px !important;
  }

  .subscribe-landing-english .content-header-right,
  .subscribe-landing-spanish .content-header-right {
    width: 100% !important;
    height:auto !important;
  }

  .subscribe-landing-english .jcarousel-skin-default,
  .subscribe-landing-spanish .jcarousel-skin-default {
    width: auto !important;
    overflow:hidden !important;
  }

  .subscribe-landing-english #Footer,
  .subscribe-landing-spanish #Footer {
    width:100% !important;
  }

  .subscribe-landing-english .field-field-intro-blocks,
  .subscribe-landing-spanish .field-field-intro-blocks{
    height: auto !important;
  }

  #CSV-table {
    width: 100% !important;
    overflow-y:hidden;
    overflow-x:hidden;
  }

  .mid-container {
    display:none !important;
  }

  .countdown-container {
    position: relative !important;
    top:auto !important;
    left:auto !important;
  }

  table.CSVTable tr {
    font-size: 12px;
  }

  table.CSVTable thead th {
    font-size: 12px;
  }

  .jcarousel-skin-default .jcarousel-container-horizontal {
    width: auto;
  }

  .subscribe-landing-spanish .jcarousel-skin-default .jcarousel-clip-horizontal{
    width: 100% !important;
  }

  #subscribe-landing-english .jcarousel-skin-default .jcarousel-item, #subscribe-landing-spanish .jcarousel-skin-default .jcarousel-item {
    width: 100% !important;
  }

  .subscribe-landing-english .jcarousel-clip.jcarousel-clip-horizontal, .subscribe-landing-spanish .jcarousel-clip.jcarousel-clip-horizontal {
    width: 100% !important;
  }

  .subscribe-landing-english ul.jcarousel.jcarousel-list.jcarousel-list-horizontal, .subscribe-landing-spanish ul.jcarousel.jcarousel-list.jcarousel-list-horizontal {
    width: 100% !important;
  }

  .subscribe-landing-english .jcarousel-skin-default{
    height: 1344px;
  }

  .subscribe-landing-spanish .jcarousel-skin-default {
    height: 730px;
  }

  .subscribe-landing-english .jcarousel-skin-default .jcarousel-prev-horizontal, .subscribe-landing-english .jcarousel-skin-default .jcarousel-next-horizontal, .subscribe-landing-spanish .jcarousel-skin-default .jcarousel-prev-horizontal, .subscribe-landing-spanish .jcarousel-skin-default .jcarousel-next-horizontal {
    display: none !important;
  }
  #subscribe-landing-spanish .jcarousel-skin-default .jcarousel-item, #subscribe-landing-spanish .jcarousel-skin-default .jcarousel-item {
    margin-right: 10px;
    width: 200px;
    height: 140px;
  }
  .subscribe-landing-english .jcarousel-skin-default .image-container, .subscribe-landing-spanish .jcarousel-skin-default .image-container {
    width: auto;
    height: auto;
  }

  .subscribe-landing-english img.imagecache.imagecache-gallery_image.imagecache-default.imagecache-gallery_image_default, .subscribe-landing-spanish img.imagecache.imagecache-gallery_image.imagecache-default.imagecache-gallery_image_default {
    width: 95%;
    margin: 0px;
  }

  /* Footer Menu */
  #Footer #block-menu-menu-footer-menu li {
    background:#000;
    border:0;
    display:block;
    margin-bottom:1px;
    padding:5px 0;
  }
  #Footer #block-menu-menu-footer-menu li a {
    color:#fff;
  }

  .node-type-webform-contest {
    max-width: calc(100% - 20px);
  }
  .node-type-webform-contest .landing-page-menu {
    text-align: center;
  }
  .node-type-webform-contest .landing-page-menu li {
    display: inline-block;
    float: none;
    margin: 0 2%;
  }
  .node-type-webform-contest #block-aagv_custom-aagv_custom_lp_logo {
    float: none;
    margin: 0;
    text-align: center;
  }
  .node-type-webform-contest #block-aagv_custom-aagv_custom_lp_logo img {
    margin: 20px auto;
  }
  .node-type-webform-contest #webform-component-images .form-radios .form-item {
    text-align: center;
    width: calc(50% - 12px);
  }
  .node-type-webform-contest #webform-component-email-address input[type="text"] {
    max-width: calc(100% - 8px);
  }
  .node-type-webform-contest #webform-component-images #edit-submitted-images-2-wrapper,
  .node-type-webform-contest #webform-component-images #edit-submitted-images-6-wrapper,
  .node-type-webform-contest #webform-component-images #edit-submitted-images-10-wrapper {
    margin-right: 0;
  }
  .node-type-webform-contest #webform-component-images #edit-submitted-images-3-wrapper,
  .node-type-webform-contest #webform-component-images #edit-submitted-images-7-wrapper,
  .node-type-webform-contest #webform-component-images #edit-submitted-images-11-wrapper {
    clear: none;
  }

  .node-type-webform-contest #content h1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 40px;
    margin-bottom: 20px;
  }

  .node-type-webform-contest #content p,
  .node-type-webform-contest #content label {
    font-weight: normal;
    margin: 0 0 5px;
  }

}

@media only screen and (max-width: 519px) {
  table.CSVTable thead th {
    font-size: 9px;
  }
  .master-column-1, .master-column-2 {
    font-size: 32px;
  }
}

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

  table.CSVTable thead th:nth-of-type(3), table.CSVTable thead th:nth-of-type(7) {
    width: 31%;
  }

  .master-column-1, .master-column-2 {
    font-size: 20px;
  }

  table.CSVTable tr {
    font-size: 8px;
  }

  table.CSVTable thead th {
    font-size: 7px;
  }

  .jcarousel-skin-default .jcarousel-container-horizontal {
    padding: 0px;
  }
}

@media only screen and (max-width: 320px) {
  .master-column-1, .master-column-2 {
    font-size: 18px;
  }
  #block-views-landing_page-block_1 .feature-content {
    font-size: 14px;
  }
  .node-type-webform-contest .landing-page-menu {
    text-align: center;
  }
  .node-type-webform-contest .landing-page-menu li {
    display: inline-block;
    float: none;
    margin: 1% 5%;
  }
  .node-type-webform-contest {
    max-width: calc(100% - 20px);
  }
  .node-type-webform-contest #block-aagv_custom-aagv_custom_lp_logo {
    float: none;
    margin: 0;
    text-align: center;
  }
  .node-type-webform-contest #block-aagv_custom-aagv_custom_lp_logo img {
    margin: 20px auto;
  }
  .node-type-webform-contest #webform-component-email-address input[type="text"] {
    max-width: calc(100% - 8px);
  }
  .node-type-webform-contest #webform-component-images .form-radios .form-item {
    float: none;
    margin: 24px 0 0;
    text-align: center;
    width: 100%;
  }
  .node-type-webform-contest #webform-component-images .form-item img {
    margin: 0 auto;
  }
  .node-type-webform-contest .webform-client-form #edit-submit {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    box-shadow: rgba(0,0,0,0.75) 2px 2px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.75) 2px 2px 3px;
    -moz-box-shadow: rgba(0,0,0,0.75) 2px 2px 3px;
    -o-box-shadow: rgba(0,0,0,0.75) 2px 2px 3px;
    -ms-box-shadow: rgba(0,0,0,0.75) 2px 2px 3px;
  }



  @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape)  {
    #main{
      width:865px !important;
    }
  }
  @media only screen
  and (min-device-width : 414px)
  and (max-device-width : 736px)
  and (orientation : landscape) {
    #main {
      width: 912px !important;
    }
  }
}