.page-link {
    position: relative;
    display: block;
    padding:.5rem .75rem !important;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #ddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
}
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.pagination-sm .page-link {
/*    padding: .25rem .5rem;*/
    font-size: .875rem;
    line-height: 1.5;
}

.page-link:focus, .page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #ddd;
}
.searchBar {
    padding: 0 5px 0 20px;
    min-height: 84px;
    background-color: #ffffff;
    border-top-left-radius: 3px;
    border-top-right-radius: 45px 45px;
    border-bottom-right-radius: 45px 45px;
    border-bottom-left-radius: 3px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 15px;
}
.boxAndFilters {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; 
}
.wi-100 {
    width: 100%;
    min-width: 100%;
}
.filtersWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wrapped {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.filterWrapp {
    border-radius: 3px;
    margin-right: 45px;
    overflow: hidden;
    border: 1px solid #b1b6bb;
}
.filters.selected {
    color: #ffffff;
    background-color: #0093ee;
}
.filters {
    cursor: pointer;
    padding: 4px 10px;
    color: #868d98;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    background-color: #ffffff;
}
.filterWrapp .divider {
    height: 10px;
    width: 1px;
    background-color: #b1b6bb;
}
.searchBoxWrap {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.searchBox {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.searchBox.firstStyle input::placeholder {
    font-size: 12px;
    font-weight: 300;
    color: #A1A6AC;
}
element {
}
.searchBox.firstStyle input,.searchBox.firstStyle select {
    padding: 8px 12px 8px 73px;
    border: 1px solid #dedfe0;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    line-height: 26px;
    color: #505B67;
    font-weight: 300;
    background-color: #f2f2f2;
}
.firstStyle select {
    border: 1px solid #dedfe0;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    line-height: 26px;
    color: #505B67;
    font-weight: 300;
    background-color: #f2f2f2;
    height: 100%;
}
.Dofilter option{
    font-family: Yekan;
}
.ContiFooter{
    margin: 0 auto;
    width: 70%;
}
.searchBox.firstStyle .searchButton {
    width: 44px;
    font-size: 24px;
    color: #b1b6bb;
    left: 0;
    border-right: 1px solid #dedfe0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.searchButton {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}
.searchBar .bcContainer {
    padding-right: 0;
}
.bcContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    padding: 0 5px;
    padding-right: 5px;
}
.breadcrumbItem {
    font-size: 12px;
    color: #383d48;
    padding-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    cursor: default;
    white-space: nowrap;
}
.breadcrumbItem i.breadcrumbItemArrow {
    color: #6f7881;
    padding-right: 8px;
    font-size: 6px;
}
.category {
    position: relative;
    margin: 15px 0 0 0;
    padding-right: 10px;
    color: #6B717D;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px;
    text-align: right;
}
.category {
    color: #6B717D;
    font-size: 18px;
    font-weight: 600;
    line-height: 31px;
    text-align: right;
}
.FilterBox,.FilterBox .list-group-item{
    background: transparent !important;
}
.FilterBox .list-group-item{
    border: 1px solid rgba(0,0,0,.125) !important;
    border-top: 0  !important;
    border-right: 0  !important;
    border-left: 0  !important;
    text-align: right;
    color: #212529;
}
.filtercheck{background-color:#fff;display:inline-block;height:28px;margin:0 .25em;width:28px;border-radius:4px;border:1px solid #ccc;float:right}
.filtercheck span{display:block;height:28px;position:relative;width:28px;padding:0}
.filtercheck span:after{-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-right:4px solid #fff;border-top:4px solid #fff;content:'';display:block;height:20px;left:3px;position:absolute;top:15px;width:10px}
.filtercheck span:hover:after{border-color:#999}
.filtercheck input{display:none}
.filtercheck input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555}
.filtercheck input:checked + .default:after{border-color:#444}
.filtercheck input:checked + .primary:after{border-color:#2196F3}
.filtercheck input:checked + .success:after{border-color:#8bc34a}
.filtercheck input:checked + .info:after{border-color:#3de0f5}
.filtercheck input:checked + .warning:after{border-color:#FFC107}
.filtercheck input:checked + .danger:after{border-color:#f44336}

.filter-switch label {
    cursor: pointer;
    font-weight: normal;
}
.filter-switch-item input:checked + label {
    color: #fff;
    font-weight: normal;
}
.filter-switch-item input:not(:checked) + label {
    --bg-opacity: 0;
    box-shadow: none;
}
@media only screen and (max-width: 1200px){
     .searchTools .boxAndFilters{
        flex-direction: column!important;
    }
    .filtersWrap .col-xs-6{
        margin: 5px 0;
    }
    .sortSelect{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 992px){
    body .prl_100{
        padding: 0 10px;
    }
   
}
@media only screen and (max-width: 768px){
    .searchBar{
        padding: 10px 5px;
        border-top-left-radius:0;
        border-top-right-radius:0;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        flex-direction: column!important;
    }
    .searchTools{
        padding: 0!important;
    }
    .searchTools .boxAndFilters{
        padding: 0!important;
    }
    .searchTools .filtersWrap{  
       padding: 0!important;
       
    }
    .searchTools .searchBoxWrap{
        padding: 0!important;
    }
}

@media (max-width: 768px){
    .searchTools .filtersWrap{
        justify-content: center !important;
    }
}

@media only screen and (max-width: 567px){
    .boxAndFilters{
        flex-direction: column!important;
    }
    .searchBox{
        margin-bottom: 20px;
    }
    .sortSelect{
        margin: 20px auto;
        padding: 0;
        
    }
    .font70{
        font-weight: 600;
    }
    .font30 span{
        font-size: 15pt;
    }
    .ContiFooter{
        width: 100%;
    }
    .RowBottomDep a{
        padding: 0;
    }
   
}

@media only screen and (max-width: 480px){
    .M-al-center{
        margin: auto !important;
    }
}