/* Responsive adjustments */
@media only screen and (max-width: 768px) {
    #staff_main .text-block {
          top: 40%; /* Adjust top position for screens up to 768px */
      }
  }
  
  @media only screen and (max-width: 576px) {
    #staff_main .text-block {
          top: 50%; /* Adjust top position for screens up to 576px */
      }
  }

/* Adjust font size and line height for mobile devices */
@media only screen and (max-width: 576px) {
#staff_main h1 {
  font-size: 28px !important; /* Adjust font size for smaller mobile devices */
  line-height: 25px !important; /* Adjust line height for smaller mobile devices */
  margin-bottom: 10px !important;
}
#staff_main h3 {
  font-size: 18px !important; /* Adjust font size for smaller mobile devices */
  line-height: 22px !important; /* Adjust line height for smaller mobile devices */
  margin-bottom: 10px !important;

}
#staff_main p {
  font-size: 14px !important; /* Adjust font size for smaller mobile devices */
  line-height: 20px !important; /* Adjust line height for smaller mobile devices */
}
#staff_main_dr_section{
  padding: 10px;
}
}


/* Adjust font size and line height for mobile and tablet */
@media only screen and (max-width: 768px) {
#staff_main h1 {
  font-size: 36px; /* Adjust font size for mobile */
  line-height: 46px; /* Adjust line height for mobile */
}
#staff_main h3 {
  font-size: 20px ; /* Adjust font size for smaller mobile devices */
  line-height: 28px ; /* Adjust line height for smaller mobile devices */
  margin-bottom: 20px ;

}
#staff_main p {
  font-size: 16px ; /* Adjust font size for smaller mobile devices */
  line-height: 20px ; /* Adjust line height for smaller mobile devices */
}
#staff_main_dr_section{
  padding: 10px;
}
#staff_main_dr_section h2{
  font-size: 22px ; /* Adjust font size for smaller mobile devices */
  line-height: 28px ; /* Adjust line height for smaller mobile devices */
}
#staff_main_dr_section h4{
  font-size: 20px ; /* Adjust font size for smaller mobile devices */
  line-height: 28px ; /* Adjust line height for smaller mobile devices */
}
#our_doctor_section h3{
  font-size: 22px ; /* Adjust font size for smaller mobile devices */
  line-height: 28px ; /* Adjust line height for smaller mobile devices */
}
#our_doctor_section p{
  font-size: 14px;
}
}

/* Tablet adjustment if needed */
@media only screen and (max-width: 992px) {
#staff_main h1 {
  font-size: 36px; /* Adjust font size for tablet */
  line-height: 46px; /* Adjust line height for tablet */
}
}

/* Adjust font size and line height for mobile devices */
@media only screen and (max-width: 576px) {
#staff_main h2 {
  font-size: 28px !important; /* Adjust font size for smaller mobile devices */
  line-height: 36px !important; /* Adjust line height for smaller mobile devices */
}
}


/* Adjust font size and line height for mobile and tablet */
@media only screen and (max-width: 768px) {
#staff_main h2 {
  font-size: 36px; /* Adjust font size for mobile */
  line-height: 46px; /* Adjust line height for mobile */
}
}

/* Tablet adjustment if needed */
@media only screen and (max-width: 992px) {
#staff_main h2 {
  font-size: 36px; /* Adjust font size for tablet */
  line-height: 46px; /* Adjust line height for tablet */
}
}

@media (max-width: 1024px) {
#main-footer .row > div[class*="col-"] {
flex: 0 0 100%; /* Two columns on screens up to 1024px */
}
}

@media (max-width: 768px) {
#main-footer .row > div[class*="col-"] {
flex: 0 0 100%; /* Full width for all columns on screens up to 768px */
text-align: center; /* Center align text */
}
}

/* Responsive adjustments */
@media only screen and (max-width: 768px) {
#staff_main {
    height: 300px; /* Adjust height for screens up to 768px */
}
}

@media only screen and (max-width: 576px) {
#staff_main {
    height: 200px !important; /* Adjust height for screens up to 576px */
}
}


    /* Responsive Styles */
@media only screen and (max-width: 768px) {
#staff_main .col-md-6 {
    text-align: center; /* Center align text on mobile devices */
}
}

/* Responsive Styles */
@media only screen and (max-width: 768px) {
#staff_main .text-block {
    max-width: 90%; /* Adjust for tablet devices */
}
}    
@media only screen and (max-width: 480px) {
#staff_main .text-block {
    max-width: 90%; /* Adjust for smaller mobile devices */
}
#about-main-body-founder{
  padding: 10px 0;
}
}