/****************
** Shop layout **
*****************/
#shop #category-list {
  margin-bottom: 30px; }
  @media (max-width: 1000px) {
    #shop #category-list {
      margin-bottom: 0; } }
#shop #sidebar {
  margin-top: 67px; }
  @media (max-width: 1200px) {
    #shop #sidebar {
      width: calc(25% - 2%); } }
  @media (max-width: 1000px) {
    #shop #sidebar {
      width: 100% !important;
      margin-bottom: 10px;
      margin-top: 20px; } }
  #shop #sidebar nav {
    border-top: none; }
    #shop #sidebar nav #nav-products, #shop #sidebar nav #nav-prices, #shop #sidebar nav #nav-manufacturers {
      display: block;
      background: #fff;
      color: #404957;
      padding: 10px 15px;
      border-bottom: 1px solid #f4f4f4; }
      @media (max-width: 1000px) {
        #shop #sidebar nav #nav-products, #shop #sidebar nav #nav-prices, #shop #sidebar nav #nav-manufacturers {
          padding: 7px 0px; } }
      #shop #sidebar nav #nav-products h3, #shop #sidebar nav #nav-prices h3, #shop #sidebar nav #nav-manufacturers h3 {
        color: #333;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 600; }
        @media (max-width: 1000px) {
          #shop #sidebar nav #nav-products h3, #shop #sidebar nav #nav-prices h3, #shop #sidebar nav #nav-manufacturers h3 {
            font-size: 18px; } }
      #shop #sidebar nav #nav-products span, #shop #sidebar nav #nav-prices span, #shop #sidebar nav #nav-manufacturers span {
        margin-top: 5px;
        float: right;
        font-size: 16px; }
        @media (max-width: 1000px) {
          #shop #sidebar nav #nav-products span, #shop #sidebar nav #nav-prices span, #shop #sidebar nav #nav-manufacturers span {
            font-size: 16px; } }
    #shop #sidebar nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    #shop #sidebar nav li {
      display: block; }
      #shop #sidebar nav li a {
        display: block;
        color: #404957;
        font-size: 12px;
        padding-left: 15px; }
        #shop #sidebar nav li a:hover, #shop #sidebar nav li a:focus, #shop #sidebar nav li a.selected {
          text-decoration: none;
          color: #000;
          background: #fff; }
        #shop #sidebar nav li a.category-expand {
          float: right;
          width: 32px; }
        #shop #sidebar nav li a.selected + ul {
          display: block; }
      #shop #sidebar nav li ul {
        padding: 0 0 0 15px; }
        #shop #sidebar nav li ul a {
          display: block;
          font-size: 12px;
          font-weight: 400; }
        #shop #sidebar nav li ul ul {
          border-left: 10px solid #fff;
          padding: 0; }
          #shop #sidebar nav li ul ul a {
            font-size: 16px;
            background: #fff; }
  #shop #sidebar div.shopfilter {
    background: #404957;
    color: white;
    margin: 30px 0;
    padding-top: 1px; }
    #shop #sidebar div.shopfilter h3 {
      color: white !important;
      margin: 15px; }
    #shop #sidebar div.shopfilter ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      #shop #sidebar div.shopfilter ul li {
        display: block; }
        #shop #sidebar div.shopfilter ul li a {
          display: block;
          color: #404957;
          font-size: 16px;
          padding: 10px 15px;
          background: #e4e4e4;
          border-bottom: 1px solid #fff; }
          #shop #sidebar div.shopfilter ul li a:hover, #shop #sidebar div.shopfilter ul li a:focus, #shop #sidebar div.shopfilter ul li a.selected {
            text-decoration: none;
            color: #000;
            background: #fff; }
#shop #shopbody {
  padding: 60px 0; }
  @media (max-width: 1200px) {
    #shop #shopbody {
      width: calc(75% - 2%); } }
  @media (max-width: 1000px) {
    #shop #shopbody {
      width: 100% !important; } }
  #shop #shopbody h2.category-name {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 8px;
    margin-bottom: 0; }
    @media (max-width: 1200px) {
      #shop #shopbody h2.category-name {
        font-size: 28px; } }
  #shop #shopbody #pagination {
    padding: 5px;
    text-align: right;
    font-size: 11px;
    margin-bottom: -40px; }
    #shop #shopbody #pagination form {
      display: inline-block;
      margin: 0 10px; }
      #shop #shopbody #pagination form input {
        display: inline;
        width: 50px;
        text-align: center;
        margin: 0 5px;
        font-size: 11px; }
    #shop #shopbody #pagination a {
      display: inline-block; }
  #shop #shopbody .page-image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
  #shop #shopbody #product-list {
    margin-top: 50px;
    margin-bottom: 50px; }
    #shop #shopbody #product-list ul {
      list-style: none;
      padding: 0;
      margin: 0;
      border-left: 1px solid #f4f4f4;
      border-top: 1px solid #f4f4f4; }
      @media (max-width: 1000px) {
        #shop #shopbody #product-list ul {
          flex-direction: row !important; } }
      @media (max-width: 768px) {
        #shop #shopbody #product-list ul {
          flex-direction: column !important; } }
      #shop #shopbody #product-list ul li {
        margin-bottom: 0px;
        position: relative;
        border-right: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        padding: 15px; }
        @media (max-width: 1000px) {
          #shop #shopbody #product-list ul li {
            width: calc(25% - 2%) !important; } }
        @media (max-width: 768px) {
          #shop #shopbody #product-list ul li {
            width: 100% !important; } }
        #shop #shopbody #product-list ul li .badges {
          position: absolute;
          top: 20px;
          left: 20px;
          z-index: 500; }
          #shop #shopbody #product-list ul li .badges a.badge {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #999;
            color: white;
            font-size: 10px;
            border-radius: 100%;
            text-align: center;
            line-height: 20px; }
        #shop #shopbody #product-list ul li a.product {
          position: relative;
          display: block; }
          #shop #shopbody #product-list ul li a.product img {
            width: 100%;
            height: auto;
            margin: 0%; }
          #shop #shopbody #product-list ul li a.product h3 {
            margin: 0px 0px 10px 0px;
            font-size: 14px; }
          #shop #shopbody #product-list ul li a.product h4 {
            font-size: 24px;
            margin: 0;
            padding-bottom: 5px; }
            #shop #shopbody #product-list ul li a.product h4 span {
              font-size: 12px; }
  #shop #shopbody #news-list {
    margin: 40px 0 50px 0; }
    #shop #shopbody #news-list ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #shop #shopbody #news-list ul li {
        margin-bottom: 20px; }
        #shop #shopbody #news-list ul li:first-of-type a img, #shop #shopbody #news-list ul li:nth-of-type(2) a img, #shop #shopbody #news-list ul li:nth-of-type(3) a img {
          width: 56%;
          float: left; }
        #shop #shopbody #news-list ul li:first-of-type a div.overtext, #shop #shopbody #news-list ul li:nth-of-type(2) a div.overtext, #shop #shopbody #news-list ul li:nth-of-type(3) a div.overtext {
          width: 40%;
          float: right;
          height: 100%;
          padding: 30px; }
        #shop #shopbody #news-list ul li a {
          position: relative;
          height: 100%;
          display: block;
          border: 1px solid rgba(0, 0, 0, 0.1);
          color: #666 !important; }
          #shop #shopbody #news-list ul li a img {
            width: 90%;
            height: auto;
            margin: 2%; }
          #shop #shopbody #news-list ul li a div.overtext {
            background: #f4f4f4;
            padding: 10px 20px;
            max-width: 100%;
            box-sizing: border-box; }

#category-search {
  list-style: none;
  padding: 0; }
  #category-search li a {
    position: relative;
    height: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 10px solid #ccc; }
    #category-search li a img {
      width: 100%;
      height: auto;
      margin: 0%; }
    #category-search li a div.overtext {
      background: #f4f4f4;
      padding: 10px 20px;
      max-width: 100%;
      bottom: 0;
      right: 0;
      box-sizing: border-box; }
      #category-search li a div.overtext h3 {
        margin: 0px 0px 0px 0px;
        font-size: 18px; }

/* customise the image gallery */
#slider.flexslider {
  margin: 0 0 10px 0;
  background: #fff;
  border-radius: 0;
  position: relative;
  zoom: 1; }
  #slider.flexslider .slides {
    zoom: 1;
    overflow: hidden; }
    #slider.flexslider .slides li {
      height: 100%; }
      #slider.flexslider .slides li img {
        width: 100%;
        height: auto;
        margin: 0 auto; }

#carousel.flexslider {
  margin: 0;
  border-radius: 0;
  position: relative;
  zoom: 1; }
  #carousel.flexslider .slides {
    zoom: 1; }
    #carousel.flexslider .slides li:hover {
      cursor: pointer; }

#product-detail {
  padding-top: 60px; }
  @media (max-width: 1000px) {
    #product-detail {
      width: 100% !important; } }
  #product-detail h2.product-name {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 8px;
    margin-bottom: 0px;
    padding-left: 20px; }
    @media (max-width: 1200px) {
      #product-detail h2.product-name {
        font-size: 28px;
        padding-left: 0; } }
    @media (max-width: 768px) {
      #product-detail h2.product-name {
        font-size: 22px;
        padding-left: 0; } }
  #product-detail h4.price {
    font-size: 32px;
    font-weight: 600;
    margin: 10px 0 10px 20px;
    position: relative; }
    @media (max-width: 1200px) {
      #product-detail h4.price {
        font-size: 22px;
        margin-left: 0; } }
    @media (max-width: 768px) {
      #product-detail h4.price {
        font-size: 18px; } }
    #product-detail h4.price span {
      font-size: 18px;
      font-weight: 300; }
    #product-detail h4.price .badges {
      position: absolute;
      top: 5px;
      right: 15px; }
      #product-detail h4.price .badges a.badge {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #999;
        color: white;
        font-size: 10px;
        border-radius: 100%;
        text-align: center;
        line-height: 20px; }
  #product-detail .breadcrumbs {
    margin: 0 0 20px -10px;
    border-bottom: 1px solid #f4f4f4; }
  #product-detail .cart-add {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 20px;
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      #product-detail .cart-add {
        padding-left: 0; } }
    #product-detail .cart-add h5 {
      margin: 0px !important; }
      #product-detail .cart-add h5 span {
        font-weight: 400; }
      @media (max-width: 768px) {
        #product-detail .cart-add h5 {
          font-size: 14px; } }
    #product-detail .cart-add .add-to-cart {
      text-align: right;
      float: right;
      width: 50%; }
      @media only screen and (max-width: 600px) {
        #product-detail .cart-add .add-to-cart {
          float: none;
          text-align: left;
          width: auto; } }
      #product-detail .cart-add .add-to-cart input[type=text] {
        display: inline-block;
        max-width: 60px;
        text-align: center;
        padding: 10px 10px;
        color: #333;
        font-size: 20px; }
  #product-detail #overview {
    padding: 30px 20px; }
    @media (max-width: 1200px) {
      #product-detail #overview {
        padding-left: 0; } }
  #product-detail nav.tabs {
    margin-bottom: 0; }
    #product-detail nav.tabs li.active a {
      border: none;
      border-bottom: 1px solid #333;
      font-weight: 400; }
  #product-detail #tabs {
    background: #f4f4f4;
    margin: 0 0 30px 0; }
    #product-detail #tabs div {
      padding: 10px 20px; }