.body{
   color:#000000;
   background-size: cover;
   background-repeat: no-repeat;
}
.breadcrumbs{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 12px;
   font-weight: 300;
   letter-spacing: 1.4px;
}
.about-text{
   color: #3F3F3F;
   font-family: "Raleway", Sans-serif;
   font-weight: 400;
   letter-spacing: 0.5px;
}

.card-body{
   background-color: #ffffff;
   font-family: Raleway, sans-serif;
}

.a-decorate{
   line-height: inherit;
   color: #ffffff;
   font-family: "Raleway", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   border-radius:0px!important;
   letter-spacing: 1.4px;
   text-decoration: none;
}

.a-decorate:hover{
   color: #ffffff;
   text-decoration: underline;
}

.btn-small-white{
   background-color:#ffffff!important;
   line-height: inherit;
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   border-radius:0px!important;
   letter-spacing: 1.4px;
   text-decoration: none;
   border:1px solid #000000;
}

.btn-small-white:hover{
   color: #000000;
   text-decoration: underline;
}

.has-search .form-icons-ins-t{
   line-height: 1.875rem!important;
   position: absolute;
   z-index: 2;
   width: 2.375rem;
   height: 2rem;
   text-align: center;
   pointer-events: none;
   font-weight: 100;
   font-size: 14px;
}


.form-control{
   background-color:#f4f2f2;
}

.cart-product-title{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1.5px;
}

.shop-add{
   color: #252525;
   font-family: "Raleway", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0.5px;
}

.shop-detail{
   color: #252525;
   font-family: "Raleway", Sans-serif;
   font-size: 13px;
   font-weight: 400;
   letter-spacing: 0.5px;
}


/*price range*/
   .price-container {
      display: flex;
   }
   .pri_range{
      color: #000000;
      font-family: "Raleway", Sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.5px;
   }

   .price-field {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding: 5px 0px 5px 0px;
      z-index:5;
   }

   .price-field input[type=range] {
      position: absolute;
   }

   /* Reset style for input range */

      .price-field input[type=range] {
         width: 100%;
         height: 9px;
         border: 4px solid #e0b23f;
         outline: 0;
         box-sizing: border-box;
         border-radius: 5px;
         pointer-events: none;
         -webkit-appearance: none;
      }

      .price-field input[type=range]::-webkit-slider-thumb {
         -webkit-appearance: none;
      }

      .price-field input[type=range]:active,
      .price-field input[type=range]:focus {
         outline: 0;
      }

      .price-field input[type=range]::-ms-track {
         width: 188px;
         height: 5px; 
         border: 0;
         outline: 0;
         box-sizing: border-box;
         border-radius: 5px;
         pointer-events: none;
         background: transparent;
         border-color: transparent;
         color: red;
         border-radius: 5px;
      }

   /* Style toddler input range */
      .price-field input[type=range]::-webkit-slider-thumb { 
         /* WebKit/Blink */
         position: relative;
         -webkit-appearance: none;
         margin: 0;
         border: 0;
         outline: 0;
         border-radius: 50%;
         height: 10px;
         width: 10px;
         margin-top:-3px;
         background-color: #101010;
         cursor: pointer;
         cursor: pointer;
         pointer-events: all;
         z-index: 100;
      }

      .price-field input[type=range]::-webkit-slider-runnable-track { 
         /* WebKit/Blink */
         width: 200px;
         height: 4px;
         cursor: pointer;
         background: #101010;
         border-radius: 5px;
      }

   /* Style for input value block */
      .price-wrap-1, .price-wrap-2 {
         display: flex;
         margin-left: 0px;
      }

      .range_price_digit-label{
         line-height: 1em;
         color: #000000;
         font-family: "Raleway", Sans-serif;
         font-size: 12px;
         font-weight: 400;
         letter-spacing: 0.5px;
         padding-top:7px;
      }

      .range_price_digit{
         width: 50px;
         text-align: right;
         margin: 0;
         padding: 0;
         margin-right: 2px;
         background:  0;
         border: 0;
         outline: 0;
         line-height: 1em;
         color: #000000;
         font-family: "Raleway", Sans-serif;
         font-size: 12px;
         font-weight: 400;
         letter-spacing: 0.5px;
      }

   /* Style for active state input */ 
      .price-field input[type=range]:hover::-webkit-slider-thumb {
         box-shadow: 0 0 0 0.5px #242424;
         transition-duration: 0.3s;
      }

      .price-field input[type=range]:active::-webkit-slider-thumb {
         box-shadow: 0 0 0 0.5px #242424;
         transition-duration: 0.3s;
      }
   /*close*/





   .catalogue-title{
      color: #000000;
      font-family: "Raleway", Sans-serif;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      height: 35px!important;
   }
   .catalogue-name{
      color: #000000;
      font-family: "Raleway", Sans-serif;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 1.4px;
   }




/* ============ desktop view ============ */
   @media all and (min-width: 992px) {
      .filter-md-1{
         width:8%;
         padding:4px;
      }

      .img-fluid {
         height:300px!important;
      }

      .filter-md-2{
         width:15.3%;
         padding:4px;
      }
      
      .filter-md-2-2{
         width:15%;
         padding:4px;
      }
      
      .filter-md-7{
         width:77%;
      }

      .catalogue-container .col-md-3{
         width: 20%;
      }
      .catalogue-name {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: normal;
         max-height: 6em;
       }
   }
/* =======close=======*/

   @media all and (max-width: 650px) {
      .btn-filter-show{
         width:50%!important;
      }
      .catalogue-name {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: normal;
         max-height: 6em;
       }
   }