@media screen and (max-width: 767px) {
    .ith-oxelastic-flow-toggle {

    }

    .ith-oxelastic-flow-toggle + .pull-left {
        float: right !important;
    }
}

body:not(.ith-filter-visible) .ith-filter-flow {
    display: none;
}

.ith-oxelastic-flow-toggle {
    margin: 0 3px;
}

.ith-oxelastic-flow-toggle button,
.ith-oxelastic-flow-toggle button:active,
.ith-oxelastic-flow-toggle button:focus,
.ith-oxelastic-flow-toggle button:hover {

    /*background: #009EC0 !important;*/
    background: #ec710c !important;
    color: white !important;
}

.ith-filter-flow a:hover,
.ith-active-filter-container a:hover {
    text-decoration: none;
}

#ith-elastic-flow-categories h5,
.ith-filter-flow h6 {
    color: #009EC0;
    font-weight: bold;
    margin: 10px 0;
    cursor: pointer;
}

.ith-filter-flow .dropdown-menu { width: 100%; }

/*#ith-elastic-flow-categories .list {*/
    /*list-style: none;*/
    /*padding: 0;*/
/*}*/

/*#ith-elastic-flow-categories .list a {*/
    /*display: block;*/
    /*padding: 5px 10px;*/
/*}*/

.ith-filter-flow .active-filter {
    list-style: none;
    padding: 0 0 0 10px;
}

.ith-filter-flow .active-filter li {
    float: left;
}

.ith-filter-flow .active-filter a {
    display: inline-block;
    padding: 5px;
}

.ith-filter-flow .remove {
    clear: left;
    display: block;
    padding: 5px 15px;
}

.ith-filter-flow button:not(.btn) {
    background: #009EC0;
    border: 0;
    border-radius: 4px;
    color: white;
    padding: 5px 10px;
}

.ith-filter-flow button.btn {
    width: 100%;
}

.ith-attribute-filters-flow {
    list-style: none;
    padding: 0;
}

.ith-attribute-filters-flow a {
    display: block;
    padding: 5px 10px;
}

.ith-attribute-filters-flow a .check {
    /* float: left; */
}

.ith-attribute-filters-flow a span {
    margin-left: 5px;
}

.ith-attribute-filters-flow li {
    clear: left;
}

.ith-filter-flow h6:not(.open) + ul {
    display: none;
}

.ith-filter-flow h6 i {
    margin-left: 10px;
}

.ith-filter-container {
    background: #f2f2f2;
    padding: 10px 0;
}

.ith-filter-container i.fa {
    color: #009EC0;
    font-size: 32px;
    margin: 20px auto;
}

body:not(.ith-filter-visible) .ith-active-filter-container {
    margin-bottom: 20px;
}

.ith-active-filter-container ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.ith-active-filter-container h7 {
    color: #009EC0;
    margin: 0;
    font-weight: bold;
    padding: 5px;
    display: inline-block;
}

.ith-active-filter-container li {
    float: left;
}

.ith-active-filter-container a {
    display: inline-block;
    padding: 5px;
}

.ith-active-filter-container li a > span {
    color: #FC6621;
}

.ith-filter-section {
    margin-top: 5px;
    margin-bottom: 5px;
}

#ith-elastic-flow-price-form .label {
    color: black !important;
}

#ith-elastic-flow-price-form .label > span:first-child {
    line-height: 24px;
}

#ith-elastic-flow-price-form input {
    width: 100%;
    padding:5px 10px;
}

#rangebar-submit {
    box-sizing: border-box;
    width: calc(100% - 24px);
    margin: 0 12px 4px 12px;
}

.ith-attribute-range-container {
    padding: 20px;
}

.ith-attribute-range-info {
    display: flex;
    justify-content: center;
}

.ith-attribute-range-info > * {
    padding: 3px 4px;
}

.ith-attribute-range-value {
    font-weight: bold;
    color: #ec710c;

}
.ith-attribute-range-submit {
    margin-top: 8px;
}