@media (min-width: 992px) and (max-width: 1199px)
{
	.top-content  .title-1 { margin-top: 180px;}
	.section-title.text-start h5{font-size: 16px; line-height: 18px;}
	.section-title.text-center h4{font-size: 18px; line-height: 18px;}

	/* Adjust top-level nav items spacing */
	nav > ul > li {
		padding: 5px 15px;
	}

	/* Adjust submenu positioning for tablet */
	nav ul li ul,
	nav ul li ul li ul
	{
		min-width: 180px; /* smaller than desktop if needed */
		left: 0;          /* ensure it doesn’t overflow */
		top: 100%;
		transform: translateY(15px);
		opacity: 0;
		visibility: hidden;
		transition: all var(--transition-fast);
	}

	.services-grid {
        grid-template-columns: repeat(4, 1fr);
    }

	.pnpcare-features-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.top-header .top-header-content{line-height: 13px; margin-left: 10px; width: 100%; }
	.top-header #content-description{ font-size:13px;}

	nav .hamburger {
		display: block;
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 24px;
		padding: var(--spacing-lg);
		cursor: pointer;
	}

	nav {
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--color-bg);
		padding: 1px var(--spacing-sm);
		border-bottom: 1px solid #eee;
	}

	nav ul{
		display: none;
	}

	nav .logo img
	{
	  
	  width: 90px;
	  height: auto;
	  padding: 5px 5px;
	  border: 0;
	  text-indent: -99999px;
	}
      
	.hamburger {
		display: block;
	}
	
	.services-grid {
        grid-template-columns: repeat(3, 1fr);
    }

	.pnpcare-features-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.section-title.text-start h5{font-size: 16px; line-height: 18px;}
	.section-title.text-center h4{font-size: 18px; line-height: 18px;}

	.section-title h4::before,
	.section-title h4::after {
	    width: 30px;
	    height: 3px;
	}

	.client-logo-slider img {
	  width: 150px;
	}

	footer #back-top { right: 15px;}

}

@media (max-width: 767px) {

	.top-header .top-header-content{ line-height: 13px; margin-left: 5px; margin-top: 5px; text-align: center; justify-content: center;}
	.top-header .social-content { display: none;}
	.services-grid { grid-template-columns: repeat(2, 1fr);}

	.contact-menu { width:30px;height:30px; }
	.contact-menu i{font-size: 14px}

	.contact-us-container h5, .medical-tourism-container h5, .tourism-guide-container h5{ font-size: 15px;}
	.contact-us-container h4, .medical-tourism-container h4, .tourism-guide-container h4{ font-size: 16px;}

	nav .hamburger {
	    display: block;
	    position: absolute;
	    left: 10px; top: 50%;
	    transform: translateY(-50%);
	    font-size: 24px;
	    padding: var(--spacing-lg);
	    cursor: pointer;
	}

	nav { padding: 25px; }
	nav ul{ display: none;}
	nav .logo img { display: none;}
      
	.hamburger { display: block;}

	.carousel-slide img { width: 100%; height: auto;}

	.home-about-card {
        grid-template-columns: 1fr;
      }

     .home-about-card h5{
     	text-align: center;
     }

    .home-about-card .highlight {
        border-left: none;
        border-top: 4px solid var(--primary-green);
        padding-left: 0;
        padding-top: 1rem;
      }

	.timeline-content {
		margin-left: 60px;
	}

	.pnpcare-features-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.treatment-card {
		padding: 25px;
	}

	.treatment-header {
		flex-direction: column;
		text-align: center;
	}

	.treatment-heading h1 {
		font-size: 22px;
	}

	  .profile-header {
    flex-direction: column;
    text-align: center;
  }

  .tab-buttons {
    flex-direction: column;
    border-bottom: none;
  }

  .tab-buttons button {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc; /* underline for each tab */
    padding: 14px 10px;
  }

  .tab-buttons button.active {
    border-bottom: 2px solid var(--green-cyan-color);
    color: var(--dark-cyan-color);
    font-weight: bold;
  }

  /* Disable sliding indicator on mobile */
  .tab-indicator {
    display: none;
  }

  	footer .copyright p,
  	footer .copyright .col-md-6:last-child p, footer .copyright .col-sm-12:last-child p {
      margin: 5px 0; text-align: center; 
  	}
  	footer #back-top { right: 15px;}
}




/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    
}