/*************Nav Bar*****************************/
nav .nav_log {
  width: 6.5rem;
}

nav .Desktop_nav {
  display: none;
}

/***********Cardic Delhi**********/
.cardic_delhi {
  display: none;
}

/*********Dr list sort by***************/
.Dr_list_sorting {
  padding-bottom: 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Dr_list_sorting h2 {
  padding-top: 0.4rem;
  margin: 0rem;
}

.Dr_list_sorting button {
  /* width: 5.8rem;*/
}

.Dr_list_sorting button i {
  color: var(--dark_blue);
}

/**************Hospital information*********************/
.H_information .H_list .filter {
  display: none;
}

.H_information .H_list .xyz_hospitals .Hospital_details {
  border: 0.1rem solid var(--lightgrey);
  margin-bottom: 0.5rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hname {
  padding: 1rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hname h2 {
  color: var(--dodgle-blue);
  position: relative;
  margin-left: 1rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hname h2::before {
  content: "";
  position: absolute;
  border-bottom: 0.19rem solid;
  width: 1.8rem;
  top: 0.4rem;
  left: -2rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul {
  margin-left: 1.9rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul li {
  padding-bottom: 0.5rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul li h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul li h3 i {
  color: var(--dodgle-blue);
  padding-right: 0.8rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .H_specific ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 1.5rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .H_specific ul li {
  border: 0.1rem solid var(--lightgrey);
  border-radius: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem;
  margin: 0.1rem;
  font-family: 'nexa-light';
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark_blue);
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .book_apot {
  /* padding: 1rem 27%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
}

.H_information .H_list .xyz_hospitals .Hospital_details .part1 .book_apot button {
  width: 50%;
}

/**********Help**********************/
.help {
  background-color: var(--lightbg-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* .enquiry_button {
         width: 60%;
    } */
}

.help .help_hp h1 {
  color: var(--white);
}

/**********footer**************/
.Footer .first_row {
  display: contents;
}

.Footer .first_row .footer_image {
  width: 12rem;
}

.Footer .first_row ul {
  padding: 1rem;
}

.Footer .first_row ul li {
  color: var(--white);
  padding: 0.5rem;
}

.Footer .first_row ul li h1 {
  color: var(--white);
}

.Footer .second_row .socail-media {
  display: none;
}

.Footer .second_row .copy-rights p {
  color: var(--white);
}

.Footer .second_row .copy-rights p i {
  color: var(--white);
}

/************Media Q*************/
/****************Tablet Views****************************/
@media only screen and (min-width: 768px) {
  /**********Dr list sorting by**********************/
  .Dr_list_sorting {
    padding-bottom: 2rem;
  }
  .Dr_list_sorting button {
    /* width: 7rem;
            height: 2.5rem; */
  }
  .Dr_list_sorting button i {
    padding-left: 0.5rem;
  }
  /**************Hospital information*********************/
  .H_information {
    padding-top: 0rem;
  }
  .H_information .H_list .filter {
    display: none;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 30%;
        grid-template-columns: 70% 30%;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul li span {
    padding: 0rem 1rem;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .H_specific ul {
    /* padding-bottom: 3rem; */
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .H_specific ul li span {
    padding: 0.3rem;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .book_apot {
    margin-left: 1rem;
    padding: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .book_apot button {
    width: 40%;
  }
  /******************Help***************/
  /* .help {
        .enquiry_button {
            width: 30%;
        }
    } */
  /****************Footer**************************/
  .Footer {
    border-bottom: 0.5rem solid var(--dodgle-blue);
  }
  .Footer .first_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .Footer .first_row .footer_image {
    width: 9rem;
  }
  .Footer .first_row ul {
    padding: 0rem;
  }
  .Footer .first_row ul .s_media_name {
    display: none;
  }
  .Footer .first_row ul li {
    color: var(--dark_blue);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.8rem 0.8rem 0rem 0rem;
  }
  .Footer .second_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 1.5rem;
  }
  .Footer .second_row .socail-media {
    display: initial;
    padding-top: 0.4rem;
  }
  .Footer .second_row .socail-media i {
    color: var(--dark_blue);
    padding: 0rem;
    padding-left: 0.8rem;
  }
  .Footer .second_row .copy-rights p {
    color: var(--dark_blue);
    font-size: 0.9rem;
    margin: 0rem;
  }
  .Footer .second_row .copy-rights p i {
    color: var(--dark_blue);
  }
}

/****************************************************/
/*********Desktop views (1024px)*********************/
@media only screen and (min-width: 1024px) {
  /******************Nav Bar**************************/
  nav #list_toggle {
    display: none;
  }
  nav .nav_log {
    width: 13rem;
  }
  nav .Desktop_nav {
    display: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
  }
  nav .Desktop_nav .navbar_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  nav .Desktop_nav .navbar_buttons button {
    width: 10rem;
    height: 3rem;
    padding: 0rem 1rem;
    border-radius: 0.3rem;
  }
  nav .Desktop_nav .navbar_buttons .login-button {
    margin-right: 0.5rem;
    border: 0.05rem solid var(--dark_blue);
    background-color: var(--white);
    color: var(--dark_blue);
  }
  nav .Desktop_nav .navbar_buttons .quote-button {
    background-color: var(--dark_blue);
    color: var(--white);
  }
  nav .Desktop_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 4rem;
  }
  nav .Desktop_nav ul li {
    padding-top: 1rem;
  }
  nav .Desktop_nav ul li a {
    padding: 1rem;
  }
  /********Cardic Delhi********/
  .cardic_delhi {
    height: 10rem;
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(133, 178, 196, 0.8)), to(rgba(121, 145, 155, 0.8))), url("https://s3.ap-south-1.amazonaws.com/appdev.konfinity.com/css/tasks/Doctors.png");
    background-image: linear-gradient(rgba(133, 178, 196, 0.8), rgba(121, 145, 155, 0.8)), url("https://s3.ap-south-1.amazonaws.com/appdev.konfinity.com/css/tasks/Doctors.png");
    background-position: center;
    background-size: cover;
  }
  .cardic_delhi h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 4.5rem;
    font-family: 'nexa-light';
  }
  .cardic_delhi h1 a {
    padding-left: 0.4rem;
    font-family: 'nexa-bold';
    text-decoration: underline;
    text-decoration-thickness: 0.25rem;
    color: var(--dark_blue);
  }
  /**************Hospital information*********************/
  .H_information .H_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 75%;
        grid-template-columns: 25% 75%;
    grid-column-gap: 3rem;
    /*************Hospital********************/
  }
  .H_information .H_list .filter {
    display: initial;
  }
  .H_information .H_list .filter form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .H_information .H_list .filter form button {
    width: 100%;
    height: 2.3rem;
    text-align: start;
    padding-left: 0.8rem;
  }
  .H_information .H_list .filter form .tratment_filter {
    border-bottom: 0.1rem solid var(--lightgrey);
    width: 100%;
    padding-top: 0.8rem;
  }
  .H_information .H_list .filter form .tratment_filter h4 {
    color: lightskyblue;
  }
  .H_information .H_list .filter form .tratment_filter h3, .H_information .H_list .filter form .tratment_filter h4 {
    padding: 0.8rem 0rem;
    margin-left: 0.5rem;
  }
  .H_information .H_list .filter form .tratment_filter h3 i, .H_information .H_list .filter form .tratment_filter h4 i {
    color: var(--dodgle-blue);
    padding-right: 3rem;
    position: relative;
  }
  .H_information .H_list .filter form .tratment_filter h3 ::after, .H_information .H_list .filter form .tratment_filter h4 ::after {
    content: "";
    position: absolute;
    border-bottom: 0.25rem solid lightgray;
    width: 1.5rem;
    margin-left: 2.3rem;
    top: 0.35rem;
  }
  .H_information .H_list .filter form .tratment_filter h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .H_information .H_list .filter form .tratment_filter .input_lable {
    display: block;
    padding: 0.4rem 0rem;
    margin-left: 0.5rem;
  }
  .H_information .H_list .filter form .tratment_filter .input_lable input {
    width: 1rem;
    margin: 0rem;
    font-family: 'nexa-bold';
    color: var(--dark_blue);
  }
  .H_information .H_list .filter form .tratment_filter .input_lable label {
    font-size: 0.8rem;
    font-family: 'nexa-bold';
    color: var(--dark_blue);
    padding-left: 0.8rem;
  }
  .H_information .H_list .xyz_hospitals {
    width: 95.5%;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hname h2 {
    margin-left: 2rem;
    margin-bottom: 0rem;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hname h2::before {
    width: 2.5rem;
    left: -3rem;
    top: 0.5rem;
    border-bottom: 0.1rem solid;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .Hinfo_list ul {
    margin-left: 2.5rem;
    -ms-grid-columns: 70% 30%;
        grid-template-columns: 70% 30%;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .H_specific ul {
    padding: 0rem 1rem 0rem 3rem;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .book_apot {
    /* margin-left: 2rem; */
    padding: 1rem 0rem 2rem 2rem;
  }
  .H_information .H_list .xyz_hospitals .Hospital_details .part1 .book_apot button {
    width: 30%;
  }
  /************Help*****************/
  .help {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .help .help_hp p {
    margin-bottom: 0rem;
  }
  .help .enquiry_button {
    /* width: 20%; */
    padding-top: 0.5rem;
  }
  .help .enquiry_button .second_button {
    height: 3.2rem;
    font-size: 0.9rem;
  }
}

/************************END***************************************/
/*# sourceMappingURL=hospital.css.map */