.filter {
  ul {
    margin:0;
    padding: 0;
    list-style:none;
    li {
      display:inline-block;
    }
  }

  h3 {
    text-align:left;
    font-family: 'Raleway-Bold';
     -moz-font-feature-settings:"lnum" 1;
-ms-font-feature-settings:"lnum" 1;
-o-font-feature-settings:"lnum" 1;
-webkit-font-feature-settings:"lnum" 1;
font-feature-settings:"lnum" 1; 
    font-size: 1.5em;
  }
  
  .category_filters  {
   .select2 {
    min-width: 200px;
    margin-bottom: 3px;
   } 
   .small_filter{
     min-width: 140px!important;
     width: 140px;
   }
   label{
     font-size: 14px;
   }
   }


  li.clear_filter {
    .btn {
      font-family: 'Open Sans';      
      color:#a71e25;
      font-size: 1.5em;
      span {
       margin-right:10px;
      }
    }
    .btn:hover {
      color: #000;
    }
  }


}

.filter.category_filters.mobile {
  display: none;
  margin-top: -21px;

  .panel.panel-default.main{
    border: 0px;
  }
  .panel-heading.main {
    color: #fff;
    background-color: #9c0f17;
    border-color: #ddd;
    border-radius: 0%;

    .panel-title {
      text-align: left;
      font-weight: bold;
      font-size: 1.8em;
    }
    .panel-title>a {
      display: block;
      text-decoration-line: none;
    }
    h4.panel-title .accordion-toggle:after {
      font-family: 'Glyphicons Halflings';
      content: "\e082";
      float: right;
      color: white;
      font-size: 1.2em;  
    }
    h4.panel-title .accordion-toggle.collapsed:after {
      font-family: 'Glyphicons Halflings';
      content: "\e081";
      float: right;
      color: white;
      font-size: 1.2em;
    }
  }
  
  .panel.panel-default{
    border: 0px;
    margin-top: 0px;
    box-shadow: none;
    border-bottom: 1px solid #9c0f17;
    border-radius: 0;
  }
  .panel-heading{
    color: #000;
    background-color: #fff;
    border-radius: 0%;
  }
  .panel-title {
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
  }
  .panel-title>a {
    display: block;
    text-decoration-line: none;
  }
  .child-accordion .panel-title a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e082";
    float: right;
    color: #9c0f17;
    font-size: 1.6em;
    margin-top: -4px;
  }
  .child-accordion .panel-title a.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content: "\e081";
    float: right;
    color: #9c0f17;
    font-size: 1.6em;
    margin-top: -4px;
  }
  .panel-body{
    border-top: 0;
    padding-top: 0;
  }
  .panel-body .checkbox{
    width: 50%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .panel-body .checkbox label{
    font-weight: 400;
    font-size: 12px;
  }
  .panel-body .checkbox input[type="checkbox"]{
    margin:2px -20px 0;
  }
}

/*On off switch mobile stock_only*/
.mobile.stock_only{
  display: none;
  margin-top:-36px;
  margin-bottom: 31px;
  .text_in_stock{
    float:right; 
    width:30%; 
    text-align: right;
    padding-right: 3px;
    span{
      font-weight: bold;
      text-transform: uppercase;
      font-family: Trebuchet, Arial, sans-serif;
    }
  }
}
.mobile.stock_only.stock_no_pagination{
  margin-top: 0;
  margin-bottom: 0;
  float:right;
}
.onoffswitch {
  position: relative; width: 63px;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
  float:right;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block; overflow: hidden; cursor: pointer;
  border: 1px solid #FFFFFF; border-radius: 20px;
  margin: 0px;
}
.onoffswitch-inner {
  display: block; width: 200%; margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
  font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "YES";
  padding-left: 10px;
  background-color: #9C0F17; color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "NO";
  padding-right: 10px;
  background-color: #9C0F17; color: #FFFFFF;
  text-align: right;
}
.onoffswitch-switch {
  display: block; width: 15px; margin: 6px;
  background: #FFFFFF;
  position: absolute; top: 0; bottom: 0;
  right: 35px;
  border: 2px solid #FFFFFF; border-radius: 20px;
  transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; 
}

@media (max-width: 383px)
{
  .filter.category_filters.mobile {
    margin-left: -5px;
    margin-right: -5px;
  }
}
@media (min-width: 383px)
{
  .filter.category_filters.mobile {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media(max-width:589px) {
  .sub-category {
     .content {
       margin-top: 180px !important;	 
     }
   }
}

@media (max-width: 500px) {
   .category_filter{
     margin-top:13px !important;
     padding-bottom: 10px;
   }
   .category_filter li{
     display:block !important;
     margin:5px 0 !important;
   }

   .category_filter li .seperator {
     display:none !important;
   }
  }

 .select2-results span  {
   padding-left: 8px;
  }

 .select2-results  li:hover {
    background-color:transparent;
    color: #111;
    text-decoration:underline;
  }


@media only screen and (max-width: 380px){
  .filter .category_filters .select2{
    padding: 2px 0;
  }
}

@media only screen and (max-width: 480px){
  .sub-category .content{
    margin-top: 110px !important;
  }
  .filter ul li input {
    width: 250px !important;
  }
  .filter .category_filters .small_filter {
    width: 252px !important;
  }
  .clear_filter.has_pin.hide{
    display: block !important;
  }
  .filter.category_filters.mobile{
    display: block;
  }
  .filter.category_filters{
    display: none;
  }
  .mobile.stock_only{
    display: block;
    height:45px;
  }
  .products-found-info{
    width: 100%;
    display: block;
    text-align: right;
    padding-right: 3%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 480px){
  .sub-category .content{
    margin-top: 110px !important;
  }
  .filter ul li{
    display: inline;
    width: 50%;
    float: left;
    padding: 2px 2px;
  }
  .clear_filter.has_pin.hide{
    display: block !important;
    width: 100%;
  }
  .filter .category_filters .select2{
    width: 100%;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1024px){
  .sub-category .content{
    margin-top: 120px !important;
  }
}