/*
 * +---------------------------------------------------------------------------+
 * |                                                                           |
 * |                            Mobile Styles                                  |
 * |                                                                           |
 * +---------------------------------------------------------------------------+
 *
 */

@media only screen and (max-width: 700px) {
  img {
    max-height: 100%;
    max-width: 100%;
  }

  .visible-tablet, .visible-desktop, .hidden-mobile {
    display: none !important;
  }

  div#content {
    margin: 0 2.5%;
    padding: 0;
    width: 95%;
  }

  div#primary-nav {
    height: 60px;
    /** padding: 0 2.5%; **/
  }

  div#minisite-content {
    float: none;
    width: 100%;
  }

  div.right-sidebar {
    display: none;
  }

  .textbox {
    float: none;
    margin: 0 auto;
  }

  .sidebyside {
    margin: 10px 0;
    padding: 0px;
  }

  .sidebyside div:first-child {
    float: none;
  }

  .parallel-boxes {
    overflow: inherit;
    width: 100%;
  }

  .parallel-boxes div {
    margin: 10px auto;
    width: 90%;
  }

  .parallel-boxes div:first-child {
    float: none;
  }

  .parallel-boxes div:last-child {
    float: none;
  }

  .padding {
    padding: 10px 0;
  }

  /*
   * Primary navigation.
   *
   */
  div.mobile-title {
    float: left;
    font-size: 18px;
    padding-top: 2px;
    text-overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
  }

  div#mobile-menu .fa-search {
    width: 5%;
  }

  i.top-nav-search-button:hover {
    background: none;
    color: #5da2bf;
  }

  div#mobile-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  div#mobile-menu ul li input {
    border: none;
    box-sizing: border-box;
    display: inline-block;
    font-size: 22px;
    margin: 0;
    width: 85%;
  }

  div#mobile-menu ul li {
    box-sizing: border-box;
    display: block;
    font-size: 24px;
    padding: .25em .5em;
  }

  div#mobile-menu ul li a:hover {
    text-decoration: none;
    color: #5da2bf;
  }

  a#logo-link {
    padding: 17px 0 0;
    text-align: center;
  }

  #primary-nav img {
    width: 210px;
    margin: 0 auto;
  }

  #mobile-menu-button {
    font-size: 30px;
    height: 52px;
    padding: 10px;
  }

  .primary-nav-item {
    display: block;

    margin: 0;
    padding: .5em;
  }

  .footer-bump {
    height: 75px;
  }

  /*
   * Minisite
   *
   */
  div#minisite {
    width: 95%;
  }

  div.breadcrumbs-container {
    min-height: 25px;
  }

  /*
   * Blog
   *
   */

  div.app-blog {
    width: 100% !important;
  }

  div.app-blog div.blog-detail {
    width: 100% !important;
  }

  img.device-break {
    float: none !important;
    height: auto !important;
    /** max-height: 250px; **/
    width: 100%;
  }

  div.sidebar {
    background: none;
    float: none;
    margin-left: 0;
    width: 100%;
  }

  .sidebar h2 {
    clear: both;
  }

  div.blog-content img {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 100%;
  }

  div.twoup img {
    display: inline;
    margin: 5px;
    width: 45%;
  }

  div.threeup img {
    display: inline;
    margin: 5px;
    width: 45%;
  }

  div.pagination a {
    font-size: 20px;
  }

  div.blog-meta {
    padding: 0;
    text-align: right;
  }

  span.meta-date {
    float: left;
  }

  /* BLOG HEADER */
  img.blog-visual {
    padding: 0;
  }

  div.blog-header {
    height: auto;
    margin: 15px 0;
  }

  div.blog-titlelead-container {
    height: auto;
  }

  div.blog-titlelead {
    top: none;
    transform: none;
  }

  /*
   * Recent news plugin
   *
   */
  div.news-list-item {
    height: auto;
    padding: 0;
    width: 100% !important;
  }

  div.blog-post-preview {
    height: auto;
  }

  /*
   * Feature plugin
   *
   */
  div.feature {
    border-top: none;
  }

  div.feature-grid-item {
    margin: 1% 0 0 0;
    width: 100% !important;
  }

  /*
   * Sections
   *
   */
  div.section-menu a {
    display: none;
    font-size: 18px;
  }

  /** Product Page **/
  div.section-menu a.external-link {
    border-right: 0;
    border-bottom: 1px solid #fff;
    display: block !important;
  }

  div.section-menu a.lightbox {
    border-right: 0;
    border-bottom: 1px solid #fff;
    display: block !important;
  }

  #product-sidebar-left {
    float: none;
    margin: 0;
    padding-top: 10px;
    width: 100%
  }

  #product-sidebar-left img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px;
  }

  #product-main {
    width: 100%
  }

  ul.breadcrumbs {
    font-size: 16px;
  }

  .product-fulfillment-partners {
    text-align: center;
  }


  .product-fulfillment-partners img {
    display: inline-block !important;
    float: none;
    padding: 5px;
    width: 45%;
  }

  /** More Section **/
  div.npm-list {
    max-width: 590px;
    width: 100%;
  }

  .npm-text {
    float: none;
    font-size: 18px;
  }

  /** Upcoming **/
  span.product {
    font-size: 16px;
  }

  .upcoming-upper {
    clear: both;
    height: 100%;
    padding: 10px 10px 0;
  }

  .upcoming-upper > a:after {
    content: '';
    display: block;
    clear: both;
  }

  .upcoming-lower {
    clear: both;
    float: none;
    height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    position: static;
  }

  .upcoming-item .color {
    border-radius: 5px;
    float: none;
  }

  .upcoming-item {
    clear: both;
    height: inherit;
    margin-bottom: 3em;
  }

  .upcoming-lower .upcoming-status-text span.status {
    font-size: 14px;
    padding: 5px 5px 0;
  }

  span.last-updated {
    font-size: 10px;
  }

  span.reprint {
    font-size: 10px;
  }

  span.collection {
    font-size: 12px;
  }

  img.upcoming-status {
    display: none;
    padding: 10px 5px 0;
  }

  #upcoming-search select {
    font-size: 12px;
    height: inherit;
  }

  #upcoming-search input[type="text"] {
    font-size: 18px;
  }

  select.upcoming-category {
    width: 25%;
  }

  select.upcoming-status {
    width: inherit;
  }

  select.upcoming-desc {
    width: inherit;
  }

  form#search-form select {
    margin-bottom: 5px;
  }

  /* SEARCH */
  div.result-coltext {
    float: none;
    margin: 5px 0;
    top: 0;
    transform: none;
    width: 100%;
  }

  div.result-text {
    width: 75%;
  }

  a.search-result div.date {
    min-width: 65px;
    padding: 0 0 5px;
    width: 20%;
  }

  a.search-result div.price {
    min-width: 65px;
    padding: 0 0 5px;
    text-align: center;
    width: 20%;
  }

  a.search-result p.result-line-one {
    font-size: 12pt;
  }

  div.centered-vertically {
    top: 0;
    transform: none;
  }

  a.search-result {
    height: auto;
  }

  a.search-result div.result-text {
    margin-top: 10px;
  }

  /* CATALOG */
  div.grid {
    margin: 5px 0;
    padding: 10px 0;
    width: 100% !important;
  }

  div.catalog-thumb {
    width: 98.25%;
  }

  div.collection {
    float: none;
  }

  img.category-col {
    display: none;
  }
/**
  .product-feature {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
**/
  div.forum-btn {
    float: none;
    height: auto;
    margin-left: 0;
    min-height: 45px;
  }

  div.forum-btn-txt {
    float: none;
    font-size: 18px;
    padding: 10px 5px 0;
  }

  div.forum-btn i {
    float: left;
    padding: 0 10px;
  }

  span.category-tag > p {
    margin: 5px !important;
  }

  div#catalog-container {
    padding: 0;
  }

  div.catalog-thumb {
    margin: 5px 0;
  }

  div.product {
    padding: 5px 0;
  }

/*
 * Individual Product Listings
 *
 */

 .prodlist-img {
  float: none;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 50%;
 }

 .prodlist-desc {
  float: none;
  width: 100%;
 }

 #upcoming .preorder-button {
  display: block;
  clear: both;
  margin-right: -9px;
  margin-left: -9px;
 }

}

/*
 * +---------------------------------------------------------------------------+
 * |                                                                           |
 * |                            Tablet Styles                                  |
 * |                                                                           |
 * +---------------------------------------------------------------------------+
 *
 */
/* max was 923 */
@media only screen and (min-width: 701px) and (max-width: 969px) {
  .visible-mobile, .visible-desktop, .hidden-tablet {
    display: none !important;
  }

  .sidebyside {
    margin: 10px 0;
    padding: 0px;
  }

  a#logo-link {
    padding: 4px 5px 0 0;
  }

  div#content {
    width: 700px;
  }

  div.right-sidebar {
    display: none;
  }

  div#top-nav-search-container {
    width: 700px;
  }

  /* Search */
  a.search-result div.result-text {
    width: 50%;
  }

  form#search-form input {
    font-size: 18pt;
  }

  form#search-form select {
    font-size: 12pt;
    height: 52px;
    padding-left: .25em;
  }

  form#search-form h2 {
    height: 52px;
  }

  .top-nav-search-wrap {
    margin-left: 460px;
  }

  .result-coltext {
    width: 25%;
  }

  /* Product page */
  span#buy-now {
    font-size: 14px;
  }

  #technical-data {

  }

  /**
    span.status {
      font-size: 13px;
      padding: 5px 5px 0;
    }
    **/
  .primary-nav-item {
    font-size: 18px;
    margin-top: 10px;
  }

  div.searchicon-container {
    margin-top: 12px;
  }

  i.search-icon {

  }

  div.npm-list {
    max-width: 31%;
  }

  #product-sidebar-left {
    float: none;
    width: 100%
  }

  .product-sidebar-imgframe {
    float: left;
    margin: 0;
    margin-right: 2%;
    width: 48%;
  }

  #purchase-info {
    float: right;
    width: 45%;
  }

  #buy-now.not-yet-available {
    width: 50%;
  }

  #product-main {
    width: 100%;
  }

  /* BLOG */
  div.blog-detail {
    width: 67% !important;
  }

  div.sidebar {
    margin-left: 1%;
    width: 32%;
  }

  .blog-header > img.device-break {
    float: none !important;
    height: auto !important;
    width: 100%;
  }

  div.app-blog h1 {
    margin: 5px 0 5px;
  }

  div.forum-btn {
    float: none;
    margin-left: 0;
  }

  div.forum-btn-txt {
    float: left;
    font-size: 18px;
    padding: 10px 5px 0;
  }

  div.forum-btn i {
    float: left;
    padding: 0 10px;
  }

  div.blog-content img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 450px;
  }

  div.blog-content img.tablet-center {
    float: none;
    margin: 0 auto;
  }

  div.twoup img {
    display: inline;
    margin: 5px;
    width: 40%;
  }

div.blog-text {
  padding: 10px;
}

  div.blog-text {
    padding: 10px;
  }

  /* BLOG HEADER */
  .blog-header > img.blog-visual {
    padding: 0;
  }

  div.blog-header {
    height: auto;
  }

  div.blog-titlelead-container {
    height: auto;
  }

  div.blog-titlelead {
    top: none;
    transform: none;
  }

  /* UPCOMING */
  select.upcoming-category {
    width: 25%;
  }

  select.upcoming-status {
    width: 25%;
  }

  select.upcoming-desc {
    width: 15%;
  }

  /* CATALOG */
  .grid {
    width: 43% !important;
  }

  div.catalog-thumb {
    width: 31.85%;
  }

  span.category-tag > p {
    margin: 5px !important;
  }

div.news-list-item {
  height: 265px;
}

/*
 * Individual Product Listings
 *
 */

 .prodlist-img {
  float: none;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 50%;
 }

 .prodlist-desc {
  float: none;
  width: 100%;
 }

}

/*
 * +---------------------------------------------------------------------------+
 * |                                                                           |
 * |                           Desktop Styles                                  |
 * |                                                                           |
 * +---------------------------------------------------------------------------+
 *
 */
/* min was 924 */
@media only screen and (min-width: 970px) and (max-width: 1049px) {
  .visible-mobile, .visible-tablet, .hidden-desktop {
    display: none !important;
  }

  div#content {
    width: 970px;
  }

  div.primary-nav-row {
    display: inline;
  }

  div#minisite-content {
    float: left;
    width: 70%;
  }

  a.search-result div.result-text {

  }

  div.forum-btn {
    width: 215px;
  }

  .search-sort-options {
    float: right;
  }

  div.blog-text {
    min-height: 95px;
  }
}

/*
 * +---------------------------------------------------------------------------+
 * |                                                                           |
 * |                           Wide-Screen Styles                              |
 * |                                                                           |
 * +---------------------------------------------------------------------------+
 *
 */

@media only screen and (min-width: 1050px) {
  .visible-mobile, .visible-tablet, .hidden-desktop {
    display: none !important;
  }

  div#content {
    width: 1050px;
  }

  div#minisite-content {
    float: left;
    width: 72%;
  }

  .top-nav-search-wrap {
    margin-left: 747px;
  }

  div.blog-text {
    min-height: 95px;
  }

  div.right-sidebar {
    margin-left: 2%;
    width: 25%;
  }
}