@media screen and (min-width: 320px) and (max-width: 767px) {
	#root {overflow: hidden;}
	.container {max-width: 100%;}
	.founder_message_info {flex-direction: column;}
	.founder_image {max-width: 75%;}
	.founder_message {width: 100%;}
	.main-hd {font-size: 2.5rem;}
	.md\:text-4xl {font-size: 2rem;}
	.healthcare-solutions {gap: 1.5rem;}
	.healthcare-solutions.max-w-5xl {
		display: flex;
		flex-direction: column;
		max-width: 100%;
	}
	
	.single-healthcare-solutions {padding: 1rem;}
	#spacialnav {grid-template-columns: repeat(2, minmax(0, 1fr));}

	.expertise-commitment, .vision-mission, #partnerlist1 > .grid, #partnerlist2 > .grid {
		display: flex;
		flex-direction: column;
	}
	

	.partners-head h2 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}

	.partners-head h5 {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}

	.partners-videos, .partners-way-list {flex-direction: column;}
	.single-partner-video, .single-partners-way {width: 100%;}

	.healthcare-btn a {
		font-size: 1rem;
		padding: 1rem;
	}

	.speciality-info {
		width: 90%;
		padding-left: 12px;
		padding-right: 12px;
	}

	.speciality-info h2 {
		font-size: 1.35rem;
		padding-left: 18px;
	}
	
	.speciality-info h2::before {width: 5px;}
	.speciality-info p {font-size: 1rem;}

	.speciality-info ul li {
		font-size: 1rem;
		margin: 0.25rem 0;
	}

	.request-consultation {
		flex-direction: column;
		gap: 20px;
		padding: 1rem;
	}

	/**************************************************
		Main Banner Section Begin
	**************************************************/
	.banner-content .banner-heading {
		top: 50%;
		padding: 0 8px;
	}

	.banner-content .banner-heading h2 {
		font-size: 2rem;
		line-height: normal;
		margin-bottom: 6px !important;
	}

	.banner-content .banner-heading p {
		font-size: 15px;
		line-height: normal;
	}
	.banner-content .banner-heading .consultationBtn {margin-top: 1rem;}

	.banner-content .banner-heading .consultationBtn a {
		font-size: 15px;
		font-weight: 600;
		padding: 0.3rem 1.2rem;
	}

	/************************************************************************
	Skill Development Section Start
	************************************************************************/
	.skill-development {padding: 3.5rem 1rem;}
	.application {padding: 2.5rem 1rem;}

	.skill-development-head svg {
		width: 32px;
		height: 32px;
	}
	.skill-development h2 {font-size: 2rem;}
	.application h2 {font-size: 1.75rem;}
	.application .skill-development-head {margin-bottom: 1rem;}

	.skill-development p {
    	font-size: 1.15rem;
		line-height: normal;
	}

	/************************************************************************
	Development Program Section Start
	************************************************************************/
	.development-program {padding: 3.5rem 1rem;}
	.development-program-head {margin-bottom: 2.5rem;}

	.development-program-head h3 {
		font-size: 1.75rem;
		line-height: normal;
	}

	.development-program-head p {
		font-size: 1.1rem;
		line-height: normal;
	}

	.development-program-list {flex-direction: column;}
	.single-development-program {width: 100%;}

	/************************************************************************
	Medical Career Section Start
	************************************************************************/
	.medical-career {padding: 4rem 1rem;}

	.medical-career-icon svg {
		width: 32px;
		height: 32px;
	}

	.medical-career h2 {
		font-size: 2.1rem;
		margin-bottom: 1.25rem;
	}

	.medical-career h6 {
		font-size: 1.25rem;
		line-height: normal;
	}

	.medical-career-block {flex-direction: column;}
	.single-medical-block {width: 100%;}

	.applicationBtn a {
		font-size: 1.1rem;
		padding: 0.7rem 2rem;
	}

	/**************************************************
		Patient Success Stories Section Begin
	**************************************************/
	.patient-stories .owl-carousel .owl-nav button.owl-next, .patient-stories .owl-carousel .owl-nav button.owl-prev {display: none;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.partners-videos {flex-wrap: wrap;}
	.single-partner-video {width: calc(50% - 12px);}
	#spacialnav {grid-template-columns: repeat(3, minmax(0, 1fr));}
	#partnerlist1 > .grid, #partnerlist2 > .grid, .foundation {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.meet-experts-doctors {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.space-x-4 a.hidden {display: none;}
	nav.hidden {display: none;}
	.mobile-menu-container {display: block;}
	.development-program-list {flex-wrap: wrap;}
	.single-development-program {width: calc(50% - 16px);}
	.max-w-7xl {max-width: 100%;}

	.px-12 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.medical-career-icon svg {
		width: 36px;
		height: 36px;
	}

	.medical-career h2 {
		font-size: 3rem;
		margin-bottom: 1.25rem;
	}
}

@media screen and (min-width: 1024px) {
	.main-banner .banner-video {margin-top: -150px;}
}