@media only screen 
  and (min-width: 741px) 
  and (max-width: 992px) { 
.container{
   max-width: 100% !important;
}
}
@media only screen 
  and (min-width: 100px) 
  and (max-width: 767px) { 

  .container {
    max-width: 100%;
  }
  .site_warpper{
    padding-top: 60px;
  }

  #topbar{
    font-size: 14px;
    background: #ff5233;
    padding: 5px;
    height: 40px;
    z-index: 100;
  }
  #topbar .container{
    max-width: 100% !important;

  }
  #topbar i{
    font-size: 20px;
    padding-top: 4px;
  }

  #topbar span{
    display: none;
  }
  #topbar .dropdown-menu{
    min-width: fit-content;
    width: 100vw;
    margin-left: -5px;

  }
  #topbar i{
    color:#0f1935;
  }
   #search_bar{
    display: inline-block;
    min-width: 325px;
    max-width: 400px;
    margin-left: -15px;

  }
  #search_bar input{
        font-size: 14px;
    padding: 10px;
    height: 29px;
    background: none;
    color: #fff;
    font-weight: bold;
    border-color: #fff;
  }
  #search_bar input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.7; /* Firefox */
}

#search_bar input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#search_bar input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
  #search_bar .input-group-append .btn{
        padding: 0px 9px;
        border-color: #fff;
        background: #0f1935;
  }
  #search_bar i{
    padding: 0px;
    font-size: 18px;
    color: #fff;
  }
  .mobile_search_toggle{
    display: inline-block;
    cursor: pointer;
  }
  #brandhead{
    display: none;
  }
  #navbarContent{
    max-height: 100vh;
    overflow-y: auto;
    padding-bottom: 120px;
  }

}