.body{
   color:#000000;
   background-size: cover;
   background-repeat: no-repeat;
}

.d-name{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 1.4px;
}



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

/* .card-zoom:hover {
   transform: scale(1.07);
   border:none;
}
.card-zoom{
  transition: all .4s ease;
} */


.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;
}

/*price range*/
   .price-container {
      display: flex;
   }
   .pri_range{
      color: #000000;
      font-family: "Raleway", Sans-serif;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1.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: center;
         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*/

.label-p-type{
   font-family: "Actor", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0.7px;
   color: #54595F;
   align-self: center;
   padding-left: 5px;
}

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

.price-range-apply-btn{
   font-family: "Raleway", Sans-serif;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.5px;
   color: #EECC46;
   background-color: #101010;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   border-radius: 50px 50px 50px 50px;
   padding: 4px 8px 4px 8px;
}

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

.catalogue-name{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 1.4px;
}

.card-header{
   background-color: #F4F2F2!important;
}


/*color piker open*/
   .color-checked {
      display: none;
   }

   .color-select {
      display: inline-block!important;
      position: relative!important;
      width: 25px!important;
      height: 25px!important;
      margin: 2px!important;
      cursor: pointer!important;
      border-radius:5px;
   }

   .color-select span {
      display: block!important;
      position: absolute!important;
      width: 25px!important;
      height: 25px!important;
      top: 50%!important;
      left: 50%!important;
      transform: translate(-50%, -50%)!important;  
      transition: ease .3s!important;
      border-radius:2px;
      border:1px solid #000000!important;
   }

   .color-select span:hover{
      padding: 1px!important;
      border:1px solid #000000!important;
   }

   
   .orange .color-select span{
      background: #FF5722;
   }
   .active-border{
      border:4px solid #000000!important;
      padding: 12px!important;
   }

/*color piker close*/



.product-name{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 1.4px;
   /* overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap; */
}
.designer-name{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 13px;
   font-weight: 500;
   letter-spacing: 1.5px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.product-price{
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 1.4px;
}

.product-stock-tag-box{
   margin-top: -21px;
   cursor: pointer;
   z-index: 2;
   color: #000000;
   font-family: "Raleway", Sans-serif;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 1.4px;
   height: 20px;
}
.stock-tag-text{
   background-color: #f1f1f1eb;
   width:60%;
}

   .btn-product-action{
      font-family: "Raleway", Sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.6px;
      fill: #313130;
      color: #313130;
      background-color: #FFFFFF;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #050505;
      border-radius: 5px 5px 5px 5px;
      padding: 8px 4px 8px 4px;
      height: auto;
   }
   .btn-product-action:hover{
      text-decoration: underline;
   }

   .p-name-box{
      height: 70px!important;
   }
   .c-name-box{
      height: 70px!important;
   }
   .d-name-box{
      height: 40px!important;
   }
/* ============ desktop view ============ */
   @media all and (min-width: 992px) {
      .filter-md-1{
         width:8%;
         padding:4px;
      }

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

      .other-filter-col-md-3{
         width: 20%;
      }
      .product-col-md-10{
         width: 78.5%;
      }
      #dynamic_content .col-md-3{
         width: 25%;
      }
      .stock-tag-text{
         padding:5px 25px 5px 25px;
      }
      .product-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;
      }
      .stock-tag-text {
         padding: 5px 10px 5px 10px;
      }

      .product-img-height{
         max-width: 100%;
         height: 200px;
      }

      .pri_range {
         font-size: 12px!important;
      }
      .product-name {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: normal;
         max-height: 6em;
       }

      
   }

   @media all and (min-width: 1250px) {
      .product-img-height{
         max-width: 100%;
         height: 350px;
      }
      .product-name {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: normal;
         max-height: 6em;
       }
   }