.welcome::after {
  display: none;
}
.banner {
  padding-top: 20px;
}
.topic_head h3 {
  text-align: center;
}
@media (max-width: 1680px) {
  .banner {
    background-size: contain;
  }
}
@media (max-width: 1600px) {
  .navbar .navbar-brand img {
    width: 170px;
  }
  .image4 img {
    width: 61%;
  }
  .annivarsary_head_cont h3 {
    font-size: 24px;
  }
  .banner {
    height: calc(100vh - 97.67px);
  }
  .message_abt_in_name {
    width: 85%;
  }
}
@media (max-width: 1536px) {
  .annivarsary_head_cont h3 {
    font-size: 21px;
  }
  .annivarsary_head_cont {
    margin-top: 16px;
  }
}
@media (max-width: 1400px) {
  .banner {
    display: flex;
    align-items: center;
    justify-content: end;
  }
}
@media (max-width: 1366px) {
  .image4 img {
    width: 52%;
  }
  .banner .anniversary::after {
    height: 70%;
    top: -70px;
    transform: scale(0.6);
    opacity: 0.6;
  }
  .welcome p {
    font-size: 16px;
  }
  .welcome h3 {
    text-align: center;
  }
  .navbar .nav-link {
    font-size: 15px;
  }
  .conference_topic_sec1 {
    height: 470px;
  }
  .conference_topic_sec1 .dr-image {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .doctor_details_main .container {
    margin: 0 40px;
    padding: 0;
    max-width: fit-content;
  }
  .banner_inn {
    padding: 120px 0px;
  }
}
@media (max-width: 1152px) {
  .navbar .nav-link {
    font-size: 14px;
  }
  .navbar .container {
    padding: 0;
  }
  .welcome .row {
    align-items: end;
  }
  .journey_sec2 h3,
  .journey_sec2 h4,
  .journey_sec2 p {
    width: auto;
  }
  .journey_list_main {
    width: auto;
  }
  .journey_main .container {
    margin-left: unset;
  }
  .journey_sec2,
  .journey_sec {
    padding: 50px;
  }
}
@media (max-width: 992px) {
  .banner {
    align-items: end;
    height: 489px;
    background-size: cover;
  }
}
@media (max-width: 991px) {
  .banner .anniversary {
    z-index: 1;
  }
  .banner {
    height: 444px;
  }
  .navbar .navbar-nav {
    background-color: transparent;
    padding: 0;
  }
  .navbar .nav-link {
    font-size: 15px;
  }
  .offcanvas.show {
    background-color: var(--blue);
  }
  .offcanvas-header .btn-close {
    filter: invert(1);
    opacity: 1;
  }
  .offcanvas-header {
    padding-right: 40px;
    padding-top: 40px;
  }
  .navbar-toggler {
    border: none;
  }
  body {
    padding-top: 97.67px;
  }
  .journey_main .row {
    row-gap: 20px;
  }
  .journey_main .container {
    padding-right: 12px;
  }
  .journey_sec2 {
    border-radius: 10px;
  }
  .director_message_main {
    background-image: linear-gradient(to bottom, #ededed 55.3%, #1e4585 37%);
  }
  .message_abt_in_name {
    width: 100%;
    text-align: center;
    margin: auto;
  }
  .abt_v_m_img {
    text-align: center;
  }
  .journey_sec2 h3,
  .journey_sec2 h4,
  .journey_sec2 p {
    width: 100%;
  }
  .welcome {
    padding-bottom: 0;
  }
  .conference_topic_sec1 {
    height: auto;
  }
  .conference_topic_sec1 .row {
    row-gap: 25px;
  }
  .doctor_details_main .card .card-text h3 {
    font-size: 22px;
  }
  .doctor_details_main .card .dr-name h4 {
    font-size: 19px;
    line-height: 26px;
  }
  .webinar_head_text h2 {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  .banner {
    height: 375px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    align-items: flex-start;
  }
  .event p {
    margin: 5px 0 !important;
    margin-top: 9px !important;
  }
  .banner .anniversary::after {
    height: 0%;
    top: 0;
    transform: scale(0.4);
    opacity: 0.6;
  }
  .annivarsary_head_cont h3 {
    font-size: 18px;
  }
  .welcome h1 span {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .banner {
    height: 332px;
  }
  .conference_topic_sec1 .dr-image .heavy_content {
    height: auto;
    overflow-y: unset;
  }
  .doctor_details_main .card .dr-image {
    text-align: left;
    margin-bottom: 20px;
  }
  .doctor_details_main .card .row {
    flex-direction: column-reverse;
  }
  .doctor_details_main .card .timings {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .banner .anniversary::after {
    height: 0;
    top: -16px;
    transform: scale(0.3);
    left: -17px;
  }
  .fondr_inn_sec h2 {
    font-size: 25px;
  }
  .welcome .container {
    padding: 0 12px;
  }
  .banner_inn {
    padding: 100px 0px;
  }
  .banner_text h3 {
    font-size: 30px;
  }
  .banner_text ul li {
    font-size: 16px;
  }
}
@media (max-width: 540px) {
  .banner {
    height: 304px;
  }
}
@media (max-width: 492px) {
  .annivarsary_head_cont {
    position: absolute;
    width: 100%;
    left: 0;
  }
  .banner {
    height: 352px;
    align-items: center;
  }
  .welcome h1 span {
    font-size: 25px;
  }
  .banner .anniversary .dates h2 {
    font-size: 35px;
  }
  .banner .anniversary .event p,
  .banner .anniversary .dates p,
  .schedule .nav-pills .nav-link,
  .card-text h5 {
    font-size: 15px;
  }
  .doctor_details_main .container {
    margin: 0 6px;
  }
  .conference_btn_sec h3,
  .conference_btn_sec h4 {
    font-size: 22px;
  }
}
@media (max-width: 432px) {
  .banner .anniversary .dates h2 {
    font-size: 25px;
  }
  .banner .anniversary .event p {
    font-size: 19px;
  }
  .image4 img {
    width: 88%;
  }
  .banner .anniversary::after {
    height: 0;
    top: 3px;
    transform: scale(0.3);
    left: -34px;
  }
  .offcanvas.show {
    width: 100%;
  }
  .welcome {
    padding-top: 100px;
  }
  .doctor_details_main .card .card-text h3 {
    font-size: 19px;
    line-height: 24px;
  }
  .banner_text h3 {
    font-size: 22px;
    letter-spacing:1px;
  }
}
@media (max-width: 425px) {
  .journey_sec2,
  .journey_sec {
    padding: 20px;
  }
  .journey_sec .path,
  .journey_sec2 .path {
    display: none;
  }
  .director_message_main {
    background-image: linear-gradient(to bottom, #ededed 63.3%, #1e4585 37%);
  }
}
@media (max-width: 400px) {
  .annivarsary_head_cont h3 {
    font-size: 17px;
  }
  .welcome h3 {
    font-size: 17px;
  }
}
@media (max-width: 375px) {
  .banner .anniversary .dates p,
  .schedule .nav-pills .nav-link,
  .card-text h5 {
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .conference_topic_sec1 .dr-image h6,
  .conference_topic_sec1 .dr-image p {
    font-size: 11px;
  }
}