
.ec-size.ec-size--l .ec-store .ec-footer__row.ec-footer__row2 {
    width: 20%;
    min-width: 230px;
}

.ec-size .ec-store .dfilter {
    display: block;
    width: 100%;
}

.ec-size .ec-store .dfilter_row1 {
    display: flex;
    width: 100%;
    margin: 0 0 15px 0;
}

.ec-size .ec-store .dfilter_row2 {
    width: 100%;
    display: flex;
}


.ec-size .ec-store .dfilter_input {
    position: relative;
}

.ec-size .ec-store .dfilter_input img {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    opacity: 0.7;
}

.ec-size .ec-store .dfilter_input .text_field {
    width: 100%;
    height: 34px;
    min-width: 300px;
    margin: 0;
    padding: 0 0 0 45px;
    border: 1px solid #ccc;
    box-shadow: 0 0px 8px rgba(0,0,0,0.4);
    color: #555;
    font-size: 16px;
}

.dfilter_input .loader {
    display: none;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23999' d='M36.3 35.9c-.4.5-.9.8-1.5.8-1.1 0-2-.9-2-2 0-.6.3-1.1.6-1.4 2.9-3 4.6-6.9 4.6-11.3s-1.8-8.4-4.7-11.3c-.4-.4-.6-.8-.6-1.4 0-1.1.9-2 2-2 .7 0 1.3.4 1.6.9 3.4 3.6 5.5 8.4 5.5 13.8.1 5.4-2 10.3-5.5 13.9zM10.7 10.7C7.8 13.6 6 17.6 6 22s1.8 8.4 4.7 11.3c.3.3.5.8.5 1.3 0 1.1-.9 2-2 2-.7 0-1.3-.4-1.6-.9-3.4-3.5-5.5-8.4-5.5-13.7 0-5.5 2.2-10.5 5.8-14.1.3-.3.8-.6 1.4-.6 1.1 0 1.9.9 1.9 1.9 0 .7-.2 1.1-.5 1.5z'/%3E%3C/svg%3E") center center no-repeat;
    background-size: auto;
    background-size: 20px 20px;
    animation: spinright .5s linear 0s infinite;
}

.dfilter.loading .dfilter_input .loader {
    display: block;
}

.dfilter.loading .dfilter_input img {
    display: none;
}

.ec-size .ec-store .dfilter-button {
    margin-left: auto;
}

.ec-size .ec-store .dfilter_cboxs {
    display: flex;
}

.ec-size .ec-store .dfilter_cboxs .dfilter_cbox:first-child {
    margin: 0 30px;
}

.ec-size .ec-store .dfilter_cbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ec-size .ec-store .dfilter_cbox .dfilter_cbox_indicator {
    width: 20px;
    height: 20px;
    margin: 0 15px 0 0;
    position: relative;
    cursor: pointer;
    background-color: #635eb1;
    background-repeat: no-repeat;
    background-position: center center;
}

.ec-size .ec-store .dfilter_cbox input[type="checkbox"] {
    display: none;
}

.ec-size .ec-store .dfilter_cbox input[type="checkbox"]:checked + .dfilter_cbox_indicator {
    background-image: url('/static/global/images/checked.svg');
}

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

.ec-size.ec-size--l .ec-store .ec-footer__row.ec-footer__row1 {
    width: 100%;
    order: 2;
}

.ec-size.ec-size--l .ec-store .ec-footer__row.ec-footer__row2 {
    width: 100%;
    order: 1;
    margin: 0 0 10px 0;
}

}

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

.ec-size .ec-store .dfilter_row1 {
    flex-direction: column;
}

.ec-size .ec-store .dfilter_input {
    margin: 0 0 10px 0;
}

.ec-size .ec-store .dfilter_cboxs .dfilter_cbox:first-child {
    margin: 0;
}

.ec-size .ec-store .dfilter_cboxs {
    justify-content: space-around;
}

.ec-size .ec-store .dfilter-button {
    margin: 0 auto;
}

}

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

.ec-size .ec-store .dfilter-button {
    margin: 15px auto 0 auto;
}

.ec-size.ec-size--l .ec-store .ec-footer__row.ec-footer__row1 {
    margin: 0;
}

.ec-size .ec-store .dfilter_row2 {
    flex-direction: column;
}

.ec-size .ec-store .ec-footer__row1 .select2-container {
    margin: 0 0 10px 0;
}

.ec-size .ec-store .ec-footer__row1 .select2-container:last-child {
    margin: 0;
}

}

.ec-size .ec-store .dfilter_sdboxes {
    display: flex;
    max-width: 600px;
}

.ec-size .ec-store .dfilter_sdboxes input {
    display: none;
}

.ec-size .ec-store .dfilter_sdboxes label {
    width: 100%;
    margin: 0 10px 0 0;
    padding: 10px 0px;
    font-size: 18px;
    cursor: pointer;
    background: #ddd;
    color: #fff;
    text-align: center;
}

.ec-size .ec-store .dfilter_sdboxes label:last-child {
    margin-right: 0;
}

.ec-size .ec-store .dfilter_sdboxes label.active {
    background: #a382b9;
}

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

.ec-size .ec-store .dfilter_sdboxes {
   flex-direction: column;
   align-items: center;
}

.ec-size .ec-store .dfilter_sdboxes label {
    width: 100%;
    max-width: 400px;
    margin: 0 0 5px 0;
    padding: 5px 0px;
}

}
