#pliableSearchResult {
    background-color: #FFFFFF;
}
.pliable-search-filter {
    width: 20.83333333%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.pliableFilterBox {
    cursor: pointer;
    height: auto;
}
.pliableFilterHead {
    padding: 5px;
    font-size: 16px;
    text-align: left;
    border-bottom: 1px solid #c7c8ca;
    font-weight: bold;
    color: #414042;
    position: relative !important;
    min-height: 30px;
}
.pliableFilterHead.pliableExpand::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 5px;
    transform: rotate(45deg);
    transition: all .3s ease 0s;
 
}

.pliableFilterHead.pliableCollapse::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 15px;
    transform: rotate(-135deg);
    transition: all .3s ease 0s;
}
.pliableFilterData {
    display: block;
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
}

.pliableFilterData ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-left: 0 !important;
}
.pliableFilterData ul li {
    list-style: none;
    text-align: left;
    width: 99%;
    display: inline-table;
    padding-left: 0;
    margin-left: 0 !important;
    margin-bottom: 10px;
}
.pliableFilterData ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    font-style: normal;
    color: #414042;
}

.pliableFilterData ul li a span.label {
    float: left;
    width: 86%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-align: inherit;
    white-space: inherit;
    color: #000;
    line-height: 20px;
}

.pliableFilterData ul li a span.label::before{
    content: '';
    border: 1px solid #c7c8ca;
    border-radius: 0;
    margin-right: 8px;
    height: 15px;
    width: 15px;
    color: #777;
    margin-bottom: -1px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: background 200ms;
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    transition: border-color 200ms;
    -webkit-transition: border-color 200ms;
    -moz-transition: border-color 200ms;
    margin-top: 0;
    display: inline-block;
}

.pliableFilterData ul li a:hover span.label::before {
    background: #414042;
    border: 1px solid #414042;
} 
.pliableFilterData ul li a:hover span.label::after{
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 3px;
    left: 8px;
    border: 2px solid #ccc;
    border-top: 0;
    border-right: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pliableFilterData ul li a span.total{
    float: right;
    width: 13%;
    text-align: right;
}

.pliableShowOpt {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pliableShowOpt a{
    color: #000000;
    font-size: x-large;
    font-weight: bold;
}
span.label.filter {
    font-weight: bold;font-size: 18px;
    width: auto !important;
}

span.total.filter{
    width: auto !important;
}
span.label.filter::before {
    content: 'x' !important;
    border: 0 !important;
}

.pliableFilterData ul li a:hover span.label.filter::before,
.pliableFilterData ul li a:hover span.label.filter::after {
    background: none;
    border: 0 !important;
    color: red;
} 

.sliderNumber {
    margin: 15px;
}



 .sliderNumber .ui-slider-handle {
    background: #9e020a;
    border-radius: 6px;
  }
  
  .sliderNumber .ui-slider-handle.ui-state-active {
    border: #9e020a;
  }
  
  .sliderNumber .ui-slider-range {
    background: #9e020a;
  }
  
  .ui-tooltip,
  .arrow:after {
    background: #000;
  }
  
  .ui-tooltip {
    color: #fff;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
  }
  
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  
  .arrow.left {
    left: 20%;
  }
  
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px #000000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  

.pliable_search_result_product {
    width: 76.5%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    /* margin-left: 10px; */
}


.pliableResultInfo {
    border-bottom: 1px solid #c7c8ca;   
}
.pliableTotalResult {
    text-align: left;
    margin-bottom: 10px;
    line-height: 25px;
    font-weight: bold;
    font-size: 15px;
    float: left;
    color: #414042;
}
.pliablePagination {
    width: 40%;
    float: right;
    text-align: right;
    margin-bottom: 20px;
}

.pliablePagination a {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
    color: #000000;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.pliablePagination a:hover{
    background: #ddd;
    color: #000000;
}

.pliablePagination a.pliablePageCurrent {
    background: #000000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
    color: #FFFFFF;
}

.pliableClearBoth {
    clear: both;
}

.pliableSortHeader {
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    margin-top: 3px;
    min-height: 40px;
}

.pliableSortby {
    float: left;
    width: 26%;
}

.pliableSortHeader label {
    display: inline;
    color: #414042;
}

.pliableSortby select {
    display: inline;
    min-height: 40px;
    width: 120px;
}

.pliablePerPage {
    float: left;
    width: 25%;
    text-align: left;
    margin-left: 10px;
}

.pliablePerPage select{
    width: auto !important;
    min-height: 40px;
}

.pliableView {
    float: right;
    width: 15%;
    text-align: right;
}
.pliableView a {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 4px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transition: background-position .1s ease-in;
    -moz-transition: background-position .1s ease-in;
    -o-transition: background-position .1s ease-in;
    transition: background-position .1s ease-in;
}

.pliableView a.active,
.pliableView a:hover {
    background-position: 0 -25px;
    text-decoration: none;
}

.pliableGridView {
    background: url(https://pliable.io/public/images/pliable/gridview.png) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
    cursor: pointer;
}
.pliableListView {
    background: url(https://pliable.io/public/images/pliable/listview.png) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
    cursor: pointer;
}

.pliableClearLeft {
    clear: left;
    line-height: 0;
}

.pliableGridProduct {
    margin-top: 10px;
}

.pliableGridProduct ul {
    margin: 0;
    padding: 0;
}
.pliableGridProduct ul li {
    display: inline-block;
    width: 23.5%;
    min-height: 365px;
    padding: 0;
    vertical-align: top;
    text-align: center;
    margin: 8px;
    padding-top: 15px;
    margin-left: 0 !important;
    margin-bottom: 20px;
    font-style: normal;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-right: 1.5%;
}

.pliableGridProduct .pliableProductImage {
    float: none;
    overflow: hidden;
    width: 100% !important;
    height: 210px !important;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.pliableGridProduct img {
    display: block;
    max-width: 100% !important;
    max-height: 200px !important;
    height: auto;
    width: auto;
    bottom: -100%;
    top: -100%;
    left: 0;
    right: 0;
    margin: auto !important;
    border: 0;
    outline: 0;
    display: inline-block !important;
    position: absolute;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    vertical-align: middle;
}

.pliableResultView li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-color: transparent;
    transition: box-shadow 400ms ease-out;
    -moz-transition: box-shadow 400ms ease-out;
    -webkit-transition: box-shadow 400ms ease-out;
    -o-transition: box-shadow 400ms ease-out;
}

.pliableResultView li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pliableGridProduct .pliableProductName {
    float: none;
    /* text-align: left;
    padding-left: 10px; */
    margin-top: 10px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pliableGridProduct .pliableProductName a {
    font-size: 14px;
    text-decoration: none;
    color: #414042;
    font-weight: bold;
}

.pliableGridProduct .pliableProductName a:hover {
    text-decoration: underline;
}

.pliableGridProduct .pliablePrice {
    /* float: none; */
    margin-top: 12px;
    /* padding-left: 10px; */
    /* text-align: left; */
    color: #414042;
    font-weight: bold;
    min-height: 50px;
}

.pliable-price-regular {
    font-size: 12px;
    color: #a2a2a2;
    text-decoration: line-through;
    font-weight: bold;
}

.pliable-price-sale {
    color: #FF3B26;
    font-size: 12px;
    font-weight: bolder;
    margin-left: 2px;
    display: inline-block;
}


.pliableListProduct ul {
    margin: 0;
    padding: 0;
}

.pliableListProduct ul li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: left;
    margin-bottom: 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 15px;
    border: 1px solid #eee;
}


.pliableListProduct .pliableProductImage {
    float: left;
    overflow: hidden;
    width: 15% !important;
    height: 200px !important;
    text-align: center;
}

.pliableListProduct img { 
    max-width: 100% !important;
    max-height: 200px !important;
    height: auto;
    width: auto;
    border: 0;
    outline: 0;
    display: inline-block !important;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.pliableListProduct .pliableProductName{
    float: left;
    width: 52%;
    margin-left: 5px;
    margin-top: 15px;
    
}

.pliableListProduct .pliableProductName a {
    font-size: 14px;
    text-decoration: none;
    font-style: normal;
    color: #414042;
    font-weight: bold;
}
.pliableListProduct .pliableProductName  a:hover {
    text-decoration: underline;
}

.pliableListProduct .pliableDescription {
    float: left;
    width: 52%;
    margin-left: 5px;
    margin-top: 15px;
}

.pliableListProduct .pliableDescription div {
    line-height: 20px;
    padding: 5px;
    font-style: normal;
    color: #414042;
    height: 40px;
    overflow: hidden;
}

.pliableListProduct .pliablePrice {
    float: left;
    width: 15%;
    padding: 5px;
    text-align: right;
    color: #414042;
    font-weight: bold;
    font-size: 20px;
    margin-right: 20px;
}
.pliableListProduct .price {
    font-weight: bolder;
}


.pliableGridProduct .pliableAddToCart {
    margin-bottom: 15px;
    /* text-align: left; */
    /* padding-left: 10px; */
    /* position: absolute;
    bottom: 0; */
    margin-top: 10px;
}
.pliableGridProduct .pliableAddToCart > span {
    margin-bottom: 10px;
    display: block;
    padding: 11px 15px;
}

.pliableListProduct .pliableAddToCart{
    text-align: center;
    margin-top: 30px;
}

.pliableGridProduct .pliableAddToCart button {
    min-width: 100%
}


.pliableProductImage img.loadding  {
    background: transparent url('https://pliable.io/public/images/loading_spinner.gif') center no-repeat;
}

@media only screen and (min-width: 1025px) {
    .pliableGridProduct ul li:nth-child(4n+0) {
        margin-right: 0;
        float: right;
    }
}

@media only screen and (max-width: 1024px) {
    .pliableGridProduct ul li {
        width: 31%;
        margin-right: 2.5%;
    }
    .pliableGridProduct ul li:nth-child(3n+0) {
        margin-right: 0;
        float: right;
    }
}

/* @media only screen and (max-width: 800px) {
    .pliableGridProduct ul li {
        width: 45%;
        margin-right: 0;
    }
    .pliableGridProduct ul li:nth-child(2n+1) {
        float: left;
    }
    .pliableGridProduct ul li:nth-child(2n+0) {
        float: right;
    }
} */
 

@media only screen and (max-width: 960px) {
    .pliableGridProduct ul li {
        width: 45%;
        margin-right: 0;
    }
    .pliableGridProduct ul li:nth-child(2n+1) {
        float: left;
    }
    .pliableGridProduct ul li:nth-child(2n+0) {
        float: right;
    }

    .pliable-search-filter,
    .pliable_search_result_product  {
        width: 100%;
    }

    .pliablePagination {
        width: 100%;
        float: left;
        margin-left: 0px;
        text-align: left;
    }
    .pliableSortby{
        width: 100%;
    }

    .pliablePerPage{
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
    .pliableView {
        width:  100%;
        float: left;
        text-align: left;
        margin-top: 10px;
    }

    
    .pliableGridProduct ul li {
        width: 48%;
    }
    .pliableGridProduct .pliableProductName,
    .pliableGridProduct .pliablePrice{
        text-align: center;
    }


    /* .pliableListProduct .pliableProductImage {
        width: 35% !important;
    } */

    .pliableListProduct .pliableDescription {
        display: none;
    }

    .pliableListProduct .pliablePrice,
    .pliableListProduct .pliableProductName,
    .pliableListProduct .pliableProductImage  {
        float: none;
        width: 100% !important;
        text-align: center;
    }
}
 

@media only screen and (max-width: 720px) { 

    .pliableGridProduct ul{
        text-align: center;
    }
    .pliableGridProduct ul li {
        width: 80%;
    }

    .pliableGridProduct ul li:nth-child(n) {
        float: none;
    }

    

}

@media only screen and (max-width: 400px) { 

    .pliableGridProduct ul li {
        width: 90%;
    }
    
}


.pliableDescription p {
    overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  margin-right: -1em;
  padding-right: 1em;
  text-align: justify;
}

.pliableDescription p:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}
.pliableDescription p:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
  }