/* #Media Queries
================================================== */

/*@media only screen and ( min-width: 981px ) {*/
@media only screen and ( min-width: 996px ) {
  #mobile-header { display: none! important; }
}

/*@media only screen and ( max-width: 980px ) {*/
@media only screen and ( max-width: 995px ) {  
  .tablet-hide { display: none! important; }
  #logo { /*margin-bottom: 10px;*/ margin-top: 0; text-align: center; }
  #logo .shifter-handle, #search .shifter-handle { display: none! important; }
}

@media only screen and (min-width: 740px) {
  #dropdown { display: none; }
  .dropdownwrap { display: block; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
  /*.first { clear: none; }*/
  .tablet-first { clear: left; }
  .homepage-promo .caption p { display: none! important; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 740px) {
  #shopify-section-header {
    margin-bottom: 0;
  }
  #top-bar {
    background: #000;
    /*background: #333;*/
    color: #fff;
    margin-bottom: 0;
    text-align: center! important;
  }
  #mobile-header {
    display: block;
    padding-top: 50px;
    position: fixed;
    width: 100%;
    z-index: 9997;
  }
  a.wk-link .wk-icon svg path {
    stroke: #6aa4d6 !important;
  }
  #header-wrapper {
    padding-top: 100px;
  }
  .navigation { display: none; }
  .text_section {
    margin-top: 30px! important;
  }
  section.homepage-section.slideshow-section .row {
    width: 100%;
  }
  section.homepage-section.slideshow-section .row .mobile-3 {
    width: 100%;
    margin: 0;
  }
  section.homepage-section.slideshow-section .flexslider .slides li img {
    width: 150%! important;
    margin-left: -25%;
  }
  #big-footer {
    /*text-align: center; OBM_ */
  }	
  .flex-caption {
    width: 100%! important;
    left: 50%! important;
    margin-left: -50%! important;
  }
  .caption-inners {
    width: 100%;
  }  
  .flex-caption h2.slide-title {
    /*font-size: 18px! important; OBM_ */
    margin-bottom: 0;
  }
  .flex-caption p.caption {
    /*font-size: 14px! important; OBM_ */
  }
  .cta {
    /*margin-top: 20px! important; OBM_ */
  }
  .cta a {
    /*font-size: 14px! important; OBM_ */
    /*padding: 5px 8px! important; OBM_ */
  }  
  .homepage-section .flexslider .slides img {
    width: 150%! important;
    margin-left: -25%;
    max-width: initial! important;
  }
  .mobile-hide { display: none; }
  .first { clear: none; }
  .tablet-first { clear: none; }
  .mobile-first { clear: left; }  

  .product-index:nth-child(2n+1) { clear: left; }

  /*.homepage-promo { margin-bottom: 20px; } OBM_ */

  .dropdownwrap { display: none; }

  #search input#q {
    text-align: center;
    border: 1px solid #dfeced! important;
    line-height: 24px;
    width: 100%;
  }

  #subscribe_popup { width: 300px; }

  #search i.fa.fa-search { display: none; }
  #product-photos { display: none; }

  div#product-description {
    text-align: center;
    /*margin-top: 30px;*/
  }

  .swatch-element {
    float: none! important;
    display: inline-block;
    margin: 0 5px;
  }

  .product-add.clearfix {
    text-align: center;
  }

  a.downer {
    float: none;
    display: inline-block;
  }

  a.up {
    float: none;
    display: inline-block;
  }

  input.quantity {
    float: none;
    display: inline-block! important;
  }

  input.add.clearfix {
    float: none;
    display: block;
    margin: 20px auto;
    width: 100%! important;
  }

  .desc {
    /*text-align: center;*/
  }

  span.twitter, span.facebook, span.pinterest {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  div#soc {
    margin-bottom: 20px;
  }

  ul.view-more {
    text-align: center;
  }  

  ul#sortme li {
    width: 100%;
    margin: 0! important;
    display: block;
  }

  #full-width-filter p {
    display: block;
    line-height: initial;
    margin-bottom: 4px; 
  }

  select.styled-select {
    display: block;
    width: 100%;
    clear: left;
    margin: 0;
  }

  #logo img { max-width: 200px; }
}