/* Large Mobile: 480px+ */
@media (min-width: 375px) and (max-width: 767px){
			div#main-menu {
				color: black;
				background-color: #0B2115;
			}
	div#main-menu a {
		color:white;
	}
	li.header-newsletter-item.has-icon
	 {
    	display: none;
	}
	i.icon-menu {
    color: white;
	}
					.flex {
								display:flex;
								flex-direction: row;
								gap:20px;
								width:520px;
								margin-top: 20px;
						}
						.flex > div {
								width:115px;
								height: 41px;
								background-color: rgb(226, 222, 222);
								text-align: center;
								display:grid;
								place-items: center;
						}
						.flex > div:hover {
								border: 2px solid blue;
						}
		.icon-box-dich-vu {
						border-radius: 24px;
						width: 100%;
						height: 250px;
						box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
						background-color: #eeebeb;
						text-align: center;
						padding: 40px 10px 20px 10px;
						box-sizing: border-box;
		}
	.icon-box-dich-vu img {
			margin-top:-20px;
		} 
		.icon-box-dich-vu-ho-tro-ai {
						border-radius: 24px;
						width: 100%;
						height: 180px;
						box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
						background-color: #eeebeb;
						text-align: center;
						padding: 40px 10px 20px 10px;
						box-sizing: border-box;
		}
	.icon-box-dich-vu-ho-tro-ai img {
			margin-top:-30px;
	}
		.text-ho-tro-ai {
			margin-top:-20px;
		}
		.box-bao {
				background-color: #F8F8F8;
		}
		.gap-box-bao {
			gap:30px;
			flex-wrap:nowrap;
			margin-left:20px!important;
		}
		.box-bao img {
			margin-top:30px;
		}
		.header-main  {
			height:100px!important;
		}
	.giai-phap-marketing-nha-khoa {
			margin-top:-300px!important;
		}
	.nut-booking-qc {
		width:90%;
		margin:auto;
		
	  }
	.nut-booking-qc button {
		display:block;
		margin:auto;
		text-align:center;
	  }
	.booking-heal-big {
		width:90%;
		margin:auto;
	}
	.booking-heal-p-small p {
		text-align:center;
		color:white;
	}
	.booking-heal-big h2 {
		color:white;
		font-size:40px;
		text-align:center;
		margin-top:-250px;
		}
	.slogan-booking-heal-qc-child {
/* 		border:2px solid green; */
		background-color:#1C2C22;
		text-align:center;
		background-color: rgba(20, 18, 18, 0.5);
		width:100%;
		border-radius:10px;
		}
	.footer-cot p {
		margin-left:20px;
		margin-right:20px;
	}
	.footer-cot li {
		margin-left:20px;
		display:block;
		}
/* liên hệ mobile */	    
		.menu-phai {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 40px;
			padding: 15px;
			z-index: 1000;
		}

		.nut-chat,
		.lien-he {
			flex: 1;
			max-width: 180px;
			padding: 12px 20px;
			background-color: #1a4d4d;
			border-radius: 10px;
			cursor: pointer;
			transition: all 0.3s ease;

			/* Căn giữa nội dung bên trong */
			display: flex;
			flex-direction: row; /* Đặt hàng ngang */
			align-items: center;
			justify-content: center;
			gap: 5px; /* Khoảng cách giữa hình và chữ */

			color: white;
			font-weight: bold;
			font-size: 16px;
			text-align: center;

			background-position: left 10px center; /* Đặt hình bên trái */
			background-size: 35px 35px;
			background-repeat: no-repeat;
			padding-left: 40px; /* Tạo khoảng trống cho hình */
		}

		.nut-chat:hover,
		.lien-he:hover {
			background-color:#143628;
			transform: translateY(-2px);
			color:white;
		}

		.lien-he {
			background-image: url(https://bookingheal.com/wp-content/uploads/2025/10/deal-1.png);
		}

		.nut-chat {
			background-image: url(https://bookingheal.com/wp-content/uploads/2025/11/tro-ly-ai-3.png);
		}

        /* Chat container mobile */
        .chat-container {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 90vh;
            max-height: calc(100vh - 10px);
            background-color: white;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
            z-index: 9999;
            transform: translateY(100%);
            transition: transform 0.3s ease-in-out;
        }

        .chat-container.show {
            transform: translateY(0);
        }

        .chat-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 15px;
            background-color: #0084ff;
            color: white;
            font-weight: bold;
            height: 40px;
            font-size: 14px;
        }

        .chat-close {
            background: none;
            border: none;
            color: red;
            font-size: 40px;
            cursor: pointer;
            padding-top: 30px;
			padding-left:50px;
            width: 25px;
            height: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .chat-iframe {
            width: 100%;
            height: calc(100% - 40px);
            border: none;
            background: white;
        }

        .chat-loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #666;
        }
	.wp-bottom-menu {
        display: none!important;
    }
/* 	Hợp tác cùng booking heal */
		.count-hop-tac-booking-heal {
		background-color: #1C2C22;
        text-align: center;
        background-color: rgba(20, 18, 18, 0.5);
        width: 70%;
        height: 140px;
        align-content: center;
	}
	.count-hop-tac-booking-heal {
		width:100%;
		margin:auto;
	}
	.count-hop-tac-booking-heal span {
		font-size:20px;
	}
	.count-hop-tac-booking-heal p {
		font-size:16px;
	}
	.box-tong-count {
		width:90%;
		margin:auto;
	}
	    .gia-tri-nhan-duoc-cung-booking-heal {
        background-color: #15383B;
        text-align: center;
        background-color: rgba(20, 18, 18, 0.5); 
		width: 100%;
        border-radius: 10px;
        height: 80px;
		padding-top:15px;
    }
	.gia-tri-nhan-duoc-cung-booking-heal h3 {
		color:white;
	}
		.form-hop-tac-booking {
    margin-right: auto;
    border: 2px solid grey;
    border-radius: 20px;
    height: 600px!important;
    padding-top: 30px;
	width:96%;
	margin:auto!important;
	}
	.form-hop-tac-booking p label {
		color:white;
		display:block;
	}
.button-hop-tac-booking input{
	display:block;
	width:98%;
	margin:auto;
}
}
/* Tablet: 768px+ */
@media (min-width: 768px) and (max-width: 1023px) {
			.flex {
								display:flex;
								flex-direction: row;
								gap:20px;
								width:520px;
								margin-top: 20px;
						}
						.flex > div {
								width:115px;
								height: 41px;
								background-color: rgb(226, 222, 222);
								text-align: center;
								display:grid;
								place-items: center;
						}
						.flex > div:hover {
								border: 2px solid blue;
						}
		.icon-box-dich-vu {
							position: relative;
						border-radius: 24px;
						width: 90%;
						height: 120px;
						box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
						background-color: #eeebeb;
						text-align: center;
						padding: 40px 10px 20px 10px;
						box-sizing: border-box;
		}
		.icon-box-dich-vu img {
			margin-top:-20px;
		}
		.icon-box-dich-vu-ho-tro-ai {
				position: relative;
						border-radius: 24px;
						width: 100%;
						height: 180px;
						box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
						background-color: #eeebeb;
						text-align: center;
						padding: 40px 10px 20px 10px;
						box-sizing: border-box;
		}
		.text-ho-tro-ai {
			margin-top:-30px;
		}
		.box-bao {
				border: 2px grey;
				background-color: #F8F8F8;
		}
		.gap-box-bao {
			gap:30px;
			flex-wrap:nowrap;
		}
		.box-bao img {
			margin-top:30px;
		}
		.header-main  {
			height:100px!important;
		}
	}
@media (min-width: 1024px) and (max-width: 1439px) {
	div#masthead {
    	margin-left: 10%;
	}
	.header.has-sticky.sticky-jump.header-wrapper {
		background-image:url(https://bookingheal.com/wp-content/uploads/2025/10/header-top.png)
	}
	.nav-top-link {
		color:white!important;
		font-size:20px!important;
	}
	.nav-top-link:hover {
		color:orange!important;
	}
	.flex {
							display:flex;
							flex-direction: row;
							gap:20px;
							width:520px;
							margin-top: 20px;
					}
					.flex > div {
							width:115px;
							height: 41px;
							background-color: rgb(226, 222, 222);
							text-align: center;
							display:grid;
							place-items: center;
					}
					.flex > div:hover {
							border: 2px solid blue;
					}
	.icon-box-dich-vu {
						position: relative;
					border-radius: 24px;
					width: 90%;
					height: 120px;
					box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
					background-color: #eeebeb;
					text-align: center;
					padding: 40px 10px 20px 10px;
					box-sizing: border-box;
	}
	.icon-box-dich-vu img {
		margin-top:-20px;
	}
	.icon-box-dich-vu-ho-tro-ai {
					border-radius: 24px;
					width: 100%;
					height: 120px;
					box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
					background-color: #eeebeb;
					text-align: center;
					padding: 40px 10px 20px 10px;
					box-sizing: border-box;
	}
	.text-ho-tro-ai {
		margin-top:-30px;
	}
	.tro-ly-ai-box-big {
		width:80%;
	}
	.box-bao {
			border: 2px grey;
			background-color: #F8F8F8;
	}
	.gap-box-bao {
		gap:30px;
		flex-wrap:nowrap;
	}
	.box-bao img {
		margin-top:30px;
	}
	.header-main  {
		height:100px!important;
	}
	#quan-huyen {
		width:40rem!important;
	}
	.footer-tong {
		width:96%;
	}
	.hinh-quang-cao {
    	margin-left: -200px !important;
	}
	.nut-booking-qc {
		margin-left:15%;
	}
	.nut-booking-qc button {
		display:inline;
	}
	.nut-booking-qc button:hover {
		background-color:green;
	}
	.giai-phap-marketing-nha-khoa {
        margin-top: 0!important;
    }
	.giai-phap-marketing-nha-khoa ul {
		margin-left:20%;
		margin-top:40px;
	}
	.giai-phap-marketing-nha-khoa h2 {
		color:white; 
		font-size:20px!important;
		margin-left:20%!important;
	}
	.slogan-booking-heal {
		margin-right:0;
		width:60%;
	}
	.slogan-booking-heal-qc-child {
		background-color:#1C2C22;
		text-align:center;
		background-color: rgba(20, 18, 18, 0.5);
		width:70%;
		height:80px;
		align-content:center;
	}
	.slogan-booking-heal-qc-child h3 {
		font-size:20px!important;
	}
	.booking-heal-big h2{
		font-size:80px;
		color:white;
		margin-left:48%;
		margin-top:30px;
	}
	.booking-heal-p-small {
		font-size:25px;
		color:white;
		margin-left:50%;
	}
	.background-dich-vu-toan-dien img{
		background-size:cover;
		background-repeat:no-repeat;
	}
		.doi-tac-booking-heal img {
		width:60%;
		
	}
	.background-dich-vu-toan-dien {
		width:80%;
		margin:auto;
	}
	.doi-tac-booking-heal {
		width:60%;
		margin:auto;
	}
	.slide-bac-si, .slide-chuyen-khoa, .box-hoi-dap, .truyen-thong-booking-heal, .blog-post-booking-heal {
		width:80%!important;
		margin:auto;
	}
	/* 	Pagr hợp tác cùng booking heal */
	.gia-tri-nhan-duoc-cung-booking-heal {
		background-color: #15383B;
        text-align: center;
		background-color: rgba(20, 18, 18, 0.5)
        width: 80%;
        border-radius: 10px;
		height:80px;
		
	}
	.gia-tri-nhan-duoc-cung-booking-heal h3 {
		color:white;
		padding:5px;
		padding-top:10px;
		font-size:18px;
	}
	.hop-tac-booking-heal-child {
		width:80%;
		margin:auto;
	}
	.count-hop-tac-booking-heal {
		background-color: #1C2C22;
        text-align: center;
        background-color: rgba(20, 18, 18, 0.5);
        width: 70%;
        height: 140px;
        align-content: center;
	}
	.count-hop-tac-booking-heal {
		width:60%;
		margin:auto;
	}
	.count-hop-tac-booking-heal span {
		font-size:40px;
	}
	.count-hop-tac-booking-heal p {
		font-size:25px;
	}
	.box-tong-count {
		width:80%;
		margin:auto;
	}
	.form-hop-tac-booking {
		background-color:#E9E9E9;
		padding-top:10px;
		border-radius:20px;
		margin-top:80px;
	}
	
	.form-hop-tac-booking input {
		width:96%;
		display:block;
		margin:auto;
		border: 2px solid grey;
    	border-radius: 10px;
		
	}
	.form-hop-tac-booking label {
		padding-left:20px;
	}
	/* liên hệ desktop */
        .menu-phai {
            position: fixed;
            right: 50px;
            height: 200px;
            top: 40%;
            width: 50px;
            z-index: 999;
        }

        .nut-chat
        {
            height: 100px;
            width: 100px;
            background-position: center;
            background-size: 100px 100px;
            background-repeat: no-repeat;
            cursor: pointer;
            background-image: url(https://bookingheal.com/wp-content/uploads/2025/11/tro-ly-ai-3.png);
			padding-top: 120px;
			padding-left: 25px;
			font-weight: bold;
			color:red;
            animation: nut-chat 1.5s infinite;
        }

        @keyframes nut-chat {
            0%, 100% {
                color: red;
                text-shadow: 0 0 10px #fff;
            }
            50% {
                color: #ff6b6b;
                text-shadow: 0 0 20px #ff6b6b;
            }
        }
	}
/* 	div#lien-he {
			display: none;
		}  */

        /* Chat container desktop */
        .chat-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 400px;
            height: 600px;
            background-color: white;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
            z-index: 9999;
            border-radius: 10px;
            overflow: hidden;
            display: none;
        }

        .chat-container.show {
            display: block;
        }

        .chat-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            background-color: #0084ff;
            color: white;
            font-weight: bold;
        }

        .chat-close {
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
            padding: 0;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .chat-iframe {
            width: 100%;
            height: calc(100% - 50px);
            border: none;
            background: white;
        }

        .chat-loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #666;
        }
		.form-hop-tac-booking {
    margin-right: auto;
    border: 2px solid grey;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    height: 520px;
    padding-top: 30px;
	}
	.form-hop-tac-booking p label {
		color:white;
		display:block;
	}
.button-hop-tac-booking input{
	display:block;
	width:98%;
	margin:auto;
}
}

/* Desktop: 1440px+ */
@media (min-width: 1440px) {

}