.pricecat{
    display:none
}



.subcategorypannel{
    width: 85%;
}
.filterbox{
    width: 85%;
    margin-top: 0px;
}

.productrendering{
    margin-top: 20px;
}


.newrow > .col-md-3{
    padding-left:0px !important;
    padding-right:0px !important;
}

.categorybox{
    border: 1px solid #186cad;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 10px, rgba(0, 0, 0, 0.23) 0px 8px 10px;
    margin-top: 30px;
    
}

.headbaring{
    border-bottom: 1px solid black;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.producttile > .headbaring{
    border-bottom: 1px solid #030303;
    padding: 5px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #186cad;
    /* background: #ebf1ff; */
    /* border-radius: 10px; */
    
}

/* .row{
    margin-right: 0px !important;
    margin-left: 0px !important;
} */


.options{
    padding: 10px 10px ;
    cursor:pointer;
    font-weight: 500;
    
}
.options:hover{
    background-color: #ebf1ff;
    color: #186cad;
}
.options:last-child:hover{
    border-radius: 0px 0px 10px 10px;
}
.options.active {
    
    color: #0e3696;
    font-weight: 600;
}
.options.active:last-child {
    
    color: #0e3696;
    font-weight: 600;
    border-radius:0px 0px 10px 10px;
}

.miniciriclebox.active {
    /* border: 1px solid #186cad; */
    background-color: #ebf1ff;
}

/* text color inside active desktop box */
.miniciriclebox.active span {
    color: #186cad;
    font-weight: 600;
}

.hideonlymobile{
        display: block;
    
    }
    .hideonlydesktop{
        display: none;
    }


    
.miniciriclebox > span{
    
    white-space: nowrap;   /* desktop pe ek line */
}


.iconboxes .headbaring{
    border-bottom: none;
    text-align: center;
    background-color: #0e3696;
    color: white;
    border-radius: 10px 10px 10px 10px;
}


.topititlr{
    font-size: 24px !important;
    font-weight: 600;
    color: #000;
    
    margin-bottom: 0px;
}

.newfilterarea{
    margin-top: 25px !important;
}



@media (max-width:767px) {
    .categoryoptions{
        display: flex;
        overflow: auto;
        gap: 12px;
        /* padding: 10px 0px 20px 0px; */
        border: none;
        height: 135px;
        scrollbar-width: none;
    }
    .mainContent{
        padding: 0px 0px 60px 0px !important;
    }
    .options,
    .headbaring,
    .miniciriclebox > span{
        white-space: normal;        
        word-break: break-word;
        overflow-wrap: anywhere;
        line-height:14px;
               
    }
    
    .options{
        white-space: nowrap;
        border: 1px solid #186cad;
            border: none;
    }
    .topititlr{
    font-size: 18px !important;
    font-weight: 600;
    color: #000;
    
    margin-bottom: 0px;
}

    .categorybox{
        border: none;
        border-radius: 10px;
        box-shadow: none;
        margin-top: 0px;
    
    }
    .miniciriclebox{
        width: 85px;
        height: 85px;
        border-radius: 15px;
        /* border: 1px solid #186cad; */
        text-align: center;
        
    }
    .hideonlymobile{
        display: none;
    
    }
    .hideonlydesktop{
        display: block;
    }
    .miniciriclebox > span{
        color: #186cad;
        font-size: 11px;
        text-align: center;
    }
    .img img{
        padding: 10px;
    }
    .options:hover{
    background-color: transparent !important;
    color: #186cad;
}

    .iconboxes .headbaring{
        border-bottom: none;
        text-align: center;
        background-color: #0e3696;
        color: white;
        border-radius: 10px 10px 10px 10px;
    }
    .categorybox .headbaring .catititle strong{
        font-size: 16px;
        font-weight: 600
    }
    .subcategorypannel{
    width: 100%;
}
.filterbox{
    width: 100%;
    display: none;
}
.newrow > .col-md-3{
    padding-left:5px !important;
    padding-right:5px !important;
}
.options.active {
    /* background-color: #ebf1ff; */
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    color: #186cad;
    font-weight: 600;
    border-radius: 10px;
}

.categorybox .headbaring{
    display: none;
    padding: 0px;
    border-bottom: none;
}

.producttile{
    margin-top: 10px;
    
}

.producttile > .headbaring{
    border-bottom: 1px solid #000;
    padding: 5px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    /* background: #ebf1ff; */
    /* border-radius: 10px; */
   
}
.producttile > .headbaring{
    width: 100%;
}

.newfilterarea{
    margin-top: 5px !important;
}

.productrendering{
    margin-top: 5px;
}

.breadCrumb{
    padding-top: 0px;
    padding-bottom: 0px;
}
.breadcrumb {
    padding:0px 15px !important;
}


.miniciriclebox{
    background-color: transparent !important;

}
.notshowninmobile{
    display:none !important;
}

.pricecat{
    display:unset;
    float:right;
    padding:5px;
}

.flexboxname{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:0px;
}

}
@media(max-width:500px){
    .img img {
        padding: 5px;
    }

     .options:hover{
    background-color: transparent !important;
    color: #186cad;
     }

    .newcoll{
        margin:-10px auto 10px auto !important;
    }


    .options {
    padding: 0px 0px;
    cursor: pointer;
    font-weight: 500;
    }

    .categoryoptions{
        display: flex;
        overflow-x: scroll;
        /* margin-top: 10px; */
        gap: 5px;
        /* padding: 10px 0px 20px 0px; */
        border: none;
        height: 115px;
        scrollbar-width: none;
    }
    .options.active  .img{
        /* background-color: #ebf1ff; */
        color: #186cad;
        font-weight: 600;
        border:1px solid #0e3696;
        border-radius: 10px;
    }
    .namekom{
         -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .options.active {
        /* background-color: #ebf1ff; */
        padding: 0px 2px;
        font-size: 18px;
        font-weight: 600;
        
        color: #186cad;
        font-weight: 600;
        border-radius: 10px;
    }
}


@media(max-width:409px) and (min-width: 375px){
    .categoryoptions{
        display: flex;
        overflow-x: scroll;
        /* margin-top: 10px; */
        gap: 20px;
        /* padding: 10px 0px 20px 0px; */
        border: none;
        height: 115px;
        scrollbar-width: none;
    }
}

@media (max-width:375px) {
    
    .miniciriclebox{
        width: 80px;
        height: 80px;
        border-radius: 15px;
        
        text-align: center;
        
    }

    .img img {
        padding: 5px;
    }

    .newcoll{
        margin:-10px auto 10px auto !important;
    }


    .options {
    padding: 0px 0px;
    cursor: pointer;
    font-weight: 500;
    }

    .categoryoptions{
        display: flex;
        overflow-x: scroll;
        /* margin-top: 10px; */
        gap: 15px;
        /* padding: 10px 0px 20px 0px; */
        border: none;
        height: 115px;
        scrollbar-width: none;
        }
        .options.active {
        /* background-color: #ebf1ff; */
        color: #186cad;
        font-weight: 600;
        /* border:1px solid #0e3696; */
        border-radius: 10px;
    }
    .namekom{
         -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .options.active {
        /* background-color: #ebf1ff; */
        padding: 0px 0px;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        color: #186cad;
        font-weight: 600;
        border-radius: 10px;
    }
}

@media (max-width:340px) {
    
    .miniciriclebox{
        width: 65px;
        height: 60px;
        border-radius: 15px;
       
        text-align: center;
        
    }
        .options.active {
        /* background-color: #ebf1ff; */
        color: #186cad;
        font-weight: 600;
        border-radius: 10px;
    }
    

    .categoryoptions{
        display: flex;
        overflow: auto;
        gap: 1px;
        /* padding: 10px 0px 20px 0px; */
        border: none;
        height: 100px;
        scrollbar-width: none;
    }
}

.filterArea{
    margin-top: 5px !important;
}

.productrendering > .row{
    margin-right: -10px !important;
    margin-left: -10px !important;
}

.flexcategory{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fonn{
    font-size: 12px;
    color: #186cad;
    font-weight: 600;
}
.fonn:active{
    font-size: 12px;
    color: #0e3696;
    font-weight: 600;
}
.buttonbox{
    padding: 0;
    outline: none;
    border: none;
    background: transparent;
}

.notshowninmobile{
    display:unset
}

.flexboxname{
    display:flex;
    justify-content:space-between;
    align-items:center;
}


.headbaringmeddicne{
 border-bottom: 1px solid black;
    padding: 0px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

/* all category css */
.dphide{
    display: none ;
}

@media (max-width:767px) {
    .dphide{
    display: block !important;
    }
}