@media(max-width: 849px){

	:root{

        --px-content: 90% !important;

        --px-content-small: 80% !important;

    }



    body{

		font-size: 0.875rem;

	}



	.banner-page{

		height: 250px;

	}



	.banner-page .bg-loaded{

		background-image: url('/wp-content/uploads/2025/11/banner-defaul-mb.png') !important;

	}



	.banner-page .text-box{

		top: 30%;

	}





	.box-vertical{

		display: block;

	}



	.box-vertical .box-text{

		padding: 0.75rem 0 0;

	}



	.box-vertical .box-image{

		width: 100% !important;

		display: block;

	}



	.review-slide .flickity-page-dots{

		bottom: -1.5rem;

	}



	.review-slide .flickity-page-dots .dot{

		width: 10px;

		height: 10px;

	}



	.footer-top {

	    padding-top: 80px !important;

	}



	.footer-top .section-bg{

		background-image: url('/wp-content/uploads/2025/11/bg-footer-mb.png') !important;

	}



}



@media(max-width: 549px){

	:root{

        --px-content: 110% !important;

        --px-content-small: 80% !important;

    }



    input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){

		font-size: 0.75rem;

	}



	.banner-page{

		height: 170px;

	}



	.wrapper-counter-about{

		padding: 1rem;

	}



	.box-counter{

		/*width: 100%;*/

		text-align: center;

		font-size: 0.75rem !important;

	}	



	.review-slide .flickity-page-dots{

		bottom: -1.325rem;

	}





	/*==== Page Contact*/

	.wrapper-form-contact{

		padding: 2rem 1.5rem;

	}





	/*==== Page KIẾN THỨC NHA KHOA*/

	.blog-knowledge .box-image .image-zoom{

		padding-top: 75% !important;

	}





	/*==== Page DỊCH VỤ*/

	.box-service .box-text{

		padding: 1rem;

	}





}







@media (min-width: 550px){

	.justify-content-md-between{

		justify-content: space-between;

	}

}



@media (min-width: 850px){

	.row-col-lg-5 .col{

		flex-basis: 20%;

        max-width: 20%;

	}



	.flex-lg-row-reverse{

		flex-direction: row-reverse;

	}



	.justify-content-lg-between{

		justify-content: space-between;

	}



	.col-lg-auto{

		flex-basis: auto;

		max-width: fit-content;

	}



	/*menu*/



	.header-nav-main.nav .menu-item.active{

		color: var(--cl-x);

	}



	.header-nav-main.nav .menu-item a{

		font-weight: 600;

	}



	.header-nav .sub-menu,

	.active>ul.children, .active>ul.sub-menu:not(.nav-dropdown){

		display: none !important;

		padding: 0;

		/*min-width: unset;*/

		border: 0;

		border-radius: 0.25rem;

		background-color: #fff;

		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

	}



	.header-nav .menu-item{

		width: unset !important;

		min-width: unset !important;

		position: relative;

	}



	.header-nav .sub-menu>.menu-item>a{

		padding: 0.75rem 0;

		font-size: 15px;

		font-weight: 500;

		color: #000;

		text-transform: capitalize;

	}



	.header-nav .sub-menu > .menu-item:hover > a{

		color: var(--primary-color);

	}



	.header-nav .menu-item:hover>.sub-menu{

		display: block !important;

		animation: menu 0.3s;

	}



	.header-nav .sub-menu .menu-item>.sub-menu{

		position: absolute;

		left: 100%;

		top: 0;

		z-index: 10;

	}



	.header-nav .sub-menu li{

		display: block;

	}



	@keyframes menu {

	    0% { transform: translateY(20px); opacity: 0}

	    100% { transform: translateY(0px); opacity: 1}

	}


	

}

@media (min-width: 2000px){
	.banner-page{
		height: 40rem;
	}
}