/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background: url('../img/sprite-skin-flat.png') repeat-x
}

.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 12px; top: 25px;
}
    .irs-line-left {
        height: 12px;
        background-position: 0 -30px;
    }
    .irs-line-mid {
        height: 12px;
        background-position: 0 0;
    }
    .irs-line-right {
        height: 12px;
        background-position: 100% -30px;
    }

.irs-bar {
    height: 12px; top: 25px;
    background-position: 0 -60px;
}
    .irs-bar-edge {
        top: 25px;
        height: 12px; width: 9px;
        background-position: 0 -90px;
    }

.irs-shadow {
    height: 3px; top: 34px;
    background: #000;
    opacity: 0.25;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=25);
}

.irs-slider {
    width: 16px; height: 18px;
    top: 22px;
    background-position: 0 -120px;
}
.irs-slider.state_hover, .irs-slider:hover {
    background-position: 0 -150px;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 15px; line-height: 1.333;
    text-shadow: none;
    padding: 2px 14px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: -10px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute; display: block; content: "";
    /*bottom: -6px; !*initialise pointer*!*/
    left: 3px;
    width: 0; height: 0;
    bottom: -16px;
    margin-left: -3px;
    overflow: hidden;
    border: 10px solid transparent;
    border-top-color: #ed5565;
}


.irs-grid-pol {
    background: #e1e4e9;
}
.irs-grid-text {
    color: #999;
}

.irs-disabled {
}
/*Add custom css fro slider bar*/
.irs-bar-edge {
    border-radius:2px 0 0 2px;


}
.irs-single::after {
    border-top-color: #c4eb00;
}


.irs-bar,
.irs-bar-edge,.irs-single {
    background: #c4eb00;
    color: #2a2b2f;
    font-weight: bold;
    font-style: italic;

}
.irs-line-right {
    background-position: 100% -0px;
    border-radius:0 2px 2px 0;
}
.irs-line {

    border-radius:0 2px 2px 0;
}
.ion-slider-box{
    padding-right: 0;
}
span.irs > span.js-irs-0 , span.irs-with-grid {
    width: 60%;
}
.single-product-content p.price,.ion-discount-price{
    font-size: 18px;
    color: #6d8c00;
}

@media only screen and (max-width: 768px) {
   .irs-single {
        font-size: 12px;
   }
    .ion-slider-box{
        padding: 0;
    }
    .single-product-content p.price,.ion-discount-price{
        font-size: 14px;
    }
    span.irs > span.js-irs-0 , span.irs-with-grid {
        width: 80%;
    }

}
@media only screen and (max-width: 480px) {
    .irs-single {
        font-size: 12px;
        font-weight: bold;
    }
    .ion-slider-box{
        padding: 0;
    }
    .single-product-content p.price,.ion-discount-price{
        font-size: 13px;
    }
    span.irs > span.js-irs-0 , span.irs-with-grid {
        width: 90%;
    }

}