@media all and (max-width: 979px) {

  /************
  GLOBAL STYLES
  ************/

  /* Top Header contextual links */

  #top-social ul {
    display: none;
  }

  /************
  REGIONS STYLE
  ************/

  #top-menu,
  #top-bar.top-bar2 #top-menu {
    height: auto;
  }

  #top-social,
  #top-bar.top-bar2 #top-social {
    height: auto;
    margin-bottom: 10px;
  }

  #footer .col_one_fourth {
    width: 160px;
    margin-right: 15px;
  }

  #footer .col_one_fourth.region-3 {
    width: 170px;
    margin-right: 15px;
  }

  #footer .col_one_fourth.region-4 {
    width: 170px;
    margin-right: 0;
  }

  /* Views block common styles */

  #content .block-views h2,
  .region-three-columns-blocks-region .block-block h2 {
    height: 15px;
    line-height: 15px;
    font-size: 21px;
  }

  /* BMWCCA Chapter - right side */

  .node-bmwcca-chapter .field-name-field-chapter-officers .field-label {
    font-size: 23px;
  }

  /***********
  BLOCKS STYLE
  ***********/

  #logo {
    float: none;
    margin: 0 auto;
  }

  /* Front Page slideshow */

  .view-bmwcca-front-page-slider .views-field-title {
    font-size: 42px;
  }

  /* Article Management menu (/articlemanager) - Chapter Management menu (/chapteradmin) */

  #block-menu-menu-bmwcca-article-manager-swit .content ul li a,
  #block-menu-menu-bmwcca-chapter-admin-menu .content ul li a {
    padding-left: 65px;
    background-size: 60px 60px;
    font-size: 14px;
  }

  #block-menu-menu-bmwcca-article-manager-swit .content ul li .menu-item-description,
  #block-menu-menu-bmwcca-chapter-admin-menu .content ul li .menu-item-description {
    line-height: 15px;
    left: 80px;
    width: auto;
  }

  /* Classified AD links - block on the classifieds page */

  #block-bmwcca-classified-ad-classified-block-list-links {
    border-right: none;
    margin-top: 0 !important;
  }

  /********************
  CONTENT TYPE DISPLAYS
  ********************/

  /* BMWCCA Classified Ad - left side */

  .node-bmwcca-classified-ad .group-left {
    width: 32%;
    margin-right: 3%;
  }

  /* BMWCCA Classified Ad - right side */

  .node-bmwcca-classified-ad .group-right {
    width: 65%;
  }

  .node-bmwcca-classified-ad .group-right .field-name-back-to-listings {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .node-bmwcca-classified-ad .group-right .field-name-title h2 {
    line-height: 26px;
  }

  .node-bmwcca-classified-ad .group-right .field-name-field-bmwcca-ad-online-desc {
    margin-right: 0;
  }

  /************
   PAGES STYLES
  ************/

  /* Events Calendar - views displays common elements and exposed filters */

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-search-event {
    float: none;
    width: 240px;
    margin-right: 0;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 {
    float: none;
    width: 100%;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page .views-exposed-widget label,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 .views-exposed-widget label,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 .views-exposed-widget label,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 .views-exposed-widget label {
    font-size: 11px;
  }

  /*********************
  CONTENT CREATION FROMS
  *********************/

  #bmwcca-classified-ad-node-form .classified-ad-tabs {
    padding-left: 0;
    margin-left: 0;
  }

  /************
  WEBFORM STLES
  ************/

  /* 2013 Chapter Financial Statement */

  #webform-component-income label,
  #webform-component-misc-other-income label,
  #webform-component-expenses label,
  #webform-component-misc-other-expenses label {
    display: block;
    width: 100%;
  }

  #webform-component-income .form-item .description,
  #webform-component-expenses .form-item .description {
    margin-left: 0;
  }

}

@media all and (max-width: 767px) {

  /************
  GLOBAL STYLES
  ************/

  /* WEBFORM COMMON STYLES */

  .webform-client-form .webform-container-inline .form-item {
    display: block;
  }

  .webform-client-form .webform-container-inline label {
    display: block;
  }

  input[type="email"],
  input[type="text"],
  input[type="password"],
  select,
  textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  select.year,
  select.month,
  select.day {
    width: auto;
  }

  .webform-layout-box.horiz .form-item {
    float: none;
    width: 100%;
  }

    .webform-layout-box.horiz .form-item input,
    .webform-layout-box.horiz .form-item select {
      width: 100%;
      margin-right: 0;
    }

  .webform-client-form .form-item .field-prefix + input {
    width: auto;
  }

  /************
  REGIONS STYLE
  ************/

  .region-preface-wrapper .page-title {
    font-size: 20px;
  }

  .region-three-columns-blocks-region .block {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }

  #footer .col_one_fourth {
    width: 200px;
    margin-right: 20px;
  }

  #footer .col_one_fourth.region-3 {
    width: 200px;
    margin-right: 20px;
  }

  #footer .col_one_fourth.region-4 {
    width: 200px;
    margin-right: 20px;
  }

  /***********
  PAGES STYLES
  ***********/

  /* Events - views page */

  .view-bmwcca-events.view-display-id-page_4 .events-buttons a {
    float: none;
    width: 160px;
    text-align: center;
  }

  .view-bmwcca-events.view-display-id-page_4 .event-title-wrapper {
    position: relative;
    background: #eee;
    color: #444;
  }

  .view-bmwcca-events.view-display-id-page_4 .event-website {
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    margin-top: 0;
  }

  .view-bmwcca-events.view-display-id-page_4 .event-label {
    margin: 12px 0;
  }

  .view-bmwcca-events.view-display-id-page_4 .event-title {
    font-size: 30px;
    margin: 10px 0;
  }

  .view-bmwcca-events.view-display-id-page_4 .event-date {
    font-size: 16px;
    margin: 10px 0;
  }

  /* Discounts views page */

  .view-bmwcca-discount .views-field-field-discount-image {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-right: 0%;
    text-align: center;
    margin-bottom: 10px;
  }

  .view-bmwcca-discount .views-field-body {
    display: block;
    width: 100%;
    margin-right: 0%;
  }

  .logged-in .view-bmwcca-discount .views-field-body {
    width: 100%;
    margin-right: 0%;
  }

  .logged-in .view-bmwcca-discount.not-member .views-field-body {
    width: 100%;
  }

  .view-bmwcca-discount .views-field-field-discount-membership-info {
    display: block;
    width: 100%;
    margin-right: 0%;
  }

  .view-bmwcca-discount .views-field-field-discount-member-link {
    display: block;
    width: 100%;
  }

  /* Special Groups page */

  .ready-tabber .group {
    float: none;
    min-height: 0px;
    width: auto;
  }

  /* Views block common styles */

  .block-views h2 {
    font-size: 20px;
    line-height: 15px;
    padding: 25px 0 0 17px;
  }

  /* Photos views block */

  .view-bmwcca-chapters-photo ul li img {
    max-width: 68px;
    height: auto;
  }

  /* BMWCCA Chapter - right side */

  .node-bmwcca-chapter .field-name-field-chapter-officers .field-label {
    font-size: 20px;
    line-height: 15px;
    padding: 25px 0 0 17px;
  }

  /*  */

  .node-bmwcca-event .group-left,
  .node-bmwcca-event .group-right {
    width: 100%;
    margin-left: 0;
  }

  .node-bmwcca-event .group-right {
    margin-top: 40px;
  }

  /* BMWCCA Chapter */

  .node-bmwcca-chapter .group-left {
    width: 100%;
  }

  .node-bmwcca-chapter .group-right {
    width: 100%;
    margin-top: 20px;
  }

  /* National News Archive - views page */

  .view-bmwcca-national-news-archive .views-group-content .views-row {
    width: 33.33333%;
  }

  /* Events Calendar - views displays common elements and exposed filters */

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page #edit-event-type-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 #edit-event-type-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 #edit-event-type-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 #edit-event-type-wrapper {
    width: 48%;
    margin-right: 2%;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page #edit-event-chapter-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 #edit-event-chapter-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 #edit-event-chapter-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 #edit-event-chapter-wrapper {
    width: 48%;
    margin-right: 2%;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page #edit-event-zip-code,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 #edit-event-zip-code,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 #edit-event-zip-code,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 #edit-event-zip-code {
    width: 23%;
    margin-right: 2%;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page #edit-field-geofield-distance-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 #edit-field-geofield-distance-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 #edit-field-geofield-distance-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 #edit-field-geofield-distance-wrapper {
    width: 23%;
    margin-right: 2%;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page .views-submit-button,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 .views-submit-button,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 .views-submit-button,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 .views-submit-button {
    width: 50%;
  }

  /* Events Calendar - views page - year display */

  .view-bmwcca-events .year-view .year-view-row .year-view-month {
    width: 49%;
    margin-left: 2%;
  }

  .view-bmwcca-events .year-view .year-view-row .year-view-month.odd {
    margin-left: 0;
  }

  /* Classifieds Listing - views page (/classifieds) */

  .view-classifieds-listings .form-item-search-api-views-fulltext {
    text-align: center;
  }

  /* Photos Gallery - views page (/galleries) */

  .media-gallery-photos .views-row .views-column {
    width: 100%;
    margin-right: 0;
  }

  /* Video Gallery - views page (/videos) */

  .media-gallery-videos-categorized .views-column {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
  }

  .media-gallery-videos-categorized .views-column-2,
  .media-gallery-videos-categorized .views-column-4 {
    margin-right: 0;
  }

  /***********
  BLOCKS STYLE
  ***********/

  /* Featured Events views block on Events page */

  #block-views-bmwcca-featured-event-block .views-row {
    float: left;
    width: 49%;
    margin-left: 2%;
  }

  #block-views-bmwcca-featured-event-block .views-row-odd {
    margin-left: 0;
  }

  /* Header Menu - header top left block */

  #secondary-menu ul li a {
    padding: 0 5px;
  }

  #secondary-menu ul li a.join-link {
    padding: 0 10px;
  }

  /* Front Page slideshow */

  .view-bmwcca-front-page-slider .views-field-title {
    font-size: 34px;
  }

  /* Switchboard - quicktabs block on the front page with vertical tabs */

  #block-quicktabs-home-block .content .item-list {
    float: none;
    width: 100%;
    padding: 0;
    border-right: 1px solid #dedede;
  }

  #block-quicktabs-home-block .content .quicktabs_main {
    margin-left: 0;
  }

  #block-quicktabs-home-block .content ul.blue-disc-list {
    float: none;
    width: auto;
  }

  /* Bottom menu - footer block */

  #block-menu-menu-bmwcca-bottom-menu {
    float: none;
  }

    #block-menu-menu-bmwcca-bottom-menu .content ul {
      text-align: center;
    }

  /* Article Management menu (/articlemanager) - Chapter Management menu (/chapteradmin) */

  #block-menu-menu-bmwcca-article-manager-swit .content ul li,
  #block-menu-menu-bmwcca-chapter-admin-menu .content ul li {
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
    float: none;
  }

  #block-menu-menu-bmwcca-article-manager-swit .content ul li .menu-item-description,
  #block-menu-menu-bmwcca-chapter-admin-menu .content ul li .menu-item-description {
    left: 75px;
  }

  /********************
  CONTENT TYPE DISPLAYS
  ********************/

  /* BMWCCA Classified Ad - left side */

  .node-bmwcca-classified-ad .group-left {
    width: 100%;
    margin-right: 0%
  }

  /* BMWCCA Classified Ad - right side */

  .node-bmwcca-classified-ad .group-right {
    width: 100%;
  }

  /*********************
  CONTENT CREATION FROMS
  *********************/

  #bmwcca-classified-ad-node-form div.classified-ad-tabs  div.step-format.step-default{
    display: block;
  }

  #bmwcca-classified-ad-node-form .field-widget-options-select label,
  #bmwcca-classified-ad-node-form .field-widget-text-textfield label,
  #bmwcca-classified-ad-node-form .field-widget-number label,
  #bmwcca-classified-ad-node-form .form-item-title label {
    text-align: left;
  }

  #bmwcca-classified-ad-node-form .field-widget-options-select .controls,
  #bmwcca-classified-ad-node-form .field-widget-text-textfield .controls,
  #bmwcca-classified-ad-node-form .field-widget-number .controls,
  #bmwcca-classified-ad-node-form .form-item-title .controls {
    display: block;
  }

  #bmwcca-classified-ad-node-form .field-widget-date-text legend {
    float: none;
    width: auto;
    text-align: left;
  }

  /************
  WEBFORM STLES
  ************/

  /* Chapter Reports */

  #webform-component-prepared-by-row .form-item {
    display: block;
    width: 100%;
    margin-right: 0;
  }

    #webform-component-prepared-by-row .form-item input {
      width: 100%;
    }

  /* 2013 Chapter Financial Statement */

  #webform-component-assets .form-item label,
  #webform-component-liabilities--equity label {
    display: block;
    width: 100%;
  }

  #webform-component-assets .form-item .description,
  #webform-component-liabilities--equity .form-item .description {
    margin-left: 0;
  }

  #webform-component-income,
  #webform-component-expenses {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  #webform-component-misc-other-income-description,
  #webform-component-misc-other-income,
  #webform-component-misc-other-expenses-description,
  #webform-component-misc-other-expenses {
    float: none;
    width: 100%;
  }

}

@media all and (max-width: 479px) {

  /************
  REGIONS STYLE
  ************/

  .region-preface-wrapper {
    padding: 0 10px;
  }

    .region-preface-wrapper .page-title {
      position: relative;
      top: 0;
      line-height: 18px;
      font-size: 16px;
      padding: 31px 0;
      margin-top: 0;
    }

  /* BMWCCA Chapter - left side */

  .node-bmwcca-chapter .field-type-ds {
    float: none;
    width: 100%;
  }

  #footer .col_one_fourth {
    width: 100%;
    margin-right: 0;
  }

  #footer .col_one_fourth.region-3 {
    width: 100%;
    margin-right: 0;
  }

  #footer .col_one_fourth.region-4 {
    width: 100%;
    margin-right: 0;
  }

  /* Conact Form */

  .node-webform.ds-2col-fluid .group-left,
  .node-webform.ds-2col-fluid .group-right {
    width: 100%;
    margin-right: 0;
  }

  /***********
  BLOCKS STYLE
  ***********/

  /* Featured Events views block on Events page */

  #block-views-bmwcca-featured-event-block .views-row {
    float: none;
    width: 230px;
    max-width: 230px;
    margin: 0 auto 10px;
  }

  /* BMWCCA Banner - block */

  .join-banner {
    padding: 20px 20px 20px 20px;
  }

    .join-banner .join-banner-link {
      position: relative;
      right: auto;
      display: block;
      margin: 10px auto 0;
    }

  /* Front Page slideshow */

  .view-bmwcca-front-page-slider .views-field-title {
    font-size: 22px;
  }

  /* Article Management menu (/articlemanager) - Chapter Management menu (/chapteradmin) */

  #block-menu-menu-bmwcca-article-manager-swit .content ul li a,
  #block-menu-menu-bmwcca-chapter-admin-menu .content ul li a {
    font-size: 12px;
  }

  /********************
  CONTENT TYPE DISPLAYS
  ********************/

  /* BMWCCA Event - right side */

  .node-bmwcca-event .field-name-field-event-location-ref {
    float: none;
    padding: 0 0 20px;
    margin: 0 auto;
  }

  .node-bmwcca-event .group-event-contact {
    margin: 0 25px;
  }

  .node-bmwcca-event .group-location-actions a {
    float: none;
    display: block;
    margin-left: 0;
    width: 100%;
  }

  .node-bmwcca-event .group-location-actions a.dw_calendar {
    margin-bottom: 5px;
  }

  /* BMWCCA Classified Ad - right side */

  .node-bmwcca-classified-ad .group-right .galleryformatter {
    float: none;
  }

  .node-bmwcca-classified-ad .group-right .price-wrapper {
    float: none;
    width: 100%;
    margin: 20px 0;
  }

  .node-bmwcca-classified-ad .group-right .field-name-ad-views-count {
    bottom: 0;
    line-height: 12px;
  }

  /************
   PAGES STYLES
   ************/

  /* Roundel Zone - views page */

  .view-bmwcca-roundel-articles .views-field-field-roundel-article-files {
    float: none;
    margin-left: 110px;
  }

  .view-bmwcca-roundel-articles .views-field-field-roundel-article-summary {
    margin-left: 110px;
  }

  .view-bmwcca-roundel-articles .views-field-view-node {
    margin-left: 110px;
  }

  /* News - views page (/news-all) */

  .views-page-latest-news .view-content .views-row {
    float: none;
    width: 100%;
  }

  .views-page-latest-news .view-content .views-row-odd {
    margin-right: 0;
  }

  /* Events Calendar - views displays common elements and exposed filters */

  .view-bmwcca-events .view-header .date-heading h3 {
    line-height: 11px;
    height: 11px;
    font-size: 16px;
    padding: 25px 0 0 17px;
  }

  .view-bmwcca-events .view-header ul.pager li a {
    width: 50px;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page #edit-event-zip-code,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 #edit-event-zip-code,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 #edit-event-zip-code,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 #edit-event-zip-code {
    width: 48%;
    margin-right: 2%;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page #edit-field-geofield-distance-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 #edit-field-geofield-distance-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 #edit-field-geofield-distance-wrapper,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 #edit-field-geofield-distance-wrapper {
    width: 48%;
    margin-right: 2%;
  }

  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page .views-submit-button,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-1 .views-submit-button,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-2 .views-submit-button,
  .view-bmwcca-events .view-filters #views-exposed-form-bmwcca-events-page-3 .views-submit-button {
    width: 100%;
  }

    /* Events Calendar - views page - year display */

  .view-bmwcca-events .year-view .year-view-row .year-view-month {
    width: 100%;
    margin-left: 0;
  }

  /* Classifieds Listing - views page (/classifieds) */

    .view-classifieds-listings .item-list .field-name-field-bmwcca-ad-photos {
      float: none;
      margin-right: 0;
      text-align: center;
    }

    .view-classifieds-listings .item-list .field-name-field-bmwcca-ad-asking-price {
      text-align: center;
    }

    .view-classifieds-listings .item-list .field-name-field-bmwcca-ad-photos + .group-item-preview-description {
      margin-left: 0;
    }

  /* Video Gallery - views page (/videos) */

  .media-gallery-videos-categorized .views-column {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  /************
  WEBFORM STLES
  ************/

  /* Conact Form */

  .bmwcca-contact-form-body,
  .bmwcca-contact-form {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  /* Events Insurance Rebate Request */

  .form-uuid-64d8b869-c027-4c88-96c9-0db87f886a25 #webform-component-row-1 .form-item,
  .form-uuid-64d8b869-c027-4c88-96c9-0db87f886a25 #webform-component-row-2 .form-item {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  /* Insurance Request */

  #bmwcca-insurance-request-entityform-edit-form .field-name-field-ins-req-event-types .controls label {
    width: 100%;
  }

}