/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 10:32:39 */
/* Lỗi text của làm to cậu nhỏ */
.quytrinhthamkham .text-box.banner-layer.x50.md-x50.lg-x50.y50.md-y50.lg-y50.res-text {
	min-width: 100%;
	padding: 0 15px;
}

.mfp-bg.mfp-ready {
	opacity: 1;
}



.tuvan > div:hover img,
.datlich > div:hover img,
.thamkham > div:hover img,
.theodoi > div:hover img {
	filter: brightness(0) invert(1);
}

.tuvan > div:hover p,
.datlich > div:hover p,
.thamkham > div:hover p,
.theodoi > div:hover p {
	color: #fff;
}



@media (min-width: 768px) {
	.mfp-container.mfp-s-ready.mfp-image-holder {
		padding: 0;
	}

	.mfp-content {
		/* 		width: 50vw;
		height: 100vh; */
	}

	img.mfp-img {
		padding: 0;
		margin: 0;
		max-height: unset;
		/* 		min-height: 100vh !important; */
		object-fit: contain;
		/* 		min-width: 50vw; */
	}

	.mfp-bottom-bar {
		min-height: 25px;
		margin-top: 0;
		top: unset;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.mfp-counter {
		top: unset;
		bottom: 0;
	}

	.mfp-title, .mfp-counter {
		font-size: 16px;
		line-height: 1.6em;
	}
}

@media (max-width: 768px) {

	.formdangkicuoicung .col.medium-6.small-12.large-6 {
		min-width: 100%;
	}

	.formdangkicuoicung .form-datlich p {
		width: 100%;
		padding: 8px;
	}

	.formdangkicuoicung .form-banner {
		width: unset !important;
	}
	.formdangkicuoicung .col.dki_in_home {
		padding-left: 0;
		padding-right: 0;
	}

	/* 	Thư viện video của giới thiệu phòng khám */
	.thuvienvideo {
		padding: 0px !important;
	}





	.mfp-image-holder {
		padding: 0;
	}

	img.mfp-img {
		padding: 0;
		height: 50vh !important;
		width: 100vw !important;
	}

	.home__tab__image--gallery img.mfp-img {
		width: 100%;
		object-fit: cover !important;
	}

	.slide_bangcapbacsi_mobile img.mfp-img {
		width: 100%;
		object-fit: contain !important;
	}

	.mfp-bottom-bar {
		margin-top: 0;
		padding: 0 10px;
	}
	.mfp-title, .mfp-counter{
		font-size: 16px;
		line-height: 1.5em;
	}
	button.mfp-arrow {
		mix-blend-mode: unset;
		background-color: #000;
		opacity: 0.75;
		transform: translateY(-50%) !important;
	}


	/* 	Chỉnh sủa form cho trang liên hệ */
	.page_lienhe > .section-content > div.row-collapse {
		padding: 0 15px;
		gap: 15px;
	}

	.page_lienhe > .section-content  .form-datlich {
		width: 100%;
		left: 0 !important;
		padding: 0 !important;
	}

	.page_lienhe > .section-content  .form-datlich p{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.page_lienhe > .section-content  .form-date-time {
		gap: 0;
	}

	.section_thuvienvideo .col.small-12.large-12, .section_thuvienvideo .thuvienvideo {
		padding: 0 !important;
	}

	.section-fromdki {
/* 		margin: 0 15px !important; */
	}


}

@media (max-width: 550px) {
	.formdangkicuoicung .form-datlich {
		left: 0 !important;
		width: 100%;
		padding: 0;
	}

	.formdangkicuoicung .form-banner .fill {
		width: unset !important;
	}

	.formdangkicuoicung .dki_in_home .form-banner {
		width: 100% !important;
	}

	.formdangkicuoicung .container .row:not(.row-collapse) {
		margin-left: unset !important;
		width: 100% !important;
	}

	/* Thông báo khi ấn đang kí */
	.formdangkicuoicung .form-banner .wpcf7 form .wpcf7-response-output {
		width: unset;
		left: 0;
		top: -10px !important;
		margin: 0 !important;
		font-size: 14px;
	}

	.formdangkicuoicung > div:nth-child(2) > div:first-child {
		min-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.formdangkicuoicung .form-datlich p, .form-date-time {
		padding: 8px 0 !important;
	}



	/* 	Sửa nút đặt lịch hệ ngay */
	.datlichhenngay .container .row:not(.row-collapse) {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.btn-guiphieudien {
		padding: 0 15px !important;
	}

	.btn-guiphieudien button {
		right: 0;
		width: 100% !important;
		margin-right: 0 !important;
	}

	/* 	Sửa lỗi thông báo đặt lịch hẹn ngay bị lệch */
	.btn-guiphieudien + .wpcf7-response-output {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	/* 	Sửa thư viện video */
	.banner-thuvienvideo .container .row:not(.row-collapse) {
		margin-left: 0 !important;
		width: 100% !important;
	}

}

@media (max-width: 400px) {
	.formdangkicuoicung .form-datlich {
		width: unset !important;
		top: 0;
	}

	.page_lienhe > .section-content  .form-datlich {
		width: 100% !important;
	}
}

.tabbed-content.home_tabs.tab_thuvienhinhanh_trangchu > ul > li > a,
.tabbed-content.tab_thuvienhinhanh_ketqua > ul > li > a{
	line-height: 3.5em !important;
}

/* Header */
.flex-col.hide-for-medium {
	height: unset !important;
	margin-top: 0 !important;
}


/* Nút đặt lịch hẹn ngay */
a.button_datlichhenngay {
	width: 300px;
	font-size: 18px;
	padding: 0;
}

a.button_datlichhenngay > span::after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("/wp-content/uploads/2024/09/Combo-shape.png") center / 100% no-repeat;
}

a.button_datlichhenngay > span {
	display: flex;
	align-items: center;
	line-height: 55px;
	column-gap: 20px;
	justify-content: center;
}


.page_lienhe .wpcf7 form .wpcf7-response-output {
	margin: 0 15px;
	border-color: #00a0d2 !important;
	color: #fff;
}

.form-datlich p span input {
	padding-left: 10px !important;
}