.input-group-btn{display:flex;}
.navbar-bc .navbar-collapse{position:relative;}
#nav-search {position:absolute;bottom:1.75rem;right:0;z-index:99;width:2.5rem;text-align:right;transition:all .3s ease;}
#nav-search input{display:none;border:none;box-shadow:none;}
#nav-search input::-ms-clear{display:none;}
#nav-search button{border:none;box-shadow:none;border-radius:0;color:#fff;}
#nav-search button[type="reset"] {display:none}

.btn-navsearch{padding:.5rem .75rem;}

#nav-search.active {width:360px;text-align:right;background-color:#fff;}
#nav-search.active button,#nav-search.active input{display:table-cell;opacity:1;color:#12315d;}

@media (max-width:1199.98px) {
.navbar-expand-xl #nav-search{width:100%;margin:.5rem 0 .25rem;position:inherit;background-color:#fff;}
.navbar-expand-xl #nav-search input{display:inherit;}
.navbar-expand-xl #nav-search button {color:#12315d;}
.navbar-expand-xl #nav-search button[type="reset"] {display:none;}
}
@media (max-width:991.98px) {
.navbar-expand-lg #nav-search{width:100%;margin:.5rem 0 .25rem;position:inherit;background-color:#fff;}
.navbar-expand-lg #nav-search input{display:inherit;}
.navbar-expand-lg #nav-search button {color:#12315d;}
.navbar-expand-lg #nav-search button[type="reset"] {display:none;}
}
@media (max-width:767.98px) {
.navbar-expand-md #nav-search{width:100%;margin:.5rem 0 .25rem;position:inherit;background-color:#fff;}
.navbar-expand-md #nav-search input{display:inherit;}
.navbar-expand-md #nav-search button {color:#12315d;}
.navbar-expand-md #nav-search button[type="reset"] {display:none;}
}
@media (max-width:575.98px) {
.navbar-expand-sm #nav-search{width:100%;margin:.5rem 0 .25rem;position:inherit;background-color:#fff;}
.navbar-expand-sm #nav-search input{display:inherit;}
.navbar-expand-sm #nav-search button {color:#12315d;}
.navbar-expand-sm #nav-search button[type="reset"] {display:none;}
}