.autocomplete-container {position:fixed;top:0rem; left:0%; z-index:100; width:100%; min-height:100%; display:none;  background: rgb(255 255 255 / 58%);}
.autocomplete-container .bg {width:750px; margin:4rem auto 0 auto; }
.autocomplete-container .form-control {width:100%; border-radius:0px; position: relative; padding: .75rem 3rem; border:0}
.autocomplete-container .ico:before {
content:""; background-image: url(../images/search.svg); background-size: cover; position: absolute; top: .9rem; left: .75rem; width:20px; height:20px; z-index:10; opacity:.5}
.input-group-append {margin:0 !important}

.autocomplete-modal {position:relative; top: 0rem; width:100%; background-color:white; z-index:5000; border-bottom:1px solid #ececec; display:none;}
.autocomplete-all {padding:1rem;}
.autocomplete-prod {padding:1rem;}
.autocomplete-modal h5 {border-bottom:1px solid #ececec; padding-bottom:0.5rem;}
.autocomplete-searching {padding:2rem 0;}
.close-autocomplete {position: absolute; top:.75rem; right:1rem; z-index:10; height:30px; width:30px; display: block; text-align: right;}
.autocomlete-results-overflow {height:600px; overflow: hidden; overflow-y: auto; padding-right: 1rem;}
.autocomplete-prod .listing .box {margin:0 auto; text-align: center;}

@media (max-width: 767px) {
.autocomplete-container .bg {width:100%; margin:0rem auto 0 auto; }
}