.searchFilter{margin:0 auto;margin-bottom:2%;margin-top:5%;width:90%}
.searchFilterContainer .filter-block{display:flex;flex-direction:column}
.searchFilter h2{font-size:24px;font-weight:normal;line-height:1.09;letter-spacing:-0.8px;color:#19212b}
#searchField{font-size:16px;padding:10px 0 10px 0;margin:0 20px;outline:0;color:#19212b;font-weight:normal;height:40px;width:100%}
.singleSelect{height:46px;margin-left:27px;display:none;width:calc(100% - 27px);text-overflow:ellipsis;word-break:break-word;outline:0;color:#19212b;font-weight:normal;font-size:16px;letter-spacing:-0.4px;background:transparent;cursor:pointer}
#multiSelect{width:100%;display:none;height:48px;margin-right:12px;background-color:white;border:solid 1px #8c9095;border-radius:24px;padding-left:15px;padding-right:0;margin-bottom:15px}
.selectBox{height:97%;position:relative}
.selectBox select{margin:1px 1px 1px 2px;height:100%;width:100%;border-radius:18px;text-overflow:ellipsis;word-break:break-word;overflow:hidden;background:transparent}
.overSelect{position:absolute;left:0;right:0;top:0;bottom:0}
.filterItemsContainer{display:none;border:1px #dadada solid;min-width:80px;position:absolute;background:#fff;color:#000;z-index:100}
.filterItemsContainer label{display:block;padding:5px}
.filterItemsContainers label:hover{background-color:#1e90ff}
.filterItemsContainer label input{margin-right:5px}
.filter-block-action,.filter-content{display:flex;justify-content:flex-end;margin:8px 0}
.filter-content.hide,.filter-block-action.hide{display:none}
.gobutton{color:white !important;width:75px;font-size:18px;outline:0;padding:11px;border-radius:28px;background-color:#19212b}
.filter-center{display:flex !important;justify-content:center !important}
.grid-center{width:60%}
.title-center{margin:0 auto}
.titleSearch-center{position:absolute;right:115px}
#filterby-container{margin-top:20px;justify-content:center}
.selectedFilters{border:1px solid #ccc;border-radius:18px;padding:6px 6px;margin-right:5px;margin-bottom:10px;display:inline-block;cursor:pointer}
#clearButton{margin-left:20px;border-radius:3px;color:#19212b;display:block;border:1px solid #ccc;background:0;padding:6.5px;height:35px;cursor:pointer}
.mosaic-col{padding-top:50px;padding-left:100px;padding-right:100px}
.searchFilterContainer .filter-block .container-filter-singleselect{border:solid 1px #8c9095;border-radius:24px;height:48px;position:relative;margin-bottom:15px}
select.singleSelect{-moz-appearance:none;-webkit-appearance:none}
select.singleSelect::-ms-expand{display:none}
.container-filter-singleselect:after{content:"\25bc";position:absolute;top:0;right:0;bottom:0;font-size:10px;line-height:48px;padding:0 15px;color:#19212b;pointer-events:none;border-radius:0 6px 6px 0}
.selectBox select{-moz-appearance:none;-webkit-appearance:none;color:#19212b;font-weight:normal}
.selectBox select::-ms-expand{display:none}
.selectBox:after{content:"\25bc";position:absolute;top:0;right:0;bottom:0;font-size:10px;line-height:48px;padding:0 15px;color:black;pointer-events:none;border-radius:0 6px 6px 0}
.content-search-header{display:flex;justify-content:space-between}
.content-search-header #search-box-image-block{display:none;align-items:flex-start}
.content-search-header #search-box-image-block button{outline:0}
.content-search-header .content-hub-search-container{display:flex}
.content-search-header .content-hub-search-container.active{display:flex;justify-content:center;flex-direction:column}
.content-search-header #search-box-image-block.hidden{display:none}
.content-search-header .content-hub-search-container .content-hub-search{position:relative;display:flex;background:white;border-radius:25px;border:solid 1px #8c9095;height:44px;width:100%}
.content-search-header img{width:17px;position:relative;top:7px}
.content-search-header .content-hub-search-container .content-hub-search button:first-child{margin-left:12px;outline:0}
.content-search-header .content-hub-search-container .content-hub-search button:last-child{margin-right:12px;outline:0;color:#19212b;font-weight:bold;position:absolute;right:5px;top:9px;cursor:pointer}
.content-search-header .content-hub-search-container .search-close::before{content:'\2715'}
.no-result{font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:-0.8px;color:#19212b;margin-top:16px;display:none}
input#searchField::placeholder{color:#19212b}
.contain-filter-title{min-height:48px}
.content-search-header .content-hub-search-container.mobi-setting{display:none}
@-moz-document url-prefix(){.filterItemsContainer{margin-left:3px}
}
@media only screen and (max-width:1280px){.gobutton{margin-top:0;margin-left:0}
#multiSelect{min-width:180px}
.filterItemsContainer{max-width:164px}
}
@media only screen and (max-width:1024px){.searchFilter h2{font-size:32px}
.gobutton{font-size:16px;height:42px}
.singleSelect{height:40px;font-size:16px;margin-right:15px;margin-left:15px}
#searchField{font-size:16px}
.searchFilterContainer .filter-block .container-filter-singleselect{border-radius:20px;height:42px;margin-bottom:16px;width:100%}
#multiSelect{border-radius:20px;margin-right:15px;height:42px;margin-bottom:16px;font-size:16px;min-width:148px}
.container-filter-singleselect::after{line-height:42px}
.selectBox::after{line-height:42px}
.filterItemsContainer{max-width:134px}
}
@media only screen and (min-width:1024px){.searchFilterContainer .filter-block{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));grid-gap:2rem}
}
@media screen and (max-width:766px){.searchFilterContainer{display:inline-grid;width:100%;justify-content:inherit;position:relative}
.singleSelect{margin-bottom:15px;max-width:none}
#multiSelect{margin-bottom:15px;max-width:none}
.filterItemsContainer{width:100%;position:relative;max-width:none}
.mosaic-col{padding:0 10px 0 17px !important}
.searchFilter h2{text-align:left;font-size:24px;margin-bottom:24px}
.filter-toggle-mob{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;position:relative}
.filter-toggle-mob .bar1{width:25px;height:2px;background-color:#4e3eb1;margin:6px 0;transition:.4s;position:absolute}
.filter-toggle-mob .bar2{width:18px;height:2px;background-color:#4e3eb1;margin:6px 0;transition:.4s;position:absolute;margin-top:12px;margin-left:3px}
.filter-toggle-mob .bar3{width:13px;height:2px;background-color:#4e3eb1;margin:6px 0;transition:.4s;position:absolute;margin-top:18px;margin-left:6px}
.appd-mobile-filter-toggle{display:block !important}
.contain-filter-title{display:flex;position:relative}
.close{display:none !important}
.add-black{background-color:#19212b !important}
#clearButton{border:none !important;font-weight:500}
#filter-container{display:none}
.filter-toggle-mob .dot-choose-filter{color:#4e3eb1;position:absolute;left:9px;top:4.5px;display:none}
.searchFilterContainer .filter-block .container-filter-singleselect{margin-bottom:15px}
.filterToggle-block{display:flex;justify-content:flex-end;margin-right:16px;margin-bottom:16px;position:absolute;right:0}
.content-search-header{flex-direction:column}
.content-search-header{margin-bottom:0;width:100%}
.no-result{text-align:center}
}
@media screen and (min--moz-device-pixel-ratio:0) and (max-width:415px){.filterItemsContainer{width:98.5%;position:relative}
}
@media screen and (min-width:768px){.searchFilter h2{margin:0;font-size:24px}
.searchFilterContainer .filter-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-gap:1rem;margin-top:24px}
.content-search-header #search-box-image-block{display:flex;justify-content:center;flex-direction:column}
.content-search-header .content-hub-search-container.active{width:44%}
.content-search-header .content-hub-search-container{display:none}
.searchFilter{width:100%}
}
@media screen and (min-width:768px) and (max-width:1024px){.titleSearch-center{right:75px}
}
@media only screen and (min-width:64em){.searchFilter h2{font-size:32px}
#searchField{height:44px}
.content-search-header .content-hub-search-container .content-hub-search{height:100%}
.searchFilterContainer .filter-block{grid-gap:4rem}
.content-search-header .content-hub-search-container.active{width:28rem}
}
@media only screen and (min-width:87.5em){.searchFilter h2{font-size:44px}
.contain-filter-title{margin-bottom:40px}
.no-result{font-size:32px}
.searchFilter{width:90%}
}