/*
.menu-toggle, .mobile-show, .desktop-hide {
  display: none !important;
}
ul#hearing-aid-styles li {
  p.description {
    height: 195px;
  }
  .image-holder img {
    margin-top: 40px;
  }
  text-align: center;
}

#tabbed-content ul.tabs li {
  &.active:after, &:hover.active:after {
    right: 0;
    margin-left: 0;
    padding: 0;
  }
}

ul#hearing-aid-styles li a {
  font-size: 16px;
  font-size: 1.6rem;
}

#main-content ul.professionals {
  list-style-type: none;
  li span.name {
    display: block;
  }
}

#blog-sign-up-form {
  height: auto !important;
}

#alt {
  width: 580px;
  float: left;
  padding: 30px;
}

#staff .professionals > li {
  margin: 0 20px 20px 0;
  display: inline-block;
}

#main-content {
  .professionals > li {
    margin: 0 20px 20px 0;
    display: inline-block;
  }
  ul.technology-product-details {
    margin-top: 10px;
  }
}
*/
@media all and (max-width: 768px) {
  /*
  html, body, #header #header-wrapper, #header-image-wrapper {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #header {
    .subwrapper {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #footer, #nav-wrapper {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #wrapper.home {
    #main-content {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
    .flex {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
      .flex-box {
        width: 100%;
        height: auto;
        min-height: inherit;
        max-height: inherit;
        min-width: inherit;
        max-width: inherit;
        display: block;
        margin: 0;
        padding: 0;
        float: none;
        text-align: left;
        position: relative;
        right: auto;
        top: auto;
        left: auto;
        bottom: auto;
        border: 0;
      }
    }
  }
  #footer-content {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
    .contact-info, .news, .social {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #wrapper.home #main-content {
    .header-group, #intro-copy {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #image-logo a, #top-bar-utilities {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #top-bar-locations {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
    .locations {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #top-bar-social, #footer-content .footer-flex, #wrapper, article, .product-heading, #image-logo, #top-bar {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #side-bar {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
    #sub-nav {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #main-content {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #office-info {
    .office-address, .office-hours {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #content-container, .content-container, #content-wrapper, div.content-wrapper {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #wrapper {
    &.blog #main-content {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
    &.home {
      #content-container, #primary-content, #sub-content, #header-image-wrapper {
        width: 100%;
        height: auto;
        min-height: inherit;
        max-height: inherit;
        min-width: inherit;
        max-width: inherit;
        display: block;
        margin: 0;
        padding: 0;
        float: none;
        text-align: left;
        position: relative;
        right: auto;
        top: auto;
        left: auto;
        bottom: auto;
        border: 0;
      }
    }
  }
  #header-image-wrapper h2.page-title {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #main-content .technology-products li {
    .image-holder, .product-description {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #wrapper.home {
    #main-content #intro-copy p {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
    .flex .flex-box {
      .flex-image, .flex-header, .flex-content-area, div {
        width: 100%;
        height: auto;
        min-height: inherit;
        max-height: inherit;
        min-width: inherit;
        max-width: inherit;
        display: block;
        margin: 0;
        padding: 0;
        float: none;
        text-align: left;
        position: relative;
        right: auto;
        top: auto;
        left: auto;
        bottom: auto;
        border: 0;
      }
    }
  }
  #sub-styles li .style-details {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #main-content .technology-product-details li {
    .right-col, .left-col {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #office-info .office-map {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #main-content {
    .professionals > li, .product-heading {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #videos .videos-content {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  #wrapper.office #main-content {
    #office-info, #image-gallery {
      width: 100%;
      height: auto;
      min-height: inherit;
      max-height: inherit;
      min-width: inherit;
      max-width: inherit;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      text-align: left;
      position: relative;
      right: auto;
      top: auto;
      left: auto;
      bottom: auto;
      border: 0;
    }
  }
  #main-content h3.smpn-subheading, #top-graphic, #main-content .testimonial img {
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    min-width: inherit;
    max-width: inherit;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    border: 0;
  }
  .home .flexslider {
    display: none;
  }
  #top-bar-utilities {
    #text-size, #top-bar-social {
      display: none;
    }
  }
  #header #header-svg, #top-bar #background-bleed, #footer-content:after {
    display: none;
  }
  #header #header-image-wrapper > {
    .header-group + * + .header-group, img + * + img {
      display: none;
    }
  }
  #top-bar-utilities > {
    #search-bar, .subwrapper {
      display: none;
    }
  }
  #header #header-image-wrapper .header-group, .desktop-only {
    display: none;
  }
  #wrapper {
    &.home {
      #main-content {
        .header-group {
          h2.page-title, #intro-copy h3.page-title {
            font-size: 3.5rem;
          }
        }
        #intro-copy .header-group h3.page-title {
          font-size: 3.5rem;
        }
      }
      #wrapper.blog #main-content .header-group #intro-copy h4.page-title {
        font-size: 3.5rem;
      }
    }
    &.blog #wrapper.home #main-content .header-group #intro-copy h4.page-title, &.home #wrapper.blog #main-content #intro-copy .header-group h4.page-title, &.blog #wrapper.home #main-content #intro-copy .header-group h4.page-title {
      font-size: 3.5rem;
    }
    &.home #main-content .header-group {
      .supertext-title {
        font-size: 3.5rem;
      }
      margin-bottom: 10px;
    }
  }
  p {
    &.back-link a, &.previous-link a {
      text-decoration: underline !important;
    }
    &.back-link a:before, &.previous-link a:before {
      display: none;
    }
  }
  .hearing-aids #side-bar + #main-content > .previous-link {
    padding-bottom: 10px;
  }
  body {
    overflow-x: hidden;
  }
  #intro-copy p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 17px;
    line-height: 1.7rem;
  }
  #top-bar-utilities #nav-wrapper, #top-bar-locations #nav-wrapper {
    display: none;
  }
  #top-bar-utilities #nav-wrapper.active, #top-bar-locations #nav-wrapper.active {
    display: block;
    z-index: 10;
  }
  iframe {
    width: 100% !important;
  }
  h2.page-title a.cloned {
    color: inherit;
    text-decoration: none;
    &:hover {
      color: inherit;
      text-decoration: none;
    }
  }
  ul {
    margin: 0 15px;
  }
  #nav-wrapper ul {
    margin: 0;
  }
  .mobile-show, .menu-toggle {
    display: block !important;
  }
  .desktop-only {
    display: none !important;
  }
  .share-tools {
    margin: 10px 0 10px;
    .addthis_toolbox > a {
      display: inline-block;
    }
  }
  #main-content p.previous-link {
    padding: 20px 10px;
    margin-bottom: 0;
  }
  #side-bar h2.page-title:first-child {
    padding: 10px;
    font-size: 30px;
    font-size: 3rem;
  }
  #wrapper.blog {
    #side-bar h2.page-title:first-child, .smpn-subheading {
      padding: 10px;
      font-size: 30px;
      font-size: 3rem;
    }
  }
  .page-title.accordion-toggle, #header-image-wrapper .header-group h2 {
    padding: 10px;
    font-size: 30px;
    font-size: 3rem;
  }
  #wrapper.blog .smpn-subheading {
    margin: 0 -10px;
  }
  #main-content .tab_content h2 + ul, .tab_content h2 + ul {
    margin-top: 10px;
  }
  #image-holder-360 {
    margin: 0px auto;
    width: 260px;
    cursor: pointer;
    width: 100% !important;
  }
  #header, #top-bar-locations {
    overflow: visible;
  }
  #header svg, #top-bar-locations svg {
    display: none;
  }
  #top-bar-utilities {
    div {
      display: block;
    }
    #text-size {
      display: none;
    }
  }
  #top-bar {
    z-index: 101;
  }
  #top-bar-social {
    display: none;
  }
  #top-bar-locations {
    min-height: 54px;
    padding: 5px 10px 0;
    .menu-toggle.active {
      opacity: .75;
    }
    .locations li {
      font-size: 0;
      display: none;
      text-align: right;
      span {
        display: none;
      }
      &.mobile-show {
        padding: 5px 0 0;
        display: block;
      }
      a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem;
        text-decoration: none;
      }
    }
  }
  #image-logo {
    position: relative;
    text-align: center;
    padding: 10px 0;
    a {
      display: inline;
    }
  }
  #header #header-image-wrapper {
    img {
      width: 100%;
      height: auto;
    }
    .header-group {
      padding: 0;
      left: 0;
      right: 0;
      width: 100%;
      max-width: 100%;
      position: relative;
      border: 0;
      z-index: 1;
      p {
        padding: 0 10px;
        display: block;
      }
    }
  }
  #top-bar-locations {
    .menu-toggle {
      position: absolute;
      left: 8px;
      top: 10px;
      z-index: 1;
      padding: 8px 10px 6px;
      background-color: #ffffff;
      display: inline-block;
    }
    li.all-locations.mobile-show {
      padding-right: 0;
      > a {
        text-transform: none;
        &:after {
          content: " \0020 \00BB";
        }
      }
    }
    #nav-wrapper {
      position: absolute;
      left: 0;
      z-index: 1;
      &.active #nav {
        display: block;
      }
      #nav {
        width: 100%;
        display: none;
        position: relative;
        top: auto;
        left: auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        height: auto;
        overflow: auto;
      }
    }
  }
  #nav-wrapper ul#nav li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    float: none;
    padding: 0;
    margin: 0;
    position: relative;
    a {
      display: block;
      padding: 10px 0 10px 10px;
      text-align: left;
      &:after {
        display: inline-block;
        content: " ";
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 8px solid #ffffff;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 10px;
      }
    }
  }
  #header #nav {
    display: none;
  }
  #footer {
    padding: 10px;
    border-top: solid 5px;
    #footer-content {
      h5 {
        font-size: 26px;
      }
      ul {
        margin: 0;
      }
      .footer-group {
        border: none;
        width: auto;
        float: none;
        .news {
          border: none;
          width: auto;
          float: none;
        }
      }
      .contact-info {
        margin-bottom: 20px;
      }
      .footer-group {
        .news, #top-bar-social {
          margin-bottom: 20px;
        }
      }
      .footer-flex {
        margin-bottom: 20px;
      }
      .contact-info > img {
        margin: 0 auto 0 0;
      }
      .footer-group {
        .news > img, #top-bar-social > img {
          margin: 0 auto 0 0;
        }
      }
      .footer-flex > img {
        margin: 0 auto 0 0;
      }
      #top-bar-social {
        display: block;
        position: relative;
        top: auto;
        left: auto;
      }
    }
  }
  #contact-form {
    margin: 0;
  }
  #wrapper.home {
    #main-content {
      padding: 0 10px;
      h3.smpn-subheading, #intro-copy, h3.smpn-subheading p, #intro-copy p {
        margin-bottom: 10px;
      }
      .header-group {
        padding-top: 20px;
      }
    }
    .flex {
      padding: 10px 0;
      .flex-box {
        max-width: 230px;
        a.media.video {
          background-image: none;
        }
        .flex-image {
          border-top: solid 5px;
          img {
            width: 100%;
          }
        }
      }
    }
    #content-wrapper {
      padding: 0 10px;
    }
    .flex-header, .flex-content-area {
      border: none;
    }
    .flex .flex-box {
      width: 75%;
      margin: 0 auto 20px;
      padding-top: 10px;
      .flex-header, .flex-content-area {
        padding-left: 0;
      }
      .flex-header {
        padding-top: 10px;
        h3 {
          display: inline-block;
        }
      }
      .flex-image, .flex-header, .flex-content-area, div {
        height: auto;
        width: auto;
        margin: 0;
      }
    }
  }
  #content-container .flex {
    &.flex-moved .flex-box {
      padding: 10px 10px 20px;
    }
    .flex-box {
      .flex-content-area, .flex-header {
        border-left: none;
        padding-left: 0;
        text-align: left;
        max-width: 230px;
        margin: 0 auto;
      }
      .flex-content-area p, .flex-header p {
        min-height: 0;
        margin: 0 0 10px;
      }
      &:last-child {
        margin: 0 auto;
        padding-bottom: 10px;
      }
    }
    &:last-child {
      margin: 0;
      .flex-image {
        margin-top: 30px;
      }
    }
  }
  #side-bar {
    h2.page-title {
      display: none;
      &.accordion-toggle {
        cursor: pointer;
      }
      &:first-child {
        display: block;
        padding: 10px 50px 10px 10px;
        position: relative;
      }
      &.active:first-child {
        .open {
          display: none;
        }
        .close {
          display: inline-block;
        }
      }
    }
    .flex {
      display: none;
    }
    #sub-nav {
      display: none;
      overflow: hidden;
      padding: 0 10px;
      li {
        margin: 10px 0;
        a.active {
          display: none;
        }
      }
    }
    + #main-content {
      padding: 10px;
    }
  }
  #main-content {
    + .flex-moved .flex-box .flex-image {
      text-align: center;
    }
    > ul {
      margin-left: 20px;
      &#locations {
        margin-left: 0;
      }
    }
    #intro-copy {
      margin-bottom: 0;
      padding: 10px 10px 10px 0;
      margin: 0;
    }
    h3.smpn-subheading {
      padding: 10px 10px 10px 0;
      margin: 0;
    }
  }
  #image-gallery {
    position: relative;
    .gallery-thumbnails {
      overflow: hidden;
      width: 100%;
      .thumbnails li {
        margin: 0;
        border: 0;
        img {
          display: block;
          margin: 0 auto;
        }
      }
    }
  }
  .locations {
    #side-bar + #main-content {
      padding: 10px 10px 0;
    }
    #main-content #locations {
      padding: 0;
      margin: 0;
      .location {
        margin: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 2px;
        .address, .hours {
          border: 0;
          padding: 0 10px 10px;
        }
        .map-holder {
          width: auto;
          height: auto;
          img {
            width: 100%;
            min-height: 300px;
          }
        }
        h4.accordion-toggle {
          margin: 0 -10px;
          &.active {
            background: #ffffff;
          }
        }
        .accordion-content {
          padding: 0;
        }
      }
    }
  }
  .hearing-aids {
    #side-bar + #main-content {
      padding: 0;
      .tab-content ul {
        margin-left: 30px;
      }
      #intro-copy, .previous-link, .name, .smpn-subheading, > * {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
      }
      ul {
        &#hearing-aid-styles, &#sub-styles {
          margin: 0;
        }
        &#hearing-aid-styles, &#sub-styles {
          padding: 0;
        }
      }
      div#product-details {
        padding: 0;
      }
      h2.page-heading {
        padding: 10px;
      }
    }
    #product-details {
      .image-holder {
        margin: 0;
        background-color: transparent;
        width: 100%;
        border: none;
      }
      #tabbed-content {
        .tabs {
          display: none;
        }
        #feature-details {
          .title {
            margin-left: 10px;
          }
          .down-arrow:after, .right-arrow:after {
            float: right;
          }
        }
        .tab_content {
          > p, h3 {
            padding: 5px 10px 0;
          }
          #feature-details {
            .feature-content {
              padding: 5px 10px 0;
            }
            .accordion-content.feature-content {
              padding: 10px;
              p {
                padding-top: 0;
              }
            }
          }
          h2 {
            padding: 15px 10px;
            color: #ffffff;
            text-transform: uppercase;
          }
          #gallery-holder > ul {
            margin: 10px;
            width: auto;
            li {
              margin-left: 20px;
            }
            &.sub-tabs {
              margin-left: 10px;
              li {
                margin-left: 0;
              }
            }
          }
        }
        #feature-details {
          border: 0;
        }
        #tab_container h2 {
          margin: 0 -10px;
        }
      }
    }
    #image-gallery {
      padding: 0;
      > ul {
        display: none;
      }
      #image-holder {
        width: auto;
        height: auto;
        display: block;
        border: none;
        .carousel-item img {
          display: block;
          margin: 0 auto;
          width: 150px;
          height: auto;
          border: 1px solid;
        }
        &.carousel {
          .carousel-prev, .carousel-next {
            top: 30%;
          }
        }
      }
      width: 100%;
    }
    #image-holder {
      width: 100%;
    }
    #gallery-holder .sub-tab-container {
      width: auto;
    }
    #sub-styles {
      > li {
        padding-bottom: 20px;
        border-top: 1px solid #cccccc;
        .image-holder {
          border: none;
          display: block;
          margin: 0 auto 10px;
        }
        .style-details {
          padding: 0 10px;
        }
      }
      ul.item-details {
        margin-left: 0;
      }
    }
    #main-content {
      > {
        ul {
          &.technology-product-details {
            margin: 0 0 15px !important;
          }
          margin: 0 5px 15px 15px;
          li .left-col .attribute-heading {
            margin-left: 0;
          }
        }
        ol {
          padding-left: 20px;
        }
      }
      ul#hearing-aid-styles {
        border-top: 1px solid #cccccc;
        > li {
          margin: 0;
          width: auto;
          height: auto;
          display: block;
          padding: 20px 0 10px;
          border-bottom: 1px solid #cccccc;
          a {
            font-size: 16px;
            font-size: 1.6rem;
          }
          .title {
            display: block;
            width: auto;
            height: auto;
            border: 0;
            h4 {
              display: block;
              background-color: transparent;
              color: #000000;
              font-size: 24px;
              font-size: 2.4rem;
              line-height: 24px;
              line-height: 2.4rem;
            }
          }
          .image-holder {
            width: auto;
            height: auto;
            border: none;
            img {
              margin-top: auto;
            }
          }
          p.description {
            margin-top: auto;
            padding: 15px 0;
            width: auto;
            height: auto;
          }
          &:hover ul {
            display: none;
          }
          &:last-child {
            border-bottom: none;
          }
        }
      }
      .technology-product-details li {
        border-bottom: solid 1px #cccccc;
        padding-bottom: 10px;
        margin: 0 -10px;
        &:first-child {
          padding-bottom: 0;
        }
        .left-col, .right-col {
          display: inline-block;
          padding: 0 10px;
        }
        .left-col .attribute-heading, .right-col .attribute-heading {
          border: 0;
        }
        .left-col .attribute-heading h3, .right-col .attribute-heading h3 {
          background-color: transparent;
          color: #000000;
          padding: 0;
        }
        .left-col .attribute-heading:after, .right-col .attribute-heading:after {
          display: none;
        }
        .left-col {
          width: 39%;
        }
        .right-col {
          width: 59%;
        }
      }
    }
  }
  .carousel {
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform-style: preserve-3d;
    position: relative;
    .carousel-container {
      &.animate {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
      }
      -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      position: relative;
      overflow: visible;
    }
    .carousel-item {
      float: left;
      overflow: hidden;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translate3d(0, 0, 0);
    }
    .carousel-prev {
      left: 5px;
    }
    .carousel-next {
      right: 5px;
    }
    .carousel-prev, .carousel-next {
      position: absolute;
      bottom: auto;
      top: 80px;
      font-size: 60px;
      font-size: 6rem;
      line-height: 30px;
      line-height: 3rem;
      padding: 5px 9px;
      border: 1px solid;
      border-radius: 4px;
      -webkit-box-shadow: 2px 2px 2px 1px #999999;

      -moz-box-shadow: 2px 2px 2px 1px #999999;

      box-shadow: 2px 2px 2px 1px #999999;

      background: #ffffff;
      text-decoration: none;
    }
    .carousel-prev:active, .carousel-next:active {
      -webkit-box-shadow: 2px 2px 2px 1px #ffffff;

      -moz-box-shadow: 2px 2px 2px 1px #ffffff;

      box-shadow: 2px 2px 2px 1px #ffffff;

    }
    .carousel-prev.disabled, .carousel-next.disabled {
      opacity: .4;
    }
  }
  .flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    cursor: default;
  }
  #wrapper.blog {
    h2.page-title {
      padding: 10px;
      font-size: 30px;
      font-size: 3rem;
    }
    #side-bar {
      float: none;
      width: 100%;
      padding: 10px;
      a {
        text-decoration: none;
      }
      > ul {
        margin: 0 -10px;
        > li {
          margin: 0 0 20px;
          padding-bottom: 20px;
          border-bottom: 1px solid #cccccc;
          padding: 10px;
          &:last-child {
            border-bottom: 0;
          }
        }
      }
    }
    #main-content ul {
      margin-left: 0;
    }
    #blog-archive, #blog-subscription, #blog-sign-up {
      padding: 10px;
      margin-bottom: 0;
    }
    #blog-archive li, #blog-subscription li, #blog-sign-up li {
      padding: 5px 5px 0 0;
    }
    #blog-subscription button, #blog-sign-up button {
      margin: 0;
      padding: 5px 12px;
    }
    #blog-subscription input, #blog-sign-up input {
      padding: 20px 8px;
    }
    #main-content .flex, #content-wrapper {
      margin: 0;
    }
    h3.smpn-subheading {
      display: block;
    }
    #side-bar h2.page-title:first-child {
      margin-left: -10px;
      margin-right: -10px;
    }
    .back-link {
      text-decoration: underline;
    }
  }
  .accordion-toggle {
    display: block;
    padding: 10px 50px 10px 10px;
    position: relative;
    cursor: pointer;
    &.active {
      .open {
        display: none;
      }
      .close {
        display: inline-block;
        padding: 0 12px;
      }
    }
    > a {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 32px;
      line-height: 3.2rem;
      text-decoration: none;
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 7px;
      background-color: #ffffff;
      padding: 0 10px 4px;
      border-radius: 4px;
      -webkit-box-shadow: 2px 2px 2px 1px #666666;

      -moz-box-shadow: 2px 2px 2px 1px #666666;

      box-shadow: 2px 2px 2px 1px #666666;

      &.close {
        display: none;
      }
    }
    &:after {
      display: none;
    }
  }
  .locations .location.multiple .accordion-toggle {
    line-height: 30px;
  }
  .accordion-content {
    overflow: hidden;
    padding: 0 10px;
    margin: 0 -10px;
    border-bottom: 1px solid #cccccc;
  }
  #main-content {
    #tabbed-content {
      #feature-details h4 {
        background: none;
      }
      .tab_content #feature-details .feature-content {
        margin: 0;
        padding: 15px 10px;
      }
    }
    #feature-details .accordion-toggle {
      background: none;
      .feature-content.accordion-content {
        margin: 0;
      }
    }
    .accordion-toggle {
      background: #cccccc;
      margin-bottom: 2px;
      line-height: 30px;
      &.product-heading > h3 {
        padding: 10px;
        line-height: 30px;
      }
      &.active {
        border-top: 1px solid #cccccc;
      }
    }
    #videos .videos-content {
      margin: 20px 0;
      width: auto;
    }
  }
  .our {
    #side-bar + #main-content {
      padding: 2px 0 10px;
      overflow: hidden;
    }
    #main-content {
      #intro-copy {
        display: none;
      }
      h3 + .professionals {
        margin: 0 0 3px 0;
        border-bottom: 1px solid #cccccc;
      }
      .professionals {
        padding: 10px;
        > li {
          display: block;
          text-align: center;
          padding-bottom: 20px;
          span.picture {
            display: block;
            margin: 0 auto;
            width: auto;
            height: auto;
          }
        }
      }
      h3 {
        &.smpn-subheading {
          padding: 5px 10px;
          margin-bottom: 20px;
        }
        padding-left: 10px;
      }
      > {
        h4, p {
          padding-left: 10px;
        }
      }
      > {
        ul {
          margin: 10px 20px;
        }
        strong {
          display: block;
          padding-left: 10px;
        }
      }
      #videos {
        padding: 10px;
      }
    }
  }
  #alt {
    width: 320px;
    .picture {
      float: none;
    }
    h3 {
      margin-bottom: 10px;
    }
  }
  #wrapper.office {
    #image-gallery {
      .image-preview {
        display: none;
      }
      .thumbnails {
        width: auto;
        li {
          width: 100%;
          height: auto;
          img {
            width: 175px;
          }
        }
      }
    }
    #main-content #office-info {
      .office-address, .office-map, .office-hours {
        width: auto;
        display: block;
        border: 0;
        padding: 0;
      }
      .office-map {
        text-align: center;
        img {
          display: inline;
        }
      }
      .office-hours {
        padding-top: 10px;
      }
    }
    #office-info .office-address .address {
      margin: 10px 0 0;
    }
    #main-content ul {
      margin: 0 0 10px;
    }
    #staff .professionals > li.model {
      text-align: center;
      margin-bottom: 10px;
    }
  }
  #staff .professionals .picture img, #main-content .professionals .picture img {
    margin: 0 auto 5px;
  }
  .technology {
    #side-bar + #main-content {
      padding: 2px 0 10px;
    }
    #main-content {
      .technology-products {
        padding: 10px 0 0;
        li {
          padding: 10px;
        }
      }
      .product-heading h3 {
        margin-bottom: 0;
      }
      #intro-copy, h3.smpn-subheading {
        padding: 10px;
      }
    }
  }
  #main-content {
    > ul {
      margin: 0 5px 15px 15px;
    }
    .accessories-container .accessories {
      width: 100%;
      margin-left: 0;
      li {
        width: 100%;
        display: block;
        margin: 0;
        .image-holder {
          width: 100%;
          img {
            width: 175px;
            height: auto;
            margin: 0 auto;
            max-width: initial;
          }
        }
      }
    }
    .technology-products {
      &.accordion-content {
        border-bottom: none;
      }
      > li {
        border-bottom: 1px solid #cccccc;
        &:last-child {
          border-bottom: 1px solid #cccccc;
        }
        .image-holder {
          margin-bottom: 20px;
          text-align: center;
          img {
            display: inline;
          }
        }
      }
    }
    .product-logo img {
      margin: 0 auto;
    }
    .technology-product-details {
      margin: 0 -10px !important;
      li {
        padding: 10px;
        border-bottom: 1px solid #cccccc;
        .left-col, .right-col {
          display: inline-block;
          vertical-align: top;
          width: 49%;
        }
        .left-col h4, .right-col h4 {
          margin-top: 5px;
          font-size: 16px;
          font-size: 1.6rem;
        }
        .left-col .attribute-heading, .right-col .attribute-heading {
          margin: 0;
        }
        .left-col .attribute-heading:after, .right-col .attribute-heading:after {
          display: none;
        }
        .left-col .attribute-heading h3, .right-col .attribute-heading h3 {
          padding: 0;
          background: none;
          color: #000000;
          min-height: 70px;
        }
      }
    }
  }
  #tesimonial-videos {
    ul {
      &.videos-content li {
        margin: 0 0 0 4px;
        a.video-box {
          display: block;
          width: 185px;
          margin: 0 auto;
        }
      }
      &.slides {
        padding: 0;
        margin-left: 0;
      }
    }
    > .flex-direction-nav {
      display: none;
    }
    #video-nav ul.flex-direction-nav {
      margin-left: 0;
      a {
        &.flex-prev:hover, &.flex-next:hover {
          color: #ffffff;
        }
      }
    }
  }
  #videos .videos-content {
    .video-holder {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      img {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
      }
    }
    a {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
  }
  #main-content .testimonial {
    border-bottom: solid 1px #cccccc;
    img {
      padding-bottom: 10px;
    }
  }
  #contact-form {
    padding: 10px 10px;
    * {
      margin: 0;
    }
    input, textarea {
      margin: 10px 0;
      width: 100%;
    }
    input {
      padding: 20px 10px;
    }
    .submit {
      padding: 10px;
      min-height: 41px;
    }
  }
  */ }

/******************************************
All site specific overrides go here
*******************************************/
/*
@media all and (max-width: 768px) {
  #main-content h2.page-heading, .hearing-aids #side-bar + #main-content > h2.page-heading {
    display: none;
  }
  #top-bar-locations .menu-toggle {
    color: initial;
  }
  #contact-form {
    margin: 0;
  }
  .flex:last-child {
    margin: 0;
    .flex-image {
      margin-top: 30px;
    }
  }
  .our #side-bar + #main-content {
    padding: 10px 0;
    > {
      * {
        padding: 5px 10px 0;
      }
      .accordion-toggle {
        padding: 10px 50px 10px 10px;
      }
    }
  }
  h2.page-title {
    opacity: .5;
  }
}
*/

/*# sourceMappingURL=layout1Mobile.css.map */