@media only screen and (min-width:991px) and (max-width:1199px)  {
.container{ width:920px;}
.navbar-header{width: 40%;}
.navbar-brand img{width: 100%;}
#content {width: 74%;}
}
@media only screen and (min-width:768px) and (max-width: 990px){
.navbar-header{width: 37%;}
.navbar-brand img{width: 100%;}
.navbar-right {padding: 0;}
.navbar-form .form-group {margin-right: 0;}
.navbar-default {height: 90px;}
.banner_text { margin-left: 20px;}
#content {width: 100%;}
#sidebarCollapse {display: inline-block;}
 }
@media only screen and (min-width:480px) and (max-width: 767px){
.navbar-default .navbar-toggle {margin-top: 30px;}
.navbar-brand img{    width: 80%;position: absolute;}
.navbar-default {height: 95px;}
.navbar-collapse{    background: #c747a6;}
.navbar-default .navbar-form {border-color: #c747a6;}
#content {width: 100%;}
#sidebarCollapse,button.btn.btn-dark.d-inline-block.d-lg-none.ml-auto {display: inline-block;}
.upper_nav {float: inherit !important;padding: 0px 20px;}
.upper_nav li {margin-bottom: 5px;}
}
@media only screen and (max-width: 479px){
.navbar-default .navbar-toggle {margin-top: 25px;}
.navbar-brand img{    width: 75%;position: absolute;}
.navbar-default {height: 85px;}
#content {width: 100%;}
.navbar-collapse{    background: #c747a6;}
.navbar-default .navbar-form {border-color: #c747a6;}
#sidebarCollapse,button.btn.btn-dark.d-inline-block.d-lg-none.ml-auto {display: inline-block;}
.upper_nav {float: inherit !important;padding: 0px 20px;}
.upper_nav li {margin-bottom: 5px;}
}