@media (max-width: 399px) {
    .catagory-mixed-heading h2 {
        font-size: var(--heading399);
        letter-spacing: 1px;
    }
    .catagory-divider {
        width: 150px;
    }
    .catagory-diamond {
        font-size: 14px;
        margin: 0 7px;
    }
    .catagory-main-title {
        font-size: var(--sub-heading399);
    }
    .catagory-description {
     font-size: var(--sub-paragraph399);
    }
}   
@media(max-width:335px){
 .circle-frame {
  width: 170px;
  height: 170px;
 }
 .nav-btn{
  bottom: 125px;
 }
  .prev-btn {
    left: 10px;
}
.next-btn {
    right: 10px;
}
}
@media(max-width:295px){
  .prev-btn {
    width: 35px;
    height: 35px;
}
.next-btn {
    width: 35px;
    height: 35px;
}
.slider-container {
    width: 100%;
}
}