.shop .range #slider-range .ui-slider-range {
    box-shadow: none;
    background: #222;
    border-radius: 0px;
    border: none;
}
.header .all-category .main-category{
    opacity:0;
    visibility:hidden;
}
.header .all-category:hover .main-category{
    opacity:1;
    visibility:visible;
}
div#myTabContent {
    padding: 0px 14px;
}
.header.shop .right-bar .sinlge-bar .single-icon {
    color: #fff;
    font-size: 12px;
    position: relative;
    margin-left: 12px;
}


/* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
.loader {
width: 60px;
aspect-ratio: 4;
--c:#000 90%,#0000;
background: 
    radial-gradient(circle closest-side at left  6px top 50%,var(--c)),
    radial-gradient(circle closest-side                     ,var(--c)),
    radial-gradient(circle closest-side at right 6px top 50%,var(--c));
background-size: 100% 100%;
background-repeat: no-repeat;
animation: l4 1s infinite alternate;
}
@keyframes l4 {
    to{width:25px;aspect-ratio: 1}
}
/* end loader css */



.category-footer-text .inner {
    text-align: left;
    padding-left: 6px;
}


/* start pagination custm css */
.pagination {
    margin-top: 10px;
    text-align: center;
}
.pagination li {
    display: inline-block;
    margin-right: 5px;
}
.pagination li a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #333;
}
.pagination li.active a {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}
/* Custom CSS for First and Prev */
.pagination .first a {
    background-color: #00a65a;;
    color: white;
}
.pagination .prev a {
    background-color: rgb(242, 5, 5);;
    color: white;
}
/* Custom CSS for Next and Last */
.pagination .next a {
    background-color: rgb(242, 5, 5);
    color: white;
}
.pagination .last a {
    background-color: #00a65a;
    color: white;
}
/* end pagination custom css */



/* category products list */
section.banner-section .image {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.category-heading{
    padding-bottom: 15px;
}
.category-heading b{
    font-size: 30px;
}
.category-heading span{
    font-size: 20px;
}
.single-product {
    margin-top: 0px !important;
    margin-bottom: 45px;
}
.product-area .nav-tabs li a.active{
    background-color: #333 !important;
}
/* end css */


@media only screen and (max-width: 767px) {
    .single-product {
        padding-left: 0px;
    }
    div#product_grid {
        padding-left: 12px;
    }
}
