/*Add Custom styling here */
#search-box-autocomplete{
  border-radius: 0px 3px 3px 0px !important;
  height: 45px;
}
.su__search_section{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
} 
.SU-search-form-granularity {
    height: 45px !important;
    text-transform: capitalize;
    line-height: 1;
    color: rgb(255, 255, 255) !important;
    background: rgb(33, 153, 158) !important;
    border-radius: 3px 0px 0px 3px !important;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    border-image: initial !important;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important;
    width: auto !important;
}
.su__search_btn{
    background-color: rgb(33, 153, 158);
    visibility: visible !important;
    border-radius: 0px 3px 3px 0px !important;
}
.su__search_btn > svg path{
    fill : #fff;
}
.su__search_btn > svg{
   height:28px !important;
   width:28px !important;
}
.su__bg-blue-grd{
    background-color: transparent !important;
}
.su__app{
    background:none !important;
    width:100%;
}
.su__input-close {
    right: 44px !important;
    top: 10px !important;
}
.lia-quilt-community-page .su__app{
     width:68%;
}
@media screen and (max-width: 767px) {
.lia-quilt-community-page  .su__app {
    width: 100% !important;
  }
}
.lia-component-quilt-header #auto{
  margin-top:1.5rem;
}
/* .lia-quilt-community-page .lia-component-quilt-header #auto{
  margin-top:3.5rem;
} */
@media (min-width: 768px){
.su__container {
    max-width: 954px;
}
}
@media (min-width: 576px){
.su__container {
    max-width: 734px; 
    padding: 0 0px; 
}
}
@media (min-width: 320px)
{
.su__container {
    max-width: 100%;
    padding: 0 0px ;
}
}
@media screen and (max-width: 500px) {
  .SU-search-granularity-wrapper{  
    width:31%
}
.SU-search-form-granularity.search-granularity{
    font-size:10px !important;
}
}
@media screen and (max-width: 354px) {
  .SU-search-granularity-wrapper{  
    width:31%
}
.SU-search-form-granularity.search-granularity{
    font-size:8px !important;
}
}
.SU-search-form-granularity::-webkit-scrollbar {
  display: none;
}
.su__input-search{
  padding-right:74px !important;
}