/* Responsive Structure
----------------------------------------------- */
/* Facet Filters Side Bar */
  .region-sidebar-first {
    display: block;
  }
  .sidebar .block {
    width: 300px;
  }
  .sidebar .block-facet .block-content {
    display: none;
  }
  .sidebar .block-facet .fas {
    display: block;
    text-align: unset;
    width: 40px;
    left: 260px;
    top: -26px;
    height: 0;
    position: relative;
  }
  .rotate {
    transform: rotate(180deg);
  }

@media screen and (max-width: 1300px) {
  .wrapper {
    width: 1000px;
  }
  /* 06. Header */
  #header-top {
    flex-wrap: wrap;
  }
  #partner-logo {
    flex-grow: 2;
    order: 2;
    justify-content: space-between;
    padding-bottom: 10px;
  }
  #partner-logo a {
    margin-top: 10px;
    padding: 0;
  }
  #search-bar {
    flex-grow: 2;
  }
  .tiny-slider img {
    width: 96%;
  }
}

@media screen and (max-width: 1060px) {
  .wrapper {
    width: 900px;
  }
  #main-menu > ul.menu a {
    padding: 0 16px;
  }
  #main-menu > ul.menu {
    margin-left: 15px;
  }
}

@media screen and (max-width: 930px) {
  /*  ipad */
  .wrapper {
    width: 706px;
  }
  /* 06. Header */
  #partner-logo img {
    max-height: 45px;
  }
  #main-menu {
    display: none;
  }
  #mobile-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px;
  }

  /* Simplify the basic layout */
  .main-container {
    flex-direction: column;
  }
  .commerce-product .flex-container {
    flex-direction: column-reverse;
  }
  .commerce-product .flex-container .item-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .item-left img {
    align-self: center;
  }
  .layout-region-checkout-main, .layout-region-checkout-footer, .layout-region-checkout-secondary {
    width: 100%;
    float: none;
    padding: 0;
  }
  #main .page-content {
    float: none;
    width: auto;
  }
  .promo-images img {
    width: 225px;
  }
  #content {
    margin-left: 20px;
  }
  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 137px;
  }
  #main .sidebar {
    float: none;
    margin-right: 20px;
    width: auto;
  }

/*  #main-menu > ul.menu a {
      padding: 0 0.8em;
      font-size: 13px;
  }
  #main-menu > ul.menu ul a {
      padding: 10px 0.8em;
  }*/
  #contact-details {
    font-size: 16px;
  }
  /* Search Bar */
  #search-bar .form-item input {
    width: 160px;
  }
  #search-bar {
    margin-left: 0;
  }
  /* Navigation - Touch size 48px*/
  .item-list .pager li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 48px;
    padding: 0;
    min-width: 48px;
    justify-content: center;
    margin-right: 8px;
  }
  .item-list .pager a {
    min-width: 48px;
  }
  .item-list .pager-previous a,
  .item-list .pager-first a {
    padding: 0 10px;
  }
  /* Facet Filters Side Bar */
    .region-sidebar-first {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: space-around;
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .sidebar .block {
      width: 300px;
    }
    .sidebar ul li, li.expanded > .facet-item {
      border-bottom: 1px solid rgb(226, 226, 226);
    }
    .sidebar li > .facets-widget {
      border-top: 1px solid rgb(226, 226, 226);
    }
    .sidebar ul li:last-child {
      border: none;
    }
    .sidebar li > div {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
    }
    .sidebar ul li > label {
      line-height: 48px;
      margin-left: 40px;
      margin-bottom: 0;
    }
    .sidebar .block > .content {
      padding: 0 1em;
    }
    .sidebar .block a {
      font-size: 14px;
      line-height: 48px;
    }
    .facet-limit-link {
      padding: 16px 0;
    }
    .facet-item input[type="checkbox"] {
      transform: scale(1.6);
      margin-right: 20px;
      left: 6px;
      top: 15px;
    }
    .sidebar .block-facet .fas {
      display: block;
      text-align: unset;
      width: 40px;
      left: 260px;
      top: -26px;
      height: 0;
      position: relative;
    }
    .block-facet > .block-content {
      padding: 0 0.7em;
    }
    .rotate {
      transform: rotate(180deg);
    }
  .map iframe {
    width: 420px;
  }
  /* Front page images  */
  .home-content .flex-container {
    display: block;
  }
  h2.title {
    display: none;
  }
  h2.mobile-title {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  /*  small tablet */
  .wrapper {
    width: 480px;
  }
  /* Header  */
  #partner-logo {
    flex-wrap: wrap;
  }
  #partner-logo img {
    max-height: 55px;
  }
  #search-bar input {
    width: 284px;
    margin-top: 0;
  }
  #contact-details {
    margin: 35px 0 20px 0;
  }
  .popup-arrow {
    right: 27px;
  }
  /* Footer  */
  #footer-bottom {
    flex-direction: column;
  }
  #footer-bottom .credit {
    align-self: flex-end;
  }
  /* sidr override*/
   .sidr select {
    display: none !important;
   }
   .sidr ul li ul li ul li a {
    padding-left: 45px;
   }
   #sidr-main.sidr ul li ul li {
    font-size: 14px;
   }
   #sidr-main.sidr ul li ul li ul li {
    font-size: 13px;
   }
  /* Product search bar */
  #mobile-search .views-exposed-widgets {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }
  #mobile-search input[type="text"] {
    width: 100%;
    margin-left: 0;
  }
  .overlay_footer {
    flex-direction: column;
  }
  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
  body {
    padding: 0;
  }
  .header,
  #footer-bottom {
    border-radius: 0;
  }
/*  #main,
  #footer-block-wrap {
    padding-top: 1em;
  }*/
  #site-name {
    font-size: 28px;
    line-height: 38px;
  }
  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 82px;
  }
  #slider {
    margin-bottom: 0em;
  }
  blockquote {
    margin: 0;
  }
  blockquote.pull {
    font-size: 17px;
  }
  /* Blocks and Views */
  .block-search-api-context, .view-filters {
    padding: 0;
  }
  .view-header {
    display: block;
    text-align: right;
  }
  .view-header .views-exposed-widgets {
    flex-direction: column;
    align-items: flex-end;
  }
  .views-exposed-widget .form-item {
    margin: 0 0 0.5em 0;
  }
  .contacts {
    padding: .8em .5em;
  }
  .social-profile {
    float: right;
    position: relative;
    left: auto;
    margin-bottom: -1px;
  }
  .social-profile ul li {
    display: inline-block;
    float: none;
  }
  .map iframe {
    width: 452px;
    margin-bottom: 10px;
  }
  /* Search pages  */
  #search-bar .views-exposed-form {
    justify-content: flex-end;
  }
  .views-exposed-form, .views-exposed-form form {
    justify-content: space-evenly;
  }
  .views-exposed-form form {
    flex-direction: column;
    align-items: center;
  }
  .views-exposed-form .form-item {
    margin: 0 0 1em 0;
  }
  /* Product pages */
  .field-commerce-price {
    font-size: 24px;
  }
  .current-sale {
    height: 100%;
    margin-bottom: 0;
  }
  #content-wrap {
    margin: 0;
  }
  /* Checkout */
  .checkout-progress {
    display: flex;
    flex-direction: column;
  }
  .checkout-progress li {
    margin: 5px 0;
  }
}

@media screen and (max-width: 539px) {
  /*  iphone */
  .wrapper {
    width: 320px;
  }
  #site-logo {
    flex-grow: 2;
    text-align: center;
  }
  #sidebar-left {
    margin-right: 20px;
  }
  #search-bar .form-item input {
    margin-top: 0;
    width: 100%;
  }
  #partner-logo {
    order: 0;
  }
  #contact-details {
    margin: 0 0 20px 0;
  }
  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 57px;
  }
  #main {
    padding-top: 0;
  }
  #content {
    margin-left: 6px;
    margin-right: 6px;
  }
  .social-profile {
    float: left;
    position: relative;
    left: auto;
  }
  .comment .attribution, .comment .comment-text {
    display: inline-block;
  }
  .map iframe {
    width: 280px;
  }
  .footer-top-second {
    margin-right: 0;
  }
  .footer-top-third {
    margin-left: 0;
    margin-right: auto;
  }
  /* Search results */
  .sidebar .block-facet .fas {
    left: 240px;
  }
  .view-site-search .views-field-image-hard-link span {
    width: 100%;
    align-items: center;
  }
  .views-element-container .flex-container {
    display: block;
  }
  .views-element-container .views-field-field-image-hard-link {
    float: left;
    margin-right: 20px;
  }
  .view-sheet-music .views-field-field-image-hard-link img {
    width: 100px;
  }
  .view-search-content {
    margin-left: 0;
  }
  .views-exposed-form {
    flex-direction: column;
  }
  /* Hide pager buttons at the bottom of the search results */
  .view-site-search .item-list .pager .pager-first,
  .view-site-search .item-list .pager .pager-item,
  .view-site-search .item-list .pager .pager-ellipsis,
  .view-site-search .item-list .pager .pager-last {
    display: none;
  }
  .flex-control-nav {
    display: none;
  }
  input[type="submit"] {
    padding: 10px 26px;
  }
  .popup-arrow {
    right: 56px;
  }
  .view-site-search .views-row {
    flex-direction: column;
  }
  /* Commerce product pages  */
  .commerce-product .item-left {
    padding: 0;
  }
  .commerce-product img {
    max-width: 280px;
  }
  /* Checkout actions */
  .commerce-checkout-flow .form-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  a.link--previous {
    margin-left: 0;
    margin-top: 20px;
  }
}

@media screen and (max-width: 350px) {
  /* small phone */
  .wrapper {
    width: 100%;
  }
  #search-bar input, li.views-fluid-grid-item .product-tile-image {
    width: 100%;
  }
  .wrapper {
    margin-top: 0;
  }
  .header {
    border-top: none;
  }
  input[type="text"] {
    width: 98%;
  }
  #nav-slider .nav-previous,
  #nav-slider .nav-next {
    top: 45px;
  }
  .sidebar .block-facet .fas {
    left: 93%;
  }
  .sidebar .block, li.views-fluid-grid-item .product-tile-image {
    width: 90%;
  }
}