@media (min-width: 992px) {
  .mobile-view {
    display: none;
  }
}
@media (max-width: 991px) {
  .web-view {
    display: none;
  }
  .mobile-view {
    display: block;
  }
}

@media (max-width: 767px) {

  /* .container.doc img {
    width: 100%;
  } */

  input#itemsearch {
    font-size: 10px;
    padding-left: 0px;
    font-size: 14px;
  }

  input::placeholder {
    font-size: 10px !important;
    padding-left: 5px;
  }

  .sub-font.cat {
    padding: 0;
  }

  /* .container.doc img {
    display: none;
  } */

  /* input#currentlocation {
    padding-left: 0px !important;
  } */

  .sub-font.cat {
    padding-right: 0 !important;
    text-align: inherit;
  }

  .row {
    --bs-gutter-x: 0 !important;
  }

  /* .row.speciality .card {
    height: 129.25px !important;
    width: 102.87px !important;
    display: block;
    padding-top: 0px !important;
    background: #F4F8F9;
    box-shadow: none;
    border: 1px solid #F4F8F9;
    border-radius: 20px !important;
    margin-bottom: 10px !important;
  } */
  .row.speciality .card {
    margin: 4px;
}

  .row.speciality .card p {
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .row.speciality img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* .row.speciality .card>div {
    height: 94px;
  } */

  .row.speciality .col-3 {
    padding-left: 0% !important;
    padding-right: 0% !important;
  }

  .container.doc h2.why {
    font-weight: 700 !important;
    font-size: 27px !important;
    margin-bottom: 6px !important;
    margin-top: 8px !important;
    font-family: 'Playfair Display', serif;
    padding-right: 10px !important;
    line-height: 31px !important;
  }

  .row.pad1 {
    padding: 0;
  }

  .cirle img {
    display: none !important;
  }

  .doc-card .card {
    height: 250px ;
    width: 95% ;
  }

  .doctor-info p {
    font-size: 14px !important;
  }

  .row.doc-card img {
    width: 60% !important;
    height: 112px !important;
    border-radius: 20px;
    display: block;
    padding-top: 12px;
  }

  .doctor-info {
    margin-top: 5px !important;
  }

  .doc-card .col-3 {
    height: 270px !important;
  }

  .doctor-info {
    margin-top: 5px;
    padding: 5px;
  }

  .doc-card .col-3 {
    height: 270px;
  }

  .doctor-info b {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 5px !important;
  }

  .doctor-info p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .col h2.why {
    font-weight: 700 !important;
    font-size: 26px !important;
    margin-bottom: 19px !important;
    margin-top: 19px !important;
    font-family: 'Playfair Display', serif;
    padding-right: 10px;
    line-height: 30px !important;
  }

  .col.bolg {
    padding-left: 0% !important;
    padding-right: 0% !important;
    padding-bottom: 30px !important;
  }

  .row.pad71 {
    padding-left: 0px !important;
  }

  .feed-content1 p {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 16px;
  }

  .feed-content1 {
    padding: 21px !important;
    padding-top: 27px !important;
  }

  .card.col {
    height: 540px;
    margin: 0px;
    width: 95% !important;
  }

  .row.pad71 .card.col {
    height: 458px;
    margin: 0px;
    width: 95% !important;
    margin-bottom: 15px;
  }

  .feed-content1 .col-10 {
    height: 127px !important;
    padding-top: 10px !important;
    font-size: 24px !important;
  }

  .row.pad71 .card.col.col-xs-12:nth-child(2) .pull-left {
    padding: 10px;
    margin-top: -17px;
  }

  .feed-content3 p {
    font-size: 30px !important;
    line-height: 129% !important;
  }

  img.wm-img {
    position: relative !important;
    right: -74px !important;
    top: -27px !important;
    width: 80% !important;
  }

  .mb-3.search {
    padding-top: 3%;
    margin-right: 0px !important;
  }

  .pad-tx {
    padding: 0px;
    padding-left: 15px;
  }

  .tx-end .chat-box {
    text-align: end;
    width: 100% !important;
    float: right;
    border-radius: 8 px;
    height: 100 px;
    padding: 12 px;
    background: rgba(5, 97, 252, 0.2);
  }

  .chat-box img {
    display: block !important;
    width: 64% !important;
    position: relative;
    left: 30px !important;
    /* margin-top: 20px; */
    /* max-width: 100%; */
}
  .pad-tx {
    padding: 0px;
    /* padding-left: 7px !important;
    padding-bottom: 23px !important; */
  }
  .tx-end .chat-box {
    height: 120px !important;
  }
  .circle img {
    display: block !important;
  }
  .rec-lg {
    margin-bottom: 10px;
  }
  .ovel-show {
    width: 100% !important;
  }
  .ovel-show p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 13px !important;
    line-height: 20px;
    letter-spacing: -0.204545px;
    color: #000000;
    padding-top: 12px;
  }
  .ovel-show .circle {
    height: 46px !important;
    width: 46px !important;
    margin-left: 9px !important;
    margin-top: 7px !important;
  }
  .ovel-show {
    height: 60px !important;
  }.ovel-show .circle img {
    width: 26px !important;
    padding-top: 10px !important;
    margin-left: 10px !important;
  }
  .dropdown-content {
    position: fixed !important;
    right: 11px !important;
    margin-top: 45px !important;
  }
  button.dropbtn {
    float: right;
  }

  .page-content {
    padding: 10px !important;
  }
  .pad30 {
    padding: 10px;
  }
  .mat-tab-list {
    transform: translateX(0px) !important;
    /* transform: translateX(-24px) !important; */
  }
  .mat-ripple.mat-tab-header-pagination {
    box-shadow: unset;
    display: none !important;
  }
  div#signup {
    padding: 18px;
    padding-left: 15px !important;
    padding-bottom: 15px;
  }

  button.load-btn {
    width: 316px !important;
    height: 40px;
    background: rgba(5, 97, 252, 0.1);
    border-radius: 20px;
    border: 1px;
    color: #25CCC2;
  }
  .ordertracker {
    position: relative;
    /* float: left; */
    width: 100%;
    padding: 15px !important;
  }
/* auth/sign-up */
  #signup .form-controls.img{
    order: 1;
  }
  #signup .profile-photo-div{
    margin-left:0;
  }
  .mat-form-field-wrapper{
    padding-right:3px;
  }  
  .mat-tab-body-content .form-lg{
    padding-right:3px;
  }

  .mat-form-field-wrapper {
    padding-bottom: 5px;
  }
  div.form-error {
    font-size: 11px;
  }
  .mat-tab-body-wrapper .form-input{
    margin-bottom: 10px;
  }
  .mat-tab-body-wrapper .mat-form-field-wrapper{
    padding-bottom: 0;
  }
  /* h3.section-title{
    font-size: 14px;
    margin-top: 20px;
    padding-bottom: 12px;
    border: 1px solid rgba(0,0,0,0.15);
  } */
  /* auth/sign-up */
  /* footer */
  .footer ul li {
    margin-bottom: 8px;
  }
  /* footer */
}
@media (min-width: 576px) and (max-width: 768px){
.footer ul li {
  margin-bottom: 10px;
  font-size: 13px;
}
}
@media (max-width: 576px) {
  .col-xs-auto {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .col-xs-1 {
    flex: 0 0 auto !important;
    width: 8.33333333% !important;
  }

  .col-xs-2 {
    flex: 0 0 auto !important;
    width: 16.66666667% !important;
  }

  .col-xs-3 {
    flex: 0 0 auto !important;
    width: 25% !important;
  }

  .col-xs-4 {
    flex: 0 0 auto !important;
    width: 33.33333333% !important;
  }

  .col-xs-5 {
    flex: 0 0 auto !important;
    width: 41.66666667% !important;
  }

  .col-xs-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }

  .col-xs-7 {
    flex: 0 0 auto !important;
    width: 58.33333333% !important;
  }

  .col-xs-8 {
    flex: 0 0 auto !important;
    width: 66.66666667% !important;
  }

  .col-xs-9 {
    flex: 0 0 auto !important;
    width: 75% !important;
  }

  .col-xs-10 {
    flex: 0 0 auto !important;
    width: 83.33333333% !important;
  }

  .col-xs-11 {
    flex: 0 0 auto !important;
    width: 91.66666667% !important;
  }

  .col-xs-12 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  .offset-xs-0 {
    margin-left: 0 !important;
  }

  .offset-xs-1 {
    margin-left: 8.33333333% !important;
  }

  .offset-xs-2 {
    margin-left: 16.66666667% !important;
  }

  .offset-xs-3 {
    margin-left: 25% !important;
  }

  .offset-xs-4 {
    margin-left: 33.33333333% !important;
  }

  .offset-xs-5 {
    margin-left: 41.66666667% !important;
  }

  .offset-xs-6 {
    margin-left: 50% !important;
  }

  .offset-xs-7 {
    margin-left: 58.33333333% !important;
  }

  .offset-xs-8 {
    margin-left: 66.66666667% !important;
  }

  .offset-xs-9 {
    margin-left: 75% !important;
  }

  .offset-xs-10 {
    margin-left: 83.33333333% !important;
  }

  .offset-xs-11 {
    margin-left: 91.66666667% !important;
  }

  .g-xs-0,
  .gx-xs-0 {
    --bs-gutter-x: 0 !important;
  }

  .g-xs-0,
  .gy-xs-0 {
    --bs-gutter-y: 0 !important;
  }

  .g-xs-1,
  .gx-xs-1 {
    --bs-gutter-x: 0.25rem !important;
  }

  .g-xs-1,
  .gy-xs-1 {
    --bs-gutter-y: 0.25rem !important;
  }

  .g-xs-2,
  .gx-xs-2 {
    --bs-gutter-x: 0.5rem !important;
  }

  .g-xs-2,
  .gy-xs-2 {
    --bs-gutter-y: 0.5rem !important;
  }

  .g-xs-3,
  .gx-xs-3 {
    --bs-gutter-x: 1rem !important;
  }

  .g-xs-3,
  .gy-xs-3 {
    --bs-gutter-y: 1rem !important;
  }

  .g-xs-4,
  .gx-xs-4 {
    --bs-gutter-x: 1.5rem !important;
  }

  .g-xs-4,
  .gy-xs-4 {
    --bs-gutter-y: 1.5rem !important;
  }

  .g-xs-5,
  .gx-xs-5 {
    --bs-gutter-x: 3rem !important;
  }

  .g-xs-5,
  .gy-xs-5 {
    --bs-gutter-y: 3rem !important;
  }


  .signup .card {
    min-width: 300px;

  }
  .signup.conformation div, .signup.conformation span, .signup.conformation a, .signup.conformation button, .signup.conformation b, .signup.conformation strong{
    font-size: 13px;
  }
}