.searchBarSection {
    margin: 5px 0 15px
}

.dropdown-menu .lang_drop_mega .lang-option .custom-control.overflow-checkbox .overflow-control-input,
.reading-pages .searchBarSection,
.searchBarSection .lang_drop_lang_icon,
.searchBarSection .search_extra_filter_none_flex,
.searchBarSection .search_prepend_second_box .filter-search .custom-control.overflow-checkbox .overflow-control-input {
    display: none
}

.searchBarSection .book_search_main_div {
    background: #fff;
    width: 100%;
    border-radius: 10px;
    padding: 10px 0
}

.searchBarSection .book_search_main_div a img {
    width: 202px;
    aspect-ratio: 101/31 !important
}

.searchBarSection .search_col_div,
.searchBarSection .search_prepend_second_box .filter-search .toggler-box .toggle-page {
    display: flex;
    align-items: center
}

.searchBarSection .book_search_main_div .input-group {
    background: #da1e33;
    display: flex;
    align-content: center;
    align-items: center;
    padding-right: 3px;
    border-radius: 100px;
    height: 50px
}

.searchBarSection .search_prepend_first__box {
    background: #f5f3f3 !important;
    padding: 5px 0;
    height: 50px;
    width: 70px;
    border-radius: 100px 0 0 100px;
    align-items: center;
    justify-content: center;
    margin-left: -5px
}

.searchBarSection .search_prepend_first__box a {
    color: #9fa6ae;
    font-size: 25px;
    margin-right: 5px;
}

.searchBarSection .search_bar {
    background: #f5f3f3 !important;
    height: 50px;
    font-size: 20px;
    padding: 6px 5px
}

.searchBarSection #search_bar {
    border-radius: 0
}

.searchBarSection .search_bar::placeholder {
    color: #9fa6ae;
    font-size: 20px
}

.searchBarSection .search_append_first__box {
    background: #f5f3f3 !important;
    border-radius: 0 100px 100px 0;
    display: flex;
    align-items: center;
    height: 50px;
    margin-right: 2px;
    padding-left: 5px
}

.searchBarSection .single_search_btn {
    padding: 0 13px;
    height: 90%;
    background: #da1e33 !important;
    margin-right: 5px;
    border-radius: 100px;
    color: #fff;
    font-size: 20px;
    border: 0px solid transparent;
}

.searchBarSection .lang_ab_btn {
    color: #9fa6ae;
    padding: 1px 20px;
    border: 2px solid #fff !important;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 20px;
    pointer-events: none
}

.search_append_fourth__box {
    background: #fff !important;
    border-radius: 0 100px 100px 0;
    height: 91%
}

.searchBarSection .search_prepend_second_box {
    position: relative
}

.searchBarSection .search_prepend_second_box:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 80%;
    top: 10%;
    right: 0;
    background: #fff
}

.searchBarSection .search_prepend_second_box button {
    background: #da1e33;
    color: #fff;
    line-height: normal;
    width: 100px;
    transition: .3s;
    border-radius: 0;
    border: 0 solid transparent;
    font-size: 12px;
}

.searchBarSection .history_btn {
    border-radius: 0 100px 100px 0;
    background: #da1e33 !important;
    color: #fff;
    width: 100px;
    line-height: normal;
    text-align: center;
    padding: 1px 6px;
    font-size: 12px
}

.searchBarSection .history_btn i,
.searchBarSection .search_prepend_second_box button i {
    margin-bottom: 5px;
    font-size: 18px
}

.searchBarSection .search_prepend_second_box.activeChilds {
    background: #da1e33
}

.searchBarSection .search_prepend_second_box .dropdown-toggle::after,
.searchBarSection .search_prepend_second_box.activeChilds:before {
    content: unset
}

.searchBarSection .search_prepend_second_box.activeChilds .myDropModal {
    background: #fff !important;
    color: #da1e33 !important
}

.searchBarSection .search_prepend_second_box .filter-black-bg {
    display: none;
    background: #0000001c;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.searchBarSection .search_prepend_second_box .filter-black-bg.show,
.searchBarSection .search_prepend_second_box .search-filter-box.show {
    display: block
}

.searchBarSection .search_prepend_second_box .search-filter-box {
    position: absolute;
    top: 105%;
    left: -180%;
    z-index: 5;
    width: 450px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 4px;
    padding: 20px;
    display: none
}

.searchBarSection .search_prepend_second_box .filter-search .filter-tips h3 {
    font-size: 25px;
    margin: 0 0 15px;
    color: #3b3b79
}

.searchBarSection .search_prepend_second_box .filter-search .filter-tips ul {
    list-style-position: inside
}

.searchBarSection .search_prepend_second_box .filter-search .filter-tips ul li {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 25px
}

.search_prepend_second_box .filter-search .filter-tips ul li::marker {
    color: #3b3b79;
    font-size: 22px
}

.searchBarSection .search_prepend_second_box .filter-search .how-take-it {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px
}

.searchBarSection .search_prepend_second_box .filter-search .how-take-it h5 {
    margin: 0 8px 0 0;
    color: #3b3b79;
    font-size: 16px
}

.searchBarSection .search_prepend_second_box .filter-search .how-take-it .check-it-box {
    width: 303px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.searchBarSection .search_prepend_second_box .filter-search .check-name {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.searchBarSection .search_prepend_second_box .filter-search .how-take-it .check-name .custom-control {
    padding: 0 15px 0 0
}

.searchBarSection .search_prepend_second_box .filter-search .check-name b {
    color: #3b3b79;
    margin-right: 5px;
    font-size: 15px
}

.dropdown-menu .lang_drop_mega .lang-option .custom-control.overflow-checkbox .overflow-control-input:checked~.overflow-control-indicator::after,
.searchBarSection .search_prepend_second_box .filter-search .custom-control.overflow-checkbox .overflow-control-input:checked~.overflow-control-indicator::after {
    -webkit-transform: rotateZ(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotateZ(45deg) scale(1);
    top: -1px;
    left: 4px
}

.searchBarSection .search_prepend_second_box .filter-search .custom-control.overflow-checkbox .overflow-control-indicator {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #3b3b79
}

.searchBarSection .search_prepend_second_box .filter-search .custom-control.overflow-checkbox .overflow-control-indicator::after {
    content: "";
    position: absolute;
    height: 13px;
    transition: .3s;
    transform: rotateZ(90deg) scale(0);
    width: 7px;
    border-bottom: 2px solid #3b3b79;
    border-right: 2px solid #3b3b79;
    border-radius: 2px;
    top: -5px;
    left: 2px
}

.searchBarSection .search_prepend_second_box .filter-search .toggler-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px
}

.searchBarSection .search_prepend_second_box .filter-search .toggler-box .toggle-page p {
    margin: 0 10px 0 0;
    font-weight: 700;
    color: #3b3b79;
    font-size: 15px
}

.searchBarSection .checkbox,
.searchBarSection .search_prepend_second_box .filter-search .checkbox {
    opacity: 0;
    position: absolute
}

.searchBarSection .search_prepend_second_box .filter-search .checkbox-label {
    background-color: #f3f3f3;
    width: 47px;
    height: 23px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.searchBarSection .search_prepend_second_box .filter-search .checkbox-label .ball {
    background-color: #c9c9c9;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 1px;
    top: .9px;
    border-radius: 50%;
    transition: transform .2s linear
}

.searchBarSection .current-search .current-toggle .checkbox:checked+.checkbox-label .ball,
.searchBarSection .search_prepend_second_box .filter-search .checkbox:checked+.checkbox-label .ball {
    transform: translateX(24px);
    background-color: rgb(216 65 72)
}

.searchBarSection .search_prepend_second_box .search-filter-box .search-btn-box {
    margin-top: 10px
}

.searchBarSection .search_prepend_second_box .search-filter-box .search-btn-box .filter-drop-btn {
    padding: 6px 10px;
    background: #3b3b79;
    width: 100%;
    border-radius: 20px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    box-shadow: none !important
}

.searchBarSection .search_prepend_second_box .search-filter-box .search-btn-box .filter-drop-btn:hover {
    color: #fff
}

.searchBarSection .search_prepend_second_box .filter-search .multi-select {
    margin: 10px auto
}

.searchBarSection .search_prepend_second_box .filter-search .filter-label {
    margin: 0;
    padding: 3px 14px;
    width: 100%;
    color: #3b3b79;
    font-size: 16px;
    font-weight: 600
}

.searchBarSection .search-filter-box .filter-search button.btn.dropdown-toggle.btn-primary {
    background: #f3f3f3 !important;
    height: 37px;
    width: 100%;
    border-radius: 20px;
    padding: 0;
    position: relative
}

.searchBarSection .search-filter-box .filter-search button.btn.dropdown-toggle.btn-primary::before {
    content: "\f078";
    position: absolute;
    top: 22%;
    right: 5%;
    color: grey;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px
}

.searchBarSection .search-filter-box .filter-search button.btn.dropdown-toggle.btn-primary:focus {
    border: none;
    outline: 0 !important
}

.searchBarSection .search_prepend_second_box .filter-search .bootstrap-select .dropdown-toggle .filter-option {
    border-radius: 20px;
    padding: 9px 15px 0
}

.searchBarSection .search_prepend_second_box .filter-search .filter-option .filter-option-inner-inner {
    font-size: 15px;
    height: 100% !important;
    color: gray
}

.searchBarSection .search-filter-box .filter-search .dropdown-item {
    margin: 5px auto;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 4px;
    color: rgb(37 38 40) !important
}

.searchBarSection .search-filter-box .filter-search .dropdown-item:active {
    background: 0 0;
    color: #da1e33 !important
}

.searchBarSection .search-filter-box .filter-search .dropdown-item:hover {
    color: #da1e33;
    background: 0 0 !important
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu {
    width: 100%
}

.searchBarSection .search-filter-box .filter-search .bs-searchbox {
    padding: 0 8px !important
}

.searchBarSection .search-filter-box .filter-search .bs-searchbox .form-control {
    padding: 0 5px !important;
    background-color: #f3f3f3
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu .bs-actionsbox .btn-light {
    background-color: #3b3b79 !important;
    color: #fff !important;
    margin: 7px 10px 5px;
    padding: 9px 5px;
    font-size: 14px;
    border-radius: 20px
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu .inner {
    max-height: 250px !important;
    overflow: auto;
    min-height: auto
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu .inner li a .text {
    margin: 0 !important
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu .inner .no-results {
    white-space: normal !important;
    word-wrap: break-word !important
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
    width: 7px
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
    background: #f1f1f1
}

.searchBarSection .search-filter-box .filter-search .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
    background: #888
}

.searchBarSection .search_prepend_third_box {
    border-radius: 0 100px 100px 0
}

.searchBarSection .search_prepend_third_box button {
    border-radius: 0 100px 100px 0;
    background: unset;
    color: #da1e33;
    font-weight: 600;
    font-size: 20px;
    width: 220px;
    border: 0px solid transparent;
}

.searchBarSection .book_search_main_div .input-group a,
.searchBarSection .book_search_main_div .input-group input {
    border: 0 solid transparent;
    background: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.searchBarSection .book_search_main_div .input-group input:focus {
    box-shadow: 0 0 0 transparent !important;
    border-color: inherit
}

.searchBarSection .search_prepend_third_box .dropdown-menu {
    width: 50%;
    top: 100% !important;
    left: 50% !important;
    transform: unset !important;
    border: 0 solid transparent;
    border-top: 2px solid #da1e33;
    box-shadow: rgba(0, 0, 0, .22) 3px 2px 7px 0;
    padding: 5px;
    z-index: 5
}

.dropdown-menu .lang_drop_mega .lang-option {
    padding: 0 3px;
    margin: 0 0 6px
}

.dropdown-menu .lang_drop_mega .lang-option label {
    margin: 0;
    padding: 2px 6px 2px 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 4px
}

.dropdown-menu .lang_drop_mega .lang-option label .lang-list-text {
    font-size: 15px;
    transition: .5s
}

.dropdown-menu .lang_drop_mega .lang-option label:hover .lang-list-text {
    color: #da1e33
}

.dropdown-menu .lang_drop_mega .lang-option label .check-lang-inp {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center
}

.dropdown-menu .lang_drop_mega .lang-option .custom-control.overflow-checkbox .overflow-control-indicator {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 50px
}

.dropdown-menu .lang_drop_mega .lang-option .custom-control.overflow-checkbox .overflow-control-input:checked~.overflow-control-indicator:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #da1e33;
    border-radius: 100px
}

.dropdown-menu .lang_drop_mega .lang-option .custom-control.overflow-checkbox .overflow-control-indicator:after {
    content: "";
    position: absolute;
    height: 11px;
    transition: .3s;
    transform: rotateZ(90deg) scale(0);
    width: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 2px;
    top: 1px !important;
    left: 5px !important
}

.book-search-filter .search_prepend_third_box .dropdown-menu .lang_drop_mega {
    height: 200px;
    overflow: auto;
    padding: 0 5px
}

.book-search-filter .search_prepend_third_box .dropdown-menu .lang_drop_mega::-webkit-scrollbar {
    width: 5px
}

.book-search-filter .search_prepend_third_box .dropdown-menu .lang_drop_mega::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 #e4e4e4;
    background: #e4e4e4
}

.book-search-filter .search_prepend_third_box .dropdown-menu .lang_drop_mega::-webkit-scrollbar-thumb {
    background: #da1e33
}

.searchBarSection .search_extra_filter_none {
    display: none !important
}

.searchBarSection .current-search,
.searchBarSection .more-than-book-text {
    width: fit-content;
    margin: 0 auto;
    display: none
}

.searchBarSection .search_extra_filter_none .exact-column {
    display: flex;
    justify-content: center;
    align-items: center
}

.searchBarSection .more-than-book-text {
    text-align: left
}

.searchBarSection .more-than-book-text .than-text {
    margin: 10px 0 0;
    padding: 0 15px;
    font-size: 32px
}

.searchBarSection .more-than-book-text .than-text .more-text-bold {
    font-weight: 700
}

.searchBarSection .current-search .current-toggle {
    display: flex;
    align-items: center;
    margin-top: 15px
}

.searchBarSection .current-search .current-toggle p {
    margin: 0 10px 0 0;
    font-weight: 700;
    color: hsl(210deg 7.44% 47.45%);
    font-size: 20px;
    letter-spacing: .8px
}

.searchBarSection .current-search .current-toggle .checkbox-label {
    background-color: #f3f3f3;
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.searchBarSection .current-search .current-toggle .checkbox-label .ball {
    background-color: #c9c9c9;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 50%;
    transition: transform .2s linear
}

.selected__books__div {
    margin-top: 7px !important;
    max-height: 100px !important;
    overflow-y: auto !important
}

.selected__books__div::-webkit-scrollbar {
    width: 7px
}

.selected__books__div::-webkit-scrollbar-track {
    background: #f1f1f1
}

.selected__books__div::-webkit-scrollbar-thumb {
    background: #da1e33
}

.selected__books__frt__divs,
.selected__cats__frt__divs {
    display: flex !important;
    flex-wrap: wrap !important
}

.selected__books__div .selected__books_list,
.selected__cats__div .selected__cats_list {
    border-radius: 10px 20px/20px !important;
    border: 0 !important;
    margin: 5px 3px !important;
    background: #098494 !important;
    color: #fff !important;
    padding: 5px 10px 5px 0 !important;
    text-align: left !important;
    font-size: 14px !important;
    transition: .4s !important
}

.selected__books_list span,
.selected__cats_list span {
    padding-left: 5px !important
}

#awesomplete_list_1 li:first-child::before {
    content: "\f044";
    position: absolute;
    top: 3px;
    left: 1%;
    font-family: "Font Awesome 5 Free"
}

#awesomplete_list_1 li:first-child>mark {
    padding: 0 25px
}

#awesomplete_list_1 li[aria-selected=true]:first-child>mark {
    background-color: #da1e33
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @supports (-webkit-appearance: none) {
        .searchBarSection .search_append_first__box, .searchBarSection .search_prepend_first__box {
            height:51.5px
        }
        .search-bar-reading-page .fa-file:before {
            margin-top: 5px
        }
    }
}

@media (max-width:1920px) {
    .searchBarSection .more-than-book-text .than-text {
        font-size: 28px
    }
}

@media (max-width:1620px) {
    .searchBarSection .more-than-book-text .than-text {
        font-size: 26px
    }
}

@media (max-width:1440px) {
    .searchBarSection .more-than-book-text .than-text {
        font-size: 22px
    }
}

@media (max-width:1366px) {
    .searchBarSection .more-than-book-text .than-text {
        font-size: 20px
    }
    .searchBarSection .current-search .current-toggle p {
        font-size: 18px
    }
}

@media (max-width:1199px) {
    .searchBarSection {
        margin: 5px 0 0
    }
}

@media (max-width:1024px) {
    .searchBarSection .lang_drop_lang,
    .searchBarSection .search_append_first__box,
    .searchBarSection .single_search_btn {
        display: none
    }
    .searchBarSection .lang_drop_lang_icon {
        display: inline-block
    }
    .searchBarSection .history_btn,
    .searchBarSection .search_prepend_second_box button {
        width: 100px
    }
    .searchBarSection .search_prepend_third_box button {
        width: fit-content;
        padding: 1px 15px
    }
    .searchBarSection #search_bar {
        border-radius: 0 100px 100px 0
    }
    .book_search_main_div .awesomplete {
        padding-right: 3px
    }
    .searchBarSection .search_prepend_third_box .dropdown-toggle::after {
        content: unset
    }
    .searchBarSection .search_prepend_second_box .search-filter-box {
        left: -185%
    }
}

@media (max-width:991px) {
    .searchBarSection .current-search .current-toggle p,
    .searchBarSection .more-than-book-text .than-text {
        font-size: 17px
    }
}

@media (max-width:767px) {
    .searchBarSection {
        margin: 5px 0 3px
    }
    .searchBarSection .history_btn,
    .searchBarSection .search_prepend_second_box button {
        width: fit-content;
        padding: 1px 15px
    }
    .searchBarSection .word_filter,
    .searchBarSection .word_history {
        display: none
    }
    .book-search-filter .word_search {
        display: none !important
    }
    .searchBarSection .search_prepend_first__box {
        width: fit-content;
        text-align: right;
        padding: 0 10px
    }
    .searchBarSection .lang_ab_btn {
        padding: 1px 5px;
        font-size: 15px
    }
    .searchBarSection .search_prepend_first__box a {
        font-size: 20px
    }
    .searchBarSection .history_btn i,
    .searchBarSection .search_prepend_second_box a i {
        margin: 0;
        font-size: 15px
    }
    .searchBarSection .search_bar {
        font-size: 18px
    }
    .searchBarSection .search_bar::placeholder {
        font-size: 18px
    }
    .searchBarSection .search_prepend_third_box .dropdown-menu {
        width: 100%;
        left: 0 !important
    }
    .searchBarSection .search_prepend_second_box .search-filter-box {
        left: -655%
    }
    .searchBarSection .current-search .current-toggle p,
    .searchBarSection .more-than-book-text .than-text {
        font-size: 16px
    }
    .searchBarSection .search_extra_filter_none .author-column,
    .searchBarSection .search_extra_filter_none .exact-column,
    .searchBarSection .search_extra_filter_none .month-column {
        padding: 0 5px
    }
}

@media (max-width:576px) {
    .searchBarSection .search_bar,
    .searchBarSection .search_bar::placeholder {
        font-size: 15px
    }
    .searchBarSection .current-search .current-toggle p,
    .searchBarSection .search_prepend_first__box a {
        font-size: 15px
    }
    .searchBarSection .history_btn,
    .searchBarSection .search_prepend_second_box button {
        padding: 1px 10px
    }
    .searchBarSection .search_prepend_first__box {
        padding: 0 3px 0 10px
    }
    .searchBarSection .search_append_fourth__box,
    .searchBarSection .search_prepend_second_box {
        position: unset
    }
    .searchBarSection .search_prepend_second_box .search-filter-box {
        width: 100%;
        left: 0
    }
    .searchBarSection .search_prepend_second_box .filter-search .how-take-it h5 {
        margin-right: 5px
    }
    .searchBarSection .search_prepend_second_box .filter-search .how-take-it .check-it-box {
        width: 300px;
        margin-left: auto
    }
    .searchBarSection .search_prepend_second_box:before {
        display: none
    }
    .searchBarSection .current-search .current-toggle .checkbox-label {
        width: 45px;
        height: 24px
    }
    .searchBarSection .current-search .current-toggle .checkbox-label .ball {
        width: 23px;
        height: 23px;
        top: .4px
    }
    .searchBarSection .current-search .current-toggle .checkbox:checked+.checkbox-label .ball {
        transform: translateX(21px)
    }
    .dropdown-menu .lang_drop_mega .lang-option label .lang-list-text {
        font-size: 14px
    }
}

@media (max-width:500px) {
    .searchBarSection .search_prepend_second_box .search-filter-box {
        zoom: 0.9
    }
    .searchBarSection .search_prepend_second_box .filter-search .custom-control.overflow-checkbox .overflow-control-input:checked~.overflow-control-indicator::after {
        top: -1px;
        left: 3px
    }
    .searchBarSection .search_prepend_second_box .filter-search .custom-control.overflow-checkbox .overflow-control-indicator {
        top: 8px;
        width: 15px;
        height: 15px
    }
    .searchBarSection .search_prepend_second_box .filter-search .custom-control.overflow-checkbox .overflow-control-indicator::after {
        height: 11.5px;
        border-bottom: 2.5px solid #3b3b79;
        border-right: 2.5px solid #3b3b79
    }
    .searchBarSection .more-than-book-text .than-text {
        font-size: 15px
    }
}

@media (max-width:460px) {
    .searchBarSection .search_prepend_second_box .filter-search .how-take-it {
        display: block
    }
    .searchBarSection .search_prepend_second_box .filter-search .how-take-it h5,
    .searchBarSection .search_prepend_second_box .filter-search .search-btn-box .filter-drop-btn {
        font-size: 18px
    }
    .searchBarSection .search_prepend_second_box .filter-search .how-take-it .check-it-box {
        width: 100%
    }
    .searchBarSection .search_prepend_second_box .filter-search .check-name b {
        font-size: 16px
    }
    .searchBarSection .current-search .current-toggle p {
        font-size: 14px
    }
}

@media (max-width:414px) {
    .searchBarSection .search_prepend_second_box .filter-search .filter-label {
        font-size: 15px
    }
}

@media (max-width:400px) {
    .searchBarSection .search_prepend_second_box .filter-search .toggler-box .toggle-page {
        display: block
    }
    .searchBarSection .search_prepend_second_box .filter-search .checkbox-label {
        display: block;
        margin: 3px auto
    }
}

@media (max-width:380px) {
    .searchBarSection .search_prepend_second_box .filter-search .filter-tips h3 {
        font-size: 22px
    }
    .searchBarSection .search_prepend_second_box .filter-search .filter-tips ul li {
        font-size: 15px
    }
    .searchBarSection .current-search .current-toggle p {
        font-size: 13px;
        margin: 0 7px 0 0
    }
    .searchBarSection .current-search .current-toggle .checkbox-label {
        width: 42px;
        height: 22px
    }
    .searchBarSection .current-search .current-toggle .checkbox-label .ball {
        width: 21px;
        height: 21px;
        top: .3px
    }
    .searchBarSection .current-search .current-toggle .checkbox:checked+.checkbox-label .ball {
        transform: translateX(19px)
    }
}

@media (max-width:360px) {
    .dropdown-menu .lang_drop_mega .lang-option {
        padding: 0 2px
    }
    .dropdown-menu .lang_drop_mega .lang-option label .lang-list-text,
    .searchBarSection .search_prepend_second_box .filter-search .filter-tips ul li {
        font-size: 13px
    }
    .searchBarSection .search_prepend_second_box .search-filter-box {
        padding: 18px
    }
    .searchBarSection .search_prepend_second_box .filter-search .how-take-it h5 {
        font-size: 17px
    }
    .searchBarSection .search_prepend_second_box .filter-search .check-name b {
        font-size: 15px;
        margin: 0 3px 0 0
    }
    .searchBarSection .search_prepend_second_box .search-btn-box .filter-drop-btn {
        font-size: 16px
    }
}