.sub-categori {
    .categoryHeading {
        font-size: 30px;
        font-family: font(md);
        color: color(900);
        margin-bottom: 30px;
        
    }
    .right-area {
        margin-top: -73px;
        .item-filter {
            .filter-list {
                .item-short-area {
                    background: #f0f0f0;
                    padding: 5px 20px;
                    p {
                        margin: 0;
                        font-family: font(md);
                        color: color(500);
                        font-size: 14px;
                    }
                    .short-item {
                        border: 0;
                        background: transparent;
                        font-family: font(md);
                        color: color(900);
                        font-size: 14px;
                        padding: 0;
                        font-weight:600;
                        option {
                            font-family: font(rg);
                        }
                    }
                }
            }
        }
        .categori-item-area {
            margin-top: 33px;
            .item{
                margin-bottom: 25px;
            }
        }

    }
    .filterdiv{
        @media(min-width:1599px){
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    .productList{
        @media(min-width:1599px){
            flex: 0 0 80%;
            max-width: 80%;
        }
        .productItem{
        @media(min-width:1400px) and (max-width:1599px){            
                flex: 0 0 20%;
                 max-width: 20%;
            }
        @media(min-width:1200px) and (max-width:1399px){            
                flex: 0 0 25%;
                 max-width: 25%;
            }
        } 
    }
    .left-area {
        background: color(100);
        .filter-result-area,
        .tags-area {
            border: 0;
            padding: 30px;
            margin-bottom: 0;
            margin-top: 0;
            .header-area {
                border-bottom: 0;
                text-align: left;
                padding-top: 0;
                .title {
                    font-size: 18px; text-transform: uppercase;
                    //font-family: font(md01);
                    color: color(250);
                }
            }
            .body-area {
                padding: 0;
            }
        }
        .filter-result-area {
            padding-bottom: 0;
            .body-area {
                padding-bottom: 30px;
            }
            .filter-list {
                li {
                    a {
                        font-size: 14px;
                        color: color(250); font-weight: 600;
                    }
                }
            }
        }
        .tags-area {
            .header-area {
                padding-bottom: 0;
            }
            .filter {
                .form-check {
                    &:not(:last-child) {
                        margin-bottom: 10px;
                    }
                    label {
                        //font-family: font(md01);
                        font-size: 14px;
                        color: color(250); font-weight: 600;
                    }
                }
                .sub-title {
                    //font-family: font(md01);
                    font-size: 17px;
                    color: color(250);
                    margin: 15px 0 !important;
                }
            }
        }
    }
    &.storepageCategory{

    }
    @media (max-width: 1599px) {
        .categoryHeading {
            font-size: 26px;
        }
    }
    @media (max-width: 1399px) {
        .left-area {
            .filter-result-area,
            .tags-area,.service-center {
                padding: 20px;
            }
            .service-center{
                padding-top: 0;
            }
            .filter-result-area{
                .body-area{
                    padding-bottom: 0;
                }
            }
            
        }
    }
    @include media-breakpoint-down(lg) {
        .left-area {
            .filter-result-area,
            .tags-area,.service-center {
                .header-area{
                   .title{
                        font-size: 16px;
                   }
                }
            }            
        }
    }
    @include media-breakpoint-down(md) {
        .left-area {
            margin-top: 0px;
        }
    }
    @include media-breakpoint-down(sm) {
        .categoryHeading {
            display: none;
        }
        .right-area {
            margin-top: 0px;
            .categori-item-area{
                margin-top: 20px;
            }
        }
    }
}
.storeBanner{
    @include media-breakpoint-down(lg){
        .title{
            font-size:27px; line-height: 40px;
        }
        .sub-title{
            font-size: 18px; line-height:30px;
        }
    }
    @include media-breakpoint-down(sm){
        padding: 20px 0 15px;
        .title{
            font-size:20px; line-height: 30px;
        }
        .sub-title{
            font-size: 14px;
        }
    }
}
.page-center{
    @include media-breakpoint-down(sm){
        margin: 20px;
        ul.pagination{
            li{
                height: 30px; width: 30px;line-height: 31px; font-size: 12px; margin: 0 1px;
                &:not(:last-child){
                    margin-bottom: 5px;
                }
            }
        }
    }
}