/* ----------------------------------------------------------
    :: Template Name: Karl - Fashion Ecommerce Template
    :: Author: Colorlib
    :: Author URL: https://colorlib.com
    :: Description: Karl is smart & elegant fashion e-commerce Template. It's suitable for all e-commerce business platform. It's super responsive for all      Desktop/Mobile layout.
    :: Version: 1.0
    :: Created: 09 January 2018
    :: Last Updated: 09 January 2018 
    ---------------------------------------------------------- */

    /* -------------------------------------------------
    ============ PLACE YOUR CUSTOM CSS HERE ============
    ------------------------------------------------- */

    /* wherebuy */
 /* .searchrow{
     position:relative;
 } */
 /* .option-where{
     width: auto;
     height: 40px;
     border-radius: 5px;
 } */
 .option-where{
    border: 0;
    color: #c41f1f; 
    background: transparent;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 10px;   
    background: #EEE;
    -webkit-appearance: none;
 }
 .filter-menu{
     margin-top: 5px;
     
 }
 .index-page{
      overflow: hidden;
 }

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #c41f1f;
    background-color: #ddd;
    border-color: #ddd;

}
.page-item.active .page-link {  
    background-color: #c41f1f;
    border-color: #c41f1f;
}
.page-link { 
    color: #c41f1f;    
}


.product-links{    
    display: flex;
    justify-content: center;
    margin: 10px auto;
}
 .searchrow>form{
     position:absolute;
 }
    .main-col-item2>.col{
        margin-top: 71px;
        line-height: 63px;
    }  
    .main-col-item2 div:nth-child(1) h1{
        color: #ee0822;
    }
   .main-title>.one-span{
        color: #ee0822;
   }
   .main-title>.two-span{
    font-size: 15px;
    margin-right: 10px;
   }
.second-title>.one-span{
    margin-right: 20px;
}
/* .second-title-input{

} */
.item-1{
    text-align: center;
    margin-top: 84px;
    padding: 69px 40px 38px 21px;
    border: 1px solid #ec001a;
    width: 100%;
    height: auto;
}
.item-1>.cont-1>h4{
   color:#ec001a;
   min-width: 191px;
}
.item-2{  
    text-align: center;
    margin-top: 84px;
    padding: 69px 40px 38px 21px;
    border: 1px solid #d7d7d7;
    width: 100%;
    height: auto;
    margin-bottom: 48px;
}
.item-1>div:nth-child(2) p:first-child{
    font-size: 14px;  
}
.item-1>div:nth-child(2) p:nth-child(2){
    font-size: 15px;
    font-weight: bold; 
}
.cont-1{
    min-width: 191px;
}
/* .cont-2{
    min-width: 326px;
} */
.cont-3{
    margin-right:-58px;
}
.second-title-input{
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    width: 24px;
    height: 24px;
    cursor: pointer;  
    background: red;
}
/* end */
/* prod */

.product-main-row{
    margin-bottom: 25px;
    margin-top: 40px; 
}
.product-main-row >div:first-child{
    min-width: 300px;
}
.product-main-row-title{
    padding: 20px 0px 20px 0px;
}
.product-main-row-title>span{
    margin-right: 7px;    
}
.filter-menu{
    cursor: pointer; 
    /* border:1px solid black; */
}
.show-item1>li>a:hover{
    color:#c41f1f;
}

/* .show-item1>li>input{
  width: 200px;
  background: linear-gradient(to right, #b4b4b4 0%, #b4b4b4 50%, #b4b4b4 50%, #b4b4b4 100%);
  transition: background 450ms ease-in;
  -webkit-appearance: none;
  outline: none;
  height:8px;
} */
/* .show-item1>li>input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    height: 22px;
    width: 22px;
    border-radius: 25px;
    background: #e2001a;
    cursor: pointer;
    -webkit-appearance: none;

  } */
  .filter-product{
    margin-bottom: 15px;
  }
  #products-header{
      display: flex;
      justify-content: space-around;
  flex-wrap: wrap;
  }
  .shoppic>img{
      height: 200px !important;
  }
  .products-main-item{
    margin: 10px;           
    border: 1px solid;
    padding-right: 27px;
    padding-left: 27px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;  
    width: 253px; 
    min-width: 253px;
     height:auto;
  }
  .fil-main-show{
      position: relative;
      max-width: 175px;
  }

   .fil-right-time{
    position: absolute;
    border: 1px solid black;
    width: 62px;
    height: 40px;

   }
   .filter-item-1,.filter-item-2,.filter-item-3,.filter-item-4,.filter-item-5{
    padding: 20px 0px 20px 0px;
    font-size: 20px;
    font-family:Helvetica,Arial,sans-serif;
   }
   .show-item1>li>input,.show-item2>li>input,.show-item3>li>input,.show-item4>li>input,.show-item5>li>input{    
    margin-right: 9px;
    width: 22px;
    height: 22px;
}
.show-item1,.show-item2,.show-item3,.show-item4,.show-item5{
    line-height: 29px;
    padding: 9px;
}

.show-item2>li>input[type="radio"]{
    appearance: none; 
    
    width: 16px;
    height: 16px;  
    border: 1px solid #c41f1f;

}
.show-item2>li>input[type="radio"]:checked{
    background-color: #c41f1f;
    
 }
 .show-item4>li>input[type="radio"]{
    appearance: none; 
    border-radius: 10px;
    width: 16px;
    height: 16px;  
    border: 1px solid #c41f1f;

}
.show-item4>li>input[type="radio"]:checked{
    background-color: #c41f1f;
    border-radius: 10px;
 }
  .show-item5>li>input[type="radio"]{
    appearance: none; 
    border-radius: 10px;
    width: 16px;
    height: 16px;  
    border: 1px solid #c41f1f;

}
.show-item5>li>input[type="radio"]:checked{
    background-color: #c41f1f;
    border-radius: 10px;
 }

 #filter-item-1{
    border-top:1px solid white;
 }

.filter-item-1,.filter-item-2,.filter-item-3,.filter-item-4,.filter-item-5{
    border-top:1px solid rgb(175, 175, 175);
    padding-top: 11px;
}
.filter-item-1>span>img,.filter-item-2>span>img,.filter-item-3>span>img,.filter-item-4>span>img,.filter-item-5>span>img{
    float: right;
    margin-right: 7px; 
   
}
/* proditem */
  .pitem-mainimg-show>img{
    width: calc(100% - 40%);
    height: auto;
    max-height: 438px;
  }
  .pitem-itemimg-show{
    text-align: center;
    margin-top: 10px;
  }
  .pitem-itemimg-show>img{ 
    border: 1px solid #d7d7d7;
    margin: 5px;
    width: 75px;
    height: 75px;
 
  }
  .pitem-itemimg-show>img:hover{
     border:1px solid #e2001a;
  }

  .pitem-head-title{
    float: left;
    margin-top: 66px;
  }
  .pitem-head-title>ul>li:nth-child(1)>p{
      color: #e2001a;
      font-size: 42px;
  }
  .pitem-mainimg-show{
    display: flex;
    justify-content: center;
  }
  .pitem-footertext,.pitem-footertext2{
    color:black;
    text-align:center;
    line-height: 30px;
    text-align: center;
}

.pc-beta {
    position: relative;
    bottom: 15px;
}
.pc-beta>p{
    position: relative;
    bottom: 20px;
} 
/* .category-footer-title{

} */

.category-footer-text{
    display: flex;
}

/* media */


@media screen and (max-width: 760px){

}
/*
.child-cfull>p{
    margin-bottom: -7rem;
}
.img-br1{
    position: relative;
    bottom: 9rem;
}
.main-screen-index{
    height: 32px;
}
.screen-index2{
    position: relative;
    bottom: 4rem;
}
.kibble-img{
    position: relative;
    bottom: 111px;
}
.top_catagory_screen{
    height: 530px;
}


} */
/* @media screen and (max-width: 992px){    
.filter-product {
    max-width: 400px;
    }
     
  } */
  @media screen and (max-width: 450px){
    .category-shoptext>h5{
        font-size: 15px;
    }  
    .category-shoptitle>h2{
       text-align: center;
    }   
  }
  @media screen and (max-width: 600px){
    .category-shoptext>h5{
        font-size: 17px;
    }  
    .category-shoptitle>h2{
       text-align: center;
    }   
  }
@media screen and (max-width: 600px){
    .wherebuy-row {
        margin-left: 12px;
    }     
  }

@media screen and (max-width: 545px){
  .pc-beta {
    font-size: 1.4rem;
  }   
}


@media screen and (max-width:472px){ 
    .btn-lg{
        border: 1px solid #e2001a;
    }  
    .valuescreen{
        float: right;     
        margin-right: -19px;
        margin-bottom: 9px;
        display: flex; 
    }  
    .valuescreen2{
        float: right;     
        margin-right: 3%;
        margin-bottom: 9px;
        display: flex;
    }
    .btngroup>div>a{
        font-size: 13px;
    }

}   

@media screen and (max-width:768px){   
    .option-where{
        width: 97%;
    }
    .form-were-filter{
        margin-left: -12px;
    }

}
@media (min-width: 768px) {
.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
   
    
}

}

@media screen and (max-width: 420px){
    .cont-2{
        margin-right: 5px;
    }
}

@media screen and (max-width: 383px){
    #dogstext7{
        font-size: 13px;
        margin-right: 9px; 
        margin: auto auto auto -9px;
        padding: 7px;       
    }
    .dogValuebut{
        float: right;
        margin-right: -28px;
        margin-bottom: 8px;
    }  
    .valuescreen2{
        float: right;     
        margin-right: -6%;
        margin-bottom: 9px;
        display: flex;
    }

}

@media screen and (max-width: 370px){
    .rc-beta2{
        font-size: 24px;
        margin: 5px auto;
     }

}


.sliderwrap{
    position: relative !important;
}

#slider2{
    position: unset !important;
}

#slider2 .prevarrow2{
    left: -50px !important;
}

#slider2 .nextarrow2{
    right: -50px !important;
}
#slider2 .prevarrow2:hover, #slider2 .nextarrow2:hover{
    color: rgb(255 18 4 / 40%) !important;
}