.react-autosuggest__suggestions-container{
        border: .5px solid #fdc900;
        -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0px 2px 4px rgba(0,0,0,.1);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, .1);
        display: inline-block;
        position: absolute;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #fff;
        width: 100%;
        top: -webkit-calc(100% + 5px);
        top: -moz-calc(100% + 5px);
        top: calc(100% + 5px);
        left: 0;
        max-height: 70vh;
        overflow: auto;
        display: none;
    }
    li.react-autosuggest__suggestion{
        padding-left: 15px;
        padding-right: 15px;
    }
    .react-autosuggest__suggestions-container.active{
        display: block;
    }
    .city-suggestions-container #sugcont {
        display: none;
    }
    .city-suggestions-container.active #sugcont {
        display: block;
    }
    
    .header { 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        width: 100%; 
        padding: 20px; 
        position: relative; 
        height: 80px; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center;
    } 
    
    .header { 
        padding: 20px; 
        background: #fff; 
        z-index: 2; 
        border-bottom: solid 1px transparent;
    } 
    
    .header.header_home { 
        padding: 20px;
    } 
    
    .header .header_center  { 
        -webkit-flex-basis: 650px; 
        -ms-flex-preferred-size: 650px; 
        flex-basis: 650px; 
        max-width: 650px;
    } 
    
    .header.header_home .header_center  { 
        position: absolute; 
        -webkit-transition: all.15s ease; 
        -moz-transition: all.15s ease; 
        -o-transition: all.15s ease; 
        transition: all.15s ease; 
        -webkit-transform: translate3d(25px,125px,0px); 
        -moz-transform: translate3d(25px,125px,0px); 
        transform: translate3d(25px,125px,0px);
    } 
    
    .header_center  { 
        -webkit-animation: zoom-in-zoom-out 1s ease; 
        -moz-animation: zoom-in-zoom-out 1s ease; 
        -o-animation: zoom-in-zoom-out 1s ease; 
        animation: zoom-in-zoom-out 1s ease; 
        -webkit-flex-basis: 692px; 
        -ms-flex-preferred-size: 692px; 
        flex-basis: 692px; 
        -webkit-transform: translate3d(123px,0,0px); 
        -moz-transform: translate3d(123px,0,0px); 
        transform: translate3d(123px,0,0px); 
        -webkit-transition: all.15s ease; 
        -moz-transition: all.15s ease; 
        -o-transition: all.15s ease; 
        transition: all.15s ease;
    } 
    
    @media only screen and (min-resolution: 120dpi) and (max-width: 1280px){ 
      .header_center  { 
        transform: translate3d(112px,0,0);
      } 
    }     
    
    .header .header_input_group  { 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center; 
        width: 100%;
    } 
    
    .city-suggestions-container { 
        position: relative;
    } 
    
    .header .inputgroup_search  { 
        -webkit-box-flex: 1; 
        -webkit-flex: 1; 
        -moz-box-flex: 1; 
        -ms-flex: 1; 
        flex: 1; 
        position: relative; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    .mr-15 { 
        margin-right: 15px;
    } 
    
    .header .inputgroup_location  { 
        max-width: 247px; 
        -webkit-flex-basis: 247px; 
        -ms-flex-preferred-size: 247px; 
        flex-basis: 247px; 
        position: relative; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    .city-suggestions-container .react-autosuggest__suggestions-container--open  { 
        position: absolute; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
        background-color: #fff; 
        width: 480px; 
        top: -webkit-calc(100% + 5px); 
        top: -moz-calc(100% + 5px); 
        top: calc(100% + 5px); 
        left: 0; 
        display: none; 
        display: inline-block; 
        border: .5px solid#0076d7; 
        -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.1); 
        -moz-box-shadow: 0px 2px 4px rgba(0,0,0,.1); 
        box-shadow: 0px 2px 4px rgba(0,0,0,.1); 
        overflow-y: auto; 
        max-height: 400px;
    } 
    
    .city-suggestions-container .react-autosuggest__suggestions-container--open::-webkit-scrollbar { 
        width: 6px;
    } 
    
    .city-suggestions-container .react-autosuggest__suggestions-container--open::-webkit-scrollbar-thumb { 
        background: rgba(0,0,0,.2); 
        cursor: pointer; 
        -webkit-border-radius: 12px; 
        -moz-border-radius: 12px; 
        border-radius: 12px;
    } 
    
    .city-suggestions-container .react-autosuggest__suggestions-container--open::-webkit-scrollbar-track { 
        background: rgba(0,0,0,.09); 
        -webkit-border-radius: 12px; 
        -moz-border-radius: 12px; 
        border-radius: 12px;
    } 
    
    .city-suggestions-container .react-autosuggest__suggestions-container--open::-webkit-scrollbar-thumb:hover { 
        background: rgba(0,0,0,.2); 
        -webkit-border-radius: 12px; 
        -moz-border-radius: 12px; 
        border-radius: 12px;
    } 
    
    .header .input_location_box  { 
        width: 247px; 
        height: 40px; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        border: solid.5px#ccc; 
        background-color: #f5f5f5; 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        position: relative; 
        overflow: hidden; 
        z-index: 2;
    } 
    
    .header.header_home .input_location_box  { 
        width: 247px; 
        height: 50px; 
        border: solid.5px#111; 
        background-color: #f5f5f5; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    .input_location_box  { 
        height: 40px; 
        border-color: #ccc; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    .header .inputgroup_location.active .input_location_box  { 
        border: .5px solid#0076d7; 
        background: transparent; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px;
    } 
    
    .active .input_location_box  { 
        background: transparent; 
        border: .5px solid#0076d7; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px;
    } 
    
    .header .input_location_box::before { 
        background-image: url(https://akam.cdn.jdmagicbox.com/images/icontent/newwap/web2022/location_icon.svg); 
        width: 37px; 
        height: 100%; 
        position: absolute; 
        left: 0px; 
        top: 0px; 
        content: ""; 
        background-repeat: no-repeat; 
        background-position: center;
    } 
    
    .header_fixed .header.header_home .input_location_box::before { 
        -webkit-background-size: 20px; 
        -moz-background-size: 20px; 
        -o-background-size: 20px; 
        background-size: 20px;
    } 
    
    .header .input_location_box::after { 
        position: absolute; 
        content: ""; 
        background: -webkit-linear-gradient(left,rgba(255,255,255,0)-4%,#f5f5f5 67%); 
        background: -moz-linear-gradient(left,rgba(255,255,255,0)-4%,#f5f5f5 67%); 
        background: -o-linear-gradient(left,rgba(255,255,255,0)-4%,#f5f5f5 67%); 
        background: linear-gradient(to right,rgba(255,255,255,0)-4%,#f5f5f5 67%); 
        right: 0; 
        top: 0; 
        width: 40px; 
        height: 100%; 
        z-index: 1;
    } 
    
    .header .input_location_box:hover { 
        background-color: #eee; 
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        border: solid.5px#ccc; 
        -webkit-transition-property: background-color,background-image,broder-color,box-shadow; 
        -moz-transition-timing-function: background-color,background-image,broder-color,box-shadow; 
        -o-transition-timing-function: background-color,background-image,broder-color,box-shadow; 
        transition-property: background-color,background-image,broder-color,box-shadow; 
        -webkit-transition: all.3s; 
        -moz-transition: all.3s; 
        -o-transition: all.3s; 
        transition: all.3s;
    } 
    
    .header.header_home .input_location_box:hover { 
        background-color: #eee; 
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        border: solid.5px#111; 
        -webkit-transition-property: background-color,background-image,broder-color,box-shadow; 
        -moz-transition-timing-function: background-color,background-image,broder-color,box-shadow; 
        -o-transition-timing-function: background-color,background-image,broder-color,box-shadow; 
        transition-property: background-color,background-image,broder-color,box-shadow; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    .header .input_location_box:hover::after { 
        display: none;
    } 
    
    @media all{ 
      .input_search_result { 
        border-radius: 7px; 
        overflow: hidden;
      } 
    }     
    
    .header .input_search_box  { 
        width: 100%;
        max-width: 550px;
        height: 40px; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        border: solid.5px#ccc; 
        background-color: #fff; 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center; 
        position: relative; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    .header.header_home .input_search_box  { 
        width: 100%; 
        max-width: 100%; 
        height: 50px; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
        -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); 
        border: solid.5px#111; 
        background-color: #fff; 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center; 
        position: relative; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    .input_search_box  { 
        height: 40px; 
        width: 440px; 
        border-color: #ccc; 
        -webkit-transition: all.15s; 
        -moz-transition: all.15s; 
        -o-transition: all.15s; 
        transition: all.15s;
    } 
    
    input { 
        font-family: "Poppins",sans-serif; 
        -webkit-tap-highlight-color: transparent;
    } 
    
    .color111 { 
        color: #111;
    } 
    
    .fw400 { 
        font-weight: 400;
    } 
    
    .font14 { 
        font-size: 14px;
    } 
    
    .header .input_location  { 
        width: 100%; 
        border: none; 
        background: transparent; 
        padding: 0 15px 0 35px; 
        position: relative; 
        z-index: 1;
    } 
    
    ul { 
        list-style: none; 
        margin: 0; 
        padding: 0; 
        background: 0 0;
    } 
    
    .input_search_result .react-autosuggest__suggestions-list  { 
        padding: 5px;
    } 
    
    .input_seach_box_results { 
        height: 100%; 
        width: 100%;
    } 
    
    .input_seach_box_results { 
        position: relative;
    } 
    
    li { 
        list-style: none; 
        margin: 0; 
        padding: 0; 
        background: 0 0;
    } 
    
    .header .input_search  { 
        width: 100%; 
        height: 100%; 
        border: none; 
        background: transparent; 
        padding: 0 120px 0 15px; 
        overflow: hidden; 
        white-space: nowrap; 
        -o-text-overflow: ellipsis; 
        text-overflow: ellipsis;
    } 
    
    .header.header_home .input_search  { 
        width: 100%; 
        height: 100%; 
        border: none; 
        background: transparent; 
        padding: 0 130px 0 15px; 
        overflow: hidden; 
        white-space: nowrap; 
        -o-text-overflow: ellipsis; 
        text-overflow: ellipsis;
    } 
    
    .input_search  { 
        padding: 0 80px 0 15px;
    } 
    
    .has-voice-search .input_search  { 
        padding: 0 105px 0 15px;
    } 
    
    .input_seach_box_results #suggestions-count  { 
        position: absolute; 
        top: 0; 
        left: -1e5px;
    } 
    
    .jdicon { 
        vertical-align: middle;
    } 
    
    .jdicon { 
        display: inline-block;
    } 
    
    .jdicon { 
        background-repeat: no-repeat; 
        -webkit-background-size: contain; 
        -moz-background-size: contain; 
        -o-background-size: contain; 
        background-size: contain; 
        background-position: center; 
        -webkit-box-flex: 0; 
        -webkit-flex: none; 
        -moz-box-flex: 0; 
        -ms-flex: none; 
        flex: none;
    } 
    
    /*.mic_icon { */
    /*    background-image: url(https://akam.cdn.jdmagicbox.com/images/icontent/newwap/web2022/jdvoice_mic.gif);*/
    /*} */
    
    .header .mic_icon  { 
        width: 35px; 
        height: 35px; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
        border: none; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center; 
        -webkit-box-pack: center; 
        -webkit-justify-content: center; 
        -moz-box-pack: center; 
        -ms-flex-pack: center; 
        justify-content: center; 
        cursor: pointer; 
        position: absolute; 
        top: 5.5px; 
        right: 46px; 
        background-color: #0000; 
        -webkit-background-size: 16px; 
        -moz-background-size: 16px; 
        -o-background-size: 16px; 
        background-size: 16px;
        background-repeat: no-repeat;
    } 
    
    .has-voice-search .mic_icon {
        top: 6px ;
        right: 45px ;
        width: 36px ;
        height: 36px ;
        color: white;
        font-size: 25px;
    }
    
    .header .search_button  { 
        width: 30px; 
        height: 30px; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
        border: none; 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center; 
        -webkit-box-pack: center; 
        -webkit-justify-content: center; 
        -moz-box-pack: center; 
        -ms-flex-pack: center; 
        justify-content: center; 
        cursor: pointer; 
        position: absolute; 
        top: 4px; 
        right: 4px; 
        background: #fe610c;
        background-repeat: no-repeat;
    } 
    
    .header.header_home .search_button  { 
        width: 35px; 
        height: 35px; 
        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
        border: none; 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center; 
        -webkit-box-pack: center; 
        -webkit-justify-content: center; 
        -moz-box-pack: center; 
        -ms-flex-pack: center; 
        justify-content: center; 
        cursor: pointer; 
        position: absolute; 
        top: 6.5px; 
        right: 7px;
    } 
    
    .search_button  { 
        right: 4px; 
        top: 4px; 
        width: 30px; 
        height: 30px;
    } 
    
    .header .search_button:hover { 
        background: #ff7d18;
        color: white;
    } 
    
    .colorFFF { 
        color: #fff;
    } 
    
    .font13 { 
        font-size: 13px;
    } 
    
    .search_btnbox .btnbox_text  { 
        display: none;
    } 
    
    .search_btnbox .btnbox_text::after { 
        position: absolute; 
        content: ""; 
        bottom: 94%; 
        width: 0; 
        height: 0; 
        border-left: 7px solid#0000; 
        border-right: 7px solid#0000; 
        border-bottom: 10px solid#777; 
        left: 10px;
    } 
    
    .search_btnbox:hover .btnbox_text { 
        position: absolute; 
        bottom: -32px; 
        height: 30px; 
        background-color: #777; 
        z-index: 1; 
        -webkit-border-radius: 12px; 
        -moz-border-radius: 12px; 
        border-radius: 12px; 
        display: -webkit-inline-box; 
        display: -webkit-inline-flex; 
        display: -moz-inline-box; 
        display: -ms-inline-flexbox; 
        display: inline-flex; 
        -webkit-box-align: center; 
        -webkit-align-items: center; 
        -moz-box-align: center; 
        -ms-flex-align: center; 
        align-items: center; 
        padding: 0 10px; 
        width: 170px; 
        right: -125px;
    } 
    
    .header_fixed .search_btnbox:hover .btnbox_text { 
        right: -135px;
    } 
    
    @media all{ 
      .header .input_search_heading  { 
        display: inline-flex; 
        align-items: center; 
        width: 100%; 
        justify-content: space-between; 
        padding: 10px 14px;
      } 
    }     
    
    a { 
        border: 0;
    } 
    
    *,a { 
        text-decoration: none; 
        outline: 0;
    } 
    
    a { 
        cursor: pointer;
    } 
    
    @media all{ 
      .header .location_dropanchor  { 
        display: inline-flex; 
        min-height: 38px; 
        transition: .8s; 
        border-radius: 4px;
      } 
    
      .header .location_dropanchor  { 
        align-items: center; 
        width: 100%; 
        padding: 7px 0; 
        background: #fff; 
        overflow: hidden;
      } 
    }     
    
    *,a,a:active,a:hover { 
        text-decoration: none; 
        outline: 0;
    } 
    
    @media all{ 
      .header .location_dropanchor:hover { 
        background: #ebebeb;
      } 
    
      .header .location_dropanchor:hover, .header .search_dropanchor:hover { 
        background: #ebebeb;
      } 
    }     
    
    .search_white_icon { 
        background-image: url(https://akam.cdn.jdmagicbox.com/images/icontent/newwap/web2022/search_white_icon.svg); 
        width: 16px; 
        height: 16px;
    } 
    
    .text_uppercase { 
        text-transform: uppercase;
    } 
    
    .color777 { 
        color: #717171;
    } 
    
    .fw500 { 
        font-weight: 500;
    } 
    
    .font10 { 
        font-size: 10px;
    } 
    
    .pointer { 
        cursor: pointer;
    } 
    
    .color007 { 
        color: #0076d7;
    } 
    
    .font12 { 
        font-size: 12px;
    } 
    
    @media all{ 
      .location_text { 
        line-height: 1.3; 
        letter-spacing: .1px;
      } 
    
      .header .location_text  { 
        padding-left: 15px; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
        width: 100%;
      } 
    }     
    
     a { 
        border: 0;
    } 
    
    @media all{ 
      .header .location_icon  { 
        background-image: url(https://akam.cdn.jdmagicbox.com/images/icontent/newwap/web2022/search_locat_icon.svg); 
        width: 16px; 
        height: 16px; 
        margin: 0 -5px 0 10px;
      } 
    }     
    
    
    @keyframes zoom-in-zoom-out { 
      0% {  
          -webkit-transition: all.35s ease; 
          -moz-transition: all.35s ease; 
          -o-transition: all.35s ease; 
          transition: all.35s ease; 
          transition-behavior: normal; 
          transition-duration: 0.35s; 
          transition-timing-function: ease; 
          transition-delay: 0s; 
          transition-property: all; 
      }  
      20% {  
          -webkit-transition: all.35s ease; 
          -moz-transition: all.35s ease; 
          -o-transition: all.35s ease; 
          transition: all.35s ease; 
          opacity: .5; 
          transition-behavior: normal; 
          transition-duration: 0.35s; 
          transition-timing-function: ease; 
          transition-delay: 0s; 
          transition-property: all; 
          opacity: 0.5; 
      }  
      50% {  
          -webkit-transition: all.15s ease; 
          -moz-transition: all.15s ease; 
          -o-transition: all.15s ease; 
          transition: all.15s ease; 
          opacity: .8; 
          transition-behavior: normal; 
          transition-duration: 0.15s; 
          transition-timing-function: ease; 
          transition-delay: 0s; 
          transition-property: all; 
          opacity: 0.8; 
      }  
      100% {  
          -webkit-transition: all.35s ease; 
          -moz-transition: all.35s ease; 
          -o-transition: all.35s ease; 
          transition: all.35s ease; 
          opacity: 1; 
          transition-behavior: normal; 
          transition-duration: 0.35s; 
          transition-timing-function: ease; 
          transition-delay: 0s; 
          transition-property: all; 
          opacity: 1; 
      }  
    
    } 
    
    /* Add this at the bottom of your CSS */
    
    @media (max-width: 767px) {
        .header {
            flex-direction: column;
            height: auto;
            padding: 10px;
        }
    
        .header .header_center {
            transform: none !important;
            max-width: 100%;
            flex-basis: auto;
            width: 100%;
            position: static;
            padding: 0 10px;
        }
    
        .header .header_input_group {
            flex-direction: column;
            align-items: stretch;
        }
    
        .inputgroup_location,
        .inputgroup_search {
            flex-basis: 100% !important;
            max-width: 100% !important;
            margin-bottom: 10px;
        }
    
        .header .input_search_box,
        .header .input_location_box {
            width: 100% !important;
            height: 45px !important;
        }
    
        .header .search_button {
            top: 6px;
            right: 6px;
        }
    
        .city-suggestions-container .react-autosuggest__suggestions-container--open {
            width: 100% !important;
            max-width: 100vw;
            left: 0;
            top: 50px;
            z-index: 2;
        }
    
        .header .mic_icon {
            right: 40px;
        }
    }
    .header_input_group {
        flex-wrap: wrap;
    }
    
    @media (max-width: 576px) {
        .header .header_input_group {
            flex-direction: column;
        }
    
        .header .inputgroup_location,
        .header .inputgroup_search {
            width: 100%;
        }
    }
    .d-none{display:none;}