@media (min-width: 620px) {
    .woof-front-builder-container {
        width: 90% !important;
        margin: 20px auto !important;
        font-weight: 600;
    }

    .woof {
        border-radius: 20px;
        background: #f7f7f7;
        border: 2px solid #ccc;
        padding: 20px !important;
    }

    .woof_text_search_container {
        width: 95% !important;
        margin: 0 auto 10px;
    }

    .woof_husky_txt-input {
        border-radius: 20px !important;
        border: 1px solid #c2c2c2 !important;
        padding: 0 10px;
        background: #fff;
        transition: .3s ease-in-out;
    }

    .woof_husky_txt-input:focus {
        border: 1px solid #ff964f !important;
        box-shadow: 0 0 5px #ff964f;
    }

    .woof_husky_txt span {
        right: 0 !important;
    }

    ul.woof_list {
        max-height: 200px !important;
        overflow-y: scroll !important;
    }

    ul.woof_list::-webkit-scrollbar {
        width: 8px;
        background: #e6e6e6;
        border-radius: 5px;
    }

    ul.woof_list::-webkit-scrollbar-thumb {
        background: #ff8c3f;
        border-radius: 5px;
        cursor: pointer;
    }

    .woof_redraw_zone {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .woof_checkbox_instock_container,
    .woof_container_pa_rarity,
    .woof_price3_search_container {
        width: 30% !important;
        background: #fff;
        padding: 20px !important;
        border-radius: 15px;
    }

    .woof_checkbox_instock_container::before {
        content: "庫存";
        display: block;
        margin-bottom: 11px;
        font-size: 1.12em;
        line-height: 1.12em;
        background: #ff8c3f;
        padding: 8px 7px;
        color: #fff;
        text-align: center;
        border-radius: 20px;
    }

    .switcher23:checked+.switcher23-toggle:before {
        background: #ffe5c8 !important;
    }

    .switcher23:checked+.switcher23-toggle>span {
        background: #ffaf79 !important;
    }

    .switcher23-toggle:before {
        background-color: rgba(0, 0, 0, 0.1) !important;
    }

    .woof_container_pa_rarity h4 {
        background: #ff8c3f !important;
        color: #fff !important;
        border-radius: 20px !important;
    }

    .woof_radio_term_reset {
        display: none !important;
    }

    .woof_price3_search_container::before {
        content: "價格";
        display: block;
        margin-bottom: 11px;
        font-size: 1.12em;
        line-height: 1.12em;
        background: #ff8c3f;
        padding: 8px 7px;
        color: #fff;
        text-align: center;
        border-radius: 20px !important;
    }

    .irs--round .irs-bar,
    .irs--round .irs-from,
    .irs--round .irs-to,
    .irs--round .irs-single {
        background-color: #ff8c3f !important;
    }

    .irs--round .irs-from:before,
    .irs--round .irs-to:before,
    .irs--round .irs-single:before {
        border-top-color: #ff8c3f !important;
    }

    .irs--round .irs-handle {
        border: 4px solid #ff8c3f !important;
    }

    .woof_submit_search_form_container {
        width: 100%;
    }

    .woof_submit_search_form_container:first-of-type {
        display: none;
    }

    .woof_submit_search_form_container {
        justify-content: flex-end !important;
    }

    .woof_submit_search_form_container button {
        background: #ff8c3f !important;
        color: #fff !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 619px) {
    .woof-front-builder-container {
        width: 90% !important;
        margin: 20px auto !important;
        font-weight: 600;
    }

    .woof {
        border-radius: 20px;
        background: #f7f7f7;
        border: 2px solid #ccc;
        padding: 10px !important;
    }

    .woof_text_search_container {
        width: 95% !important;
        margin: 0 auto 10px;
    }

    .woof_husky_txt-input {
        border-radius: 20px !important;
        border: 1px solid #c2c2c2 !important;
        padding: 0 10px;
        background: #fff;
        transition: .3s ease-in-out;
    }

    .woof_husky_txt-input:focus {
        border: 1px solid #ff964f !important;
        box-shadow: 0 0 5px #ff964f;
    }

    ul.woof_list {
        max-height: 200px !important;
        overflow-y: scroll !important;
    }

    ul.woof_list::-webkit-scrollbar {
        width: 8px;
        background: #e6e6e6;
        border-radius: 5px;
    }

    ul.woof_list::-webkit-scrollbar-thumb {
        background: #ff8c3f;
        border-radius: 5px;
        cursor: pointer;
    }

    .woof_husky_txt span {
        right: 0 !important;
    }

    .woof_redraw_zone {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .woof_checkbox_instock_container,
    .woof_container_pa_rarity,
    .woof_price3_search_container {
        width: 95% !important;
        background: #fff;
        padding: 20px !important;
        border-radius: 15px;
    }

    .woof_checkbox_instock_container::before {
        content: "庫存";
        display: block;
        margin-bottom: 11px;
        font-size: 1.12em;
        line-height: 1.12em;
        background: #ff8c3f;
        padding: 8px 7px;
        color: #fff;
        text-align: center;
        border-radius: 20px;
    }

    .switcher23:checked+.switcher23-toggle:before {
        background: #ffe5c8 !important;
    }

    .switcher23:checked+.switcher23-toggle>span {
        background: #ffaf79 !important;
    }

    .switcher23-toggle:before {
        background-color: rgba(0, 0, 0, 0.1) !important;
    }

    .woof_container_pa_rarity h4 {
        background: #ff8c3f !important;
        color: #fff !important;
        border-radius: 20px !important;
    }

    .woof_radio_term_reset {
        display: none !important;
    }

    .woof_price3_search_container::before {
        content: "價格";
        display: block;
        margin-bottom: 11px;
        font-size: 1.12em;
        line-height: 1.12em;
        background: #ff8c3f;
        padding: 8px 7px;
        color: #fff;
        text-align: center;
        border-radius: 20px !important;
    }

    .irs--round .irs-bar,
    .irs--round .irs-from,
    .irs--round .irs-to,
    .irs--round .irs-single {
        background-color: #ff8c3f !important;
    }

    .irs--round .irs-from:before,
    .irs--round .irs-to:before,
    .irs--round .irs-single:before {
        border-top-color: #ff8c3f !important;
    }

    .irs--round .irs-handle {
        border: 4px solid #ff8c3f !important;
    }

    .woof_submit_search_form_container {
        width: 100%;
    }

    .woof_submit_search_form_container:first-of-type {
        display: none;
    }

    .woof_submit_search_form_container {
        justify-content: flex-end !important;
    }

    .woof_submit_search_form_container button {
        background: #ff8c3f !important;
        color: #fff !important;
        border-radius: 20px !important;
    }
}