@media screen and (min-device-width:320px) and (max-device-width: 768px) { 
    .sidebar{
      position: relative !important;
    }
    .tab-content{
        margin-left: 0px;
    }
    body, html{
        background-size: 100% 315px;
        background-position: top;
    }
    .user_name{
        background-color: #fff;
    }
    .logo_img {
        margin: auto;
        display: block;
    }
    .bd-wizard-card .card-body{
        padding: 20px 0px 0;
        overflow-x: hidden;
    }
    .h4, h4 {
        font-size:20px;
    }
    .wizard-title{
        color: #fff;
    }
    .patient_box1{
        margin: 5px 0px;
    }
    .bd-wizard-step-title{
        margin-bottom: 0px;
    }
    .media {
        padding: 4px 4px 4px 15px;
    }
    .wizard .bd-wizard-step-icon{
        background-color: transparent;
    }
    a.filled{
        background-color: #fff;
        color: #4caf50 !important;
        font-weight: 600;
        border: 2px solid #4caf50;
      }
      a.filled .bd-wizard-step-icon{
        background-color: #fff;
        border: 2px solid #4caf50;
      }
      a.filled i{
        color: #4caf50;
      }
      a.pending{
        background-color: #fff;
        color: #e39534 !important;
        font-weight: 600;
        border: 2px solid #e39534;
      }
      a.pending .bd-wizard-step-icon{
        background-color: #fff;
        border: 2px solid #e39534;
      }
      a.pending i{
        color: #e39534;
      }
      a.rejected{
        background-color: #fff;
        color: #cf3939 !important;
        font-weight: 600;
        border: 2px solid #cf3939;
      }
      a.rejected .bd-wizard-step-icon{
        background-color: #fff;
        border: 2px solid #cf3939;
      }
      a.rejected i{
        color: #cf3939;
      }
      .wrapper .row,.data_box .row{
          width: 100%;
          margin: auto;
      }
      .js-tabcollapse-panel-heading:not(.collapsed),.nav-link.active{
        background-color: #db644d;
        color: #fff !important;
      }
      .js-tabcollapse-panel-heading:not(.collapsed) h5 i{
        color: #fff;
      }
      .js-tabcollapse-panel-heading:not(.collapsed) .step_clr{

        color: #fff !important;
      }
      .data_box{
          padding: 10px;
      }
      .login_bg{
        background-position: right;
      }
      .h5, h5 {
        font-size: 16px;
    }
    .loader {
        background-size: 20%;
    }
    /* iframe{
      height: 150px !important;
    } */
    header a{
      color: #fff;
    }
  }
  
  @media screen and (min-device-width:768px) and (max-device-width: 991px) { 
    .wizard-title{
        color: #fff;
    }
  }