.elementor-128855 .elementor-element.elementor-element-128855 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-128855 .elementor-element.elementor-element-128855.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-128855 .elementor-element.elementor-element-128855 .searchandfilter > ul > li{text-align:left;}.elementor-128855 .elementor-element.elementor-element-128855 .searchandfilter > ul{padding:0;margin:0;}@media(max-width:1024px){.elementor-128855 .elementor-element.elementor-element-128855{width:auto;max-width:auto;}}@media(max-width:767px){.elementor-128855 .elementor-element.elementor-element-128855{width:100%;max-width:100%;}.elementor-128855 .elementor-element.elementor-element-128855 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;}.elementor-128855 .elementor-element.elementor-element-128855.elementor-element{--align-self:center;}}/* Start custom CSS for dce-searchfilter, class: .elementor-element-128855 *//* Base styles */
.sf-input-text {
    width: 100%; /* Use 100% width for better responsiveness */
    max-width: 250px; /* Limit the maximum width to 250px */
    padding: 8px; /* Add some padding for better usability on touch devices */
    box-sizing: border-box; /* Ensure padding doesn't overflow the width */
}

.chosen-container-single .chosen-single {
    line-height: 35px;
    padding: 0 10px; /* Add some padding for better spacing */
    box-sizing: border-box;
}

/* Media queries for responsiveness */
@media (max-width: 1024px) {
    .sf-input-text {
        max-width: 225px; /* Adjust for medium-sized screens */
    }

    .chosen-container-single .chosen-single {
        line-height: 32px; /* Adjust line height for medium screens */
    }
}

@media (max-width: 768px) {
    .sf-input-text {
        max-width: 175px; /* Decrease width on smaller screens */
    }

    .chosen-container-single .chosen-single {
        line-height: 30px; /* Adjust line height for smaller viewports */
    }
}

@media (max-width: 480px) {
    .sf-input-text {
        max-width: 60%; /* Adjust width to prevent overflow on very small screens */
    }

    .chosen-container-single .chosen-single {
        line-height: 28px; /* Further adjust line height for very small screens */
    }
}

/* Specific styling for div with chosen-container and chosen-container-single classes */
.chosen-container.chosen-container-single {
    width: 198px !important; /* Set width to 198px, using !important to override inline styles */
    box-sizing: border-box; /* Ensure proper sizing */
}/* End custom CSS */