.filter-loader{
    opacity: 0;
    visibility: visible;
}


.preloader-inner {
    position: fixed;
    top: 40%;
    left: 50%;
    padding: 10px 45px 10px 10px;
    margin-left: 0px;
    z-index: 1005;
    font-size: 16px;
}
.preloader-inner::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 35px;
    height: 35px;
    margin-top: -10px;
    margin-left: -10px;
    background: url(../images/loading.gif);
    background-repeat: no-repeat;   
}
.preloader-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1004;
    background-color: rgba(255,255,255,0.5);
}

/* Enable filter while loading */
.product .left {    
    position: relative;
    z-index: 1005;
}

/*Only for filter*/
.product .right {    
    position: relative;
}
.preloader-backdrop {
    position: absolute !important;
}
.preloader-inner {
    position: absolute;
    top: 0; /* 10% -> If want to show on center */
}

.product .right ul li .img {
    height: 200px;
}

.product .right ul li .img img {
    width: 100%;
    /* height: 167px !important; */
}

.pro-category ul li .img {
    height: 200px;
}

/*If no filter*/
.no-filter{
    width: 100% !important;    
    margin-left: 0px !important;
}

.pro-ban .ban-text .right {
    width: 35% !important;
}

.left p {
    padding-right: 100px !important;
}