@media (min-width: 992px) and (max-width: 1199px) {
  .donate-us-text {
    padding: 30px 20px 0px 20px;
  }
  .articles  .container-fluid-article .container-article  .col-lg-7 {
    width: 70% !important;
  }
  .carousel-text {
    padding: 40px 0px 20px 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .carousel-text {
    padding: 20px 0px 20px 0px;
  
  }
  .news-events .header{
    margin: 0px 0px 15px 0px;
  }
  .news-event .card-body{
    padding: 0.1rem 1rem;
  }
  .collaboration-text-body{
    font-size: 12px;
  }
  .award-text {
    height: 240px;
  }
  .achievment-text {
    height: 240px;
  }
  .award-img img{
    height: 240px !important;
  }
  .achievment-img img{
    height: 240px !important;
  }
  .testimonial-text{
    padding: 0px 10px 0px 0px;
  }
  .testimonial-text p {
    font-size: 12px;
    margin: 0px;
  }
  .testimonial{
    height: 265px;
  }
  .testimonial-text h5{
    font-size: 15px;
  }
  .testimonial-img img {
    height: auto;
  }
  
  .testionial-footer img {
    height: 55px;
  }
  .testimonial-footer .card .card-body {
    padding: 0px 10px;
  }
  .img-description {
    padding: 0px;
  }
  .testimonial-text h3 {
    margin-bottom: 10px;
  }
  .img-description p {
    font-size: 12px;
  }
  .img-description .title-link p {
    margin: 0px 0;
  }
  .news-flex .img-description {
    height: 130px;
  }
  .footer{
    padding: 30px 12px 30px 12px;
  }
  .donors-right {
    padding-right: 0px;
    padding-left: 0px;
   
}
.donors-left {
  border-bottom: 1px dashed black;
}
  .donate-us-text{
    padding: 20px 50px 50px 50px;
    border-radius: 20px 20px 20px 20px;
  }
  .footer ul li hr {
   
    margin-right: auto;
  }
  .articles .highlights{
    margin-left: 81.6px;
  }
  .articles .highlights .headline{
    padding-left: 0px;
    margin: 0px !important;
    font-size: 19px;
    padding-bottom: 10px;
  }
  .articles .highlights .list-item{
    margin: 0px;
  }
  .articles .highlights .list-item img{
    width: 100px;
    height: 90px;
  }
  .articles .highlights .list-item h6{
  height: auto;
    width: 100px;
  }
  .articles .highlights .image-list{
    justify-content: left;
  }
  .leadership-list .accordion-body img{
    width: 80px !important;
    height: 80px !important;
}
}

@media only screen and (max-width: 991px) {
  .non-mobile-none{
    display: block !important;
  }
  .mobile-none{
    display: none;
  }
  .main-slider .carousel-text p{
    height: 100px;
  }
  .carousel-item .details {
      width: 100% !important; 
  }
 
}

@media only screen and (max-width: 767px) {
  
  .articles {
    background-color: #ffffff;
  }
  .articles .breadcrumb-section{
    border: none !important;
  }
  .mobile-none2{
    display: none;
  }
  .multi-colored-border {
    
    padding-bottom: 10px !important;
}
    .main-navbar li {
      border: none;
    }
    .main-slider .carousel-text {
      padding: 25px 20px 20px 5px;
      text-align: center;
      height:auto;
    }
    .carousel-item .details{
      width: 100% !important;
    }
    /* .main-slider .carousel-text p {
      margin-bottom: 0px;
      color: #125974;
      letter-spacing: 1px;
      font-weight: 1.1;
      line-height: 1;
      font-size: 16px;
      margin-top: 0px;
  } */
  .carousel-indicators {
    bottom: 0;
    justify-content: center;
    margin-right: 0px;
    margin-bottom: 15px;

  }
  .carousel-details-col{
    position: absolute;
    bottom: 0;
    background-color: #f4faff75;
    left: 0;
  }
    .carousel-text h3 {
      font-size: 24px;
      margin-bottom: 0px;
    }
    .main-slider .carousel-item img{
      height: auto;
    }
    .most-search{
        font-size: 11px;
        height: 56px;
    }
    .most-search h6{
      font-size: 11px;
      margin-left: 0px;
      padding: 0px 12px;
    }
    .search-portion{
        width: 104%;
    }
    .search-portion .search-box{
      width: 120px;
      margin-left: -40px;
      font-size: 11px;
    }
    .service-info{
        height: auto;
    }
    .service-info .service-item{
      height: 150px !important;
      width: 120px !important;
      margin: 5px;
    }
    .service-info .service-image img{
        width: 70%;
    }
    .service-info .service-headline{
        font-size: 10px;
       
    }
    .service-info  a img{
        width: 30px;
    }
    .service-image{
        height: 40px;
    }
    .vertical-menu-item-info-name {
      margin: 0px 10px 0px 0px;
  }
    .vertical-menu-item-info{
        padding-left: 12px;
    }
    .vertical-mega-menu > ul > li:hover .vertical-mega-submenu, .vertical-mega-menu > ul > li .vertical-mega-submenu.active{
        width: 50%;
        height: 113.6%;
        top: -55px;
    }
    .vertical-mega-menu{
        width: 67%;
    }
    .vertical-mega-menu > ul > li:last-child  {
      border-bottom: 0;
    }
    .vertical-mega-menu > ul {
        display: block; /* Hide the menu items by default */
      }
      .vertical-mega-menu > ul.open {
        display: block; /* Display the menu items when menu is open */
      }
      .vertical-mega-menu > ul > li {
        width: 100%;
        border-bottom: 1px solid #ccc; /* Add a border between menu items */
      }
      .vertical-mega-menu > ul > li > a {
        padding: 15px; /* Adjust padding for smaller screens */
        display: block; /* Ensure menu items are displayed as blocks */
      }
      .vertical-mega-menu > ul > li .vertical-mega-submenu {
        width: 100%;
        left: 0;
        top: auto;
        padding: 15px; /* Adjust padding for smaller screens */
      }
      .vertical-mega-menu > ul > li .vertical-submenu-content {
        overflow: visible;
      }
      .vertical-menu-item .section {
        
        margin: 0; /* Reset margin */
      }
      .vertical-menu-item .links ul li {
        border-bottom: none; /* Remove border between items */
      }
      .vertical-menu-item .links ul li a {
        padding: 10px 12; /* Adjust padding */
      }
      .hospital-division{
        font-size: 14px;
        
        height: 100%;
      }
      .hospital-division .header h4{
        padding-left: 12px;
        font-size: 24px;
        font-weight: bold;
  
        padding-top: 18px;
      }
      .vertical-menu-item .links ul li {
        display: block;
        border-bottom: 1px solid #a0f34461;
    }
    .news-event{
        padding: 12px;
    }
    .news-events .header{
      margin: 5px;
    }
    .news-flex{
      display: flex;
    }
    
    
    .news-flex{
      padding: 5px !important;
  }
 
.news-flex .img-description{
  height: 130px !important;
}
.img-description .title-link p {
  margin: 4px 0;
}
.people-search .input-group{
  width: 100% !important;
}
    /* .news-events-img img {
      
      margin: 8px 0px 0px 0px;
    } */
    .news-flex .img-description {
      padding: 0px 10px;
    }
    .news-vertical .card{
      padding: 0px;
    }
    .news-carousel-item .card-body{
      padding: 20px 0px 0px 0px;
    }

    .news-vertical .carousel-item {
      min-height: auto;
    }
    .news-event .footer-link {
       padding-left: 0px; 
    }
    .people-search p{
      width: 100% !important;
    }
    .people-search h5{
        width: 100%;
    }
    .people-search .search-icon img{
      margin-left: 7px;
    }
    .people-search .carousel-item img{
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .award-img{
      display: none;
    }
    .award-icon{
      display: none;
    }
    .award-text{
      padding: 20px 12px;
      height: auto;
    }
    .achievment-text{
      padding: 20px 12px;
      height: auto;
    }
    .achievment-img{
      display: none;
    }
    .achievment-icon{
      display: none;
    }
    .testimonial{
      margin: 0px;
      background-size: unset;
    }
    
    
    .testimonial-text{
      min-height: 400px;
      height: auto;
     
    }
    .testimonial-text{
      padding: 0px 0px 20px 0px !important;
      
    
    }
    .testimonial-footer .card .card-body {
      padding: 0px 10px;
    }
    .testimonialCarousel{
      padding: 24px 12px !important;
    }
    .donors .core-logos{
      text-align: center;
    }
    .donate-us-text{
      min-height: auto;
      height: auto;
      padding: 24px 12px;
    }
    .donors h3{
      text-align: center;
      margin: 0px;
      padding: 16px 0px;
    }
    .donors-left {
      padding-left: 12px;
      margin-bottom: 0px !important;
      border-bottom: 1px dotted black;
      border-right: none;
    }
    .people-search {
      padding: 5px 12px 16px 12px;
    }
    .donors span{
      font-size: 14px;
      
    }
    .donors-right {
      padding-right: 0px;
      padding-left: 0px;
    }
    .donors .logos{
      padding: 0px;
    }
    .donors .core-logos {

      padding: 24px 0px !important;
  }
  .donors-right .carousel{

    padding: 24px 0px !important;
}
.donor-text{
  text-align: center !important;
}
.donate-us-text {
border-radius: 20px !important;
}
    .footer{
      padding: 24px 12px;
    }
    
    .footer ul li hr {
      margin: 6px 0px 0px 0px;
    }
    .footer .social{
      margin-top: 20px;
      margin-bottom: 0px;
    }
    .global-marker-map .map-text p{
      margin-bottom: 1rem !important;
    }
    .leaflet-popup-content{
      width: 147px !important;
    }
    .leaflet-popup-content {
      margin: 5px 5px !important;
      line-height: 1;
    }
    .leaflet-popup-content p {
          margin: 0px 0 !important;
          padding: 0px 5px !important;
       
      }
    .global-marker-map .marker-number {
      width: 70px;
    }
    .global-marker-map .marker-number h3 {
      width: 25px;
      height: 25px;
      font-size: 18px;
    }
    .global-marker-map .marker-number h5 {
      font-size: 11px;
    }
    .global-marker-map .marker-details {
      width: 150px;
      font-size: 8px;
      line-height: 1;
    }
    .global-marker-map .card-content img {
      max-width: 100px;
      margin-left: 0px;
    }
   
    .people-item {
      width: 85%;
      margin: 0 auto;
      display: block;/
    }
  
    #map {
      height: 200px; /* Adjust map height */
    }
  
    .global-marker-map .card {
      position: relative; /* Change to relative positioning */
      top: 5px; /* Adjust positioning */
      left: 0; /* Adjust positioning */
      margin: 0 auto; /* Center horizontally */
      display: block; /* Ensure card is visible */
      width: 100%; /* Adjust card width */
      padding: 10px; /* Add padding for better spacing */
      background-color: #fff; /* Set background color */
   
      border-radius: 8px; /* Add border radius */
      z-index: 1; /* Ensure card is above map */
    }
  
    .global-marker-map .card-content {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .global-marker-map .card-content img {
      max-width: 100%; /* Ensure images are responsive */
      margin-top: 10px;
      margin-bottom: 10px;
      border-radius: 8px; /* Add border radius */
    }
  
    .marker-number,
    .marker-details {
      margin-bottom: 0px; /* Add spacing between elements */
      text-align: left;
      font-size: 12px;
    }
    .collaboration-text-body{
      margin: 19px !important;
    }
    .collaboration{
      padding-bottom: 0px;
      padding: 24px 0px 16px 0px !important;
    }
   
    .global-marker-map .map-text {
      font-size: 1em; /* Adjust font size */
      text-align: center;
      padding: 10px; /* Add padding for better spacing */
     
    }
    .collaboration-map .map-text {
      top: 20px;
      left: 12px;
    }
    .articles .sidebar{
      display: none;
    }
    .article-header-section .input-group{
      top: 0px !important;
    }
    .article-header-section .search-icon {
      margin-left: 0px !important;
    }
    .article-header-section{
      height: auto !important;
      padding-bottom: 20px;
    }
    .article-header-section .content h1{
      font-size: 30px !important;
      margin-top: 40px !important;
    }
    .people-details .profile-picture
    {
      height: 108px !important;
    
    }
    .article-header-section .content p{
      width: 90% !important;
    }
    .leadership-list .accordion-body img{
      width: 80px !important;
      height: 80px !important;
  }
  .news{
    padding-left: 12px;
    padding-right: 12px;
    
  }
  .news-events{
  
    padding: 16px 8px 24px 8px !important;
  }
  .news-events .overlay{
    height: 340px;
    width: 340px;
  }
  .news-events .menu-item{
    height: 165px !important;
  }
  .news-events .card-contain{
    line-height: 1;
  }
  .navbar.navbar-custom{
    top: 0;
    padding: 10px 12px;
  }
  .articles .righ-padding {
    padding-right: 12px !important;
  }
  .article-header-section .input-group{
    padding-right: 12px !important;
  }
  a .service-info .icon img {
    width: 36px;
}
}
@media only screen and (min-width: 768px){
  .articles {
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 575px) {
  .submenu-page-design .first-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .submenu-page-design .second-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 407px) {
  
  .most-search {
    height: 70px;
  }
  .service-info .service-headline {
    font-size: 7px;
  }
  .vertical-menu-item .links ul li a {
    padding: 10px 12px;
  }
  .hospital-division .header h4 {
    font-size: 16px;
  }
  .vertical-mega-menu > ul > li:hover .vertical-mega-submenu, .vertical-mega-menu > ul > li .vertical-mega-submenu.active {
    height: 111%;
    top: -44px;
  }
  .testimonial-text p {
    font-size: 15px;
  }
  .testimonial {
    height: auto;
    background-image:none;
   
  }
}



@media (min-width: 768px) and (max-width: 991px) {
  .container-fluid-article {
      max-width: 830px;
  }
  .container-article  {
      max-width: 830px;
  }
}