@media screen and (max-width:767px){
  .container{
    max-width: 100%;
  }
  .login_wrapper {
    max-width: 100%;
    padding: 0 2rem;
  }
  body.web-app{
    padding-left: 0;
  }
  .headernav{
    padding: 0 3.5rem 0rem 1rem;
  }
  .headernav.fixed{
    width: 100%;
    left: 0;
  }
  body.user-app .side-page .user-page{
    width: 100%;
    padding: 0;
    height: calc(100vh - 230px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .dashboard-header .card-body::after{
    top: 5px;
  }
  body.user-app .user-container .siderbarHeader{
    position: fixed;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    left: 0;
    right: 0;
    padding:0;
  }
  .sidebar-nav .navbar-nav{
    flex-direction: inherit;
    justify-content: center;
  }
  .sidebar-nav .navbar-nav li{
    width: 25%;
  }
  .sidebar-nav .navbar-nav li a{
    text-align: center;
    padding: 10px 5px;
    border-radius: 0;
  }
  .sidebar-nav .navbar-nav li.active a{
    background-color: #fff;
  }
  .sidebar-nav .navbar-nav li a i{
    display: block;
    margin: 0 auto;
  }
  .order_info li .head{
    width: 100%;
  }
  .order_info li .value{
    width: 100%;
    padding-left: 0;
  }
  .order_info li .value::before{
    display: none;
  }
}