@media only screen and (max-width: 1199px){
	.pageNavCollapse .pageNavbar li {
		margin-left: 20px;
	}
	.benefitSec .benefitCol h3 {
		font-size: 36px;
		line-height: 39px;
	}
}
@media only screen and (max-width: 1023px){
	.pageNavCollapse {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		background-color: var(--blue);
		z-index: 1;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	.pageNavCollapse .pageNavbar li{
		margin-left: 0;
	}
	.pageNavCollapse .pageNavbar li a{
		padding: 3px 15px;
		color:#fff;
	}
	.navDropdown .dropdown-menu{
		margin: 0 15px;
		background:#fff;
	}
	.navDropdown .dropdownMenu .dropdown-item{
		color:var(--blue);
		border-color:var(--blue);
	}
	.navDropdown .dropdown-menu:after{
		display: none;
	}
	.benefitSec .benefitCol h3 {
		font-size: 28px;
		line-height: 32px;
	}
	.benefitSec .benefitCol{
		margin-bottom: 20px;
		height: calc(100% - 20px);
	}
	.contactSec .contactHolder {
		padding: 20px;
	}
	.contactSec .contactList {
		font-size: 18px;
		line-height: 25px;
	}
	.testimonialSec .bg-testimonial {
		height: calc(100% - 40px);
		margin-bottom: 40px;
	}
	.appointmentSec h3 {
		font-size: 30px;
		line-height: 36px;
	}

}	
@media only screen and (max-width: 767px){
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	.serviceBlock .textCard{
		padding: 10px 15px;
	}
	.appointmentSec h3 {
		font-size: 26px;
		line-height: 32px;
	}
	.pageBanner:after{
		background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 100%);
	}
	.navAside {
		gap: 10px;
	}
	.header-btn .btn {
	    padding: 8px 14px;
	    font-size: 15px;

	}
	.btn{
		font-size: 16px;
	}
	.pageBanner{
		background-image: none !important;
	}
}