@media (min-width:1601px) {
	.absoluteUl { position: absolute; right: -60px; top: 33px; z-index: -1; }
	.bannerImage { position: absolute; left: 50%; bottom: 0; width: 85%; height: 85%; z-index: -1; transform: translateX(-50%); }
}
@media (max-width:1600px) {
	.landingBanner { height: 120vh; }
}
@media (max-width:1366px) {
	.landingBannerInner { padding: 100px 0 0 0; }
	.absoluteUl { top: 80px; }
	.bannerHeading { font-size: var(--font52); }
	.sectionHeading, .imageAccordianAcc .sectionHeading, .textImage .sectionHeading { font-size: var(--font36); line-height: 50px; }
	.subHeading { font-size: var(--font22); }
	.nav ul li { padding: 0; }
	.logo img { margin: 0 10px 0 0; width: 50px; height: 50px; }
	.logo a { font-size: var(--font16); font-family: var(--playFairDisplay); font-weight: var(--font600); }
	.textImageText .tickUl ul li { width: 47%; }
	.tickUl ul { gap: 16px; }
	.landingBannerContent { width: 90%; }
	.bookingLi { width: 60%; }
	.absoluteUl ul:before { height: 106%; }
	.haveQuesImage { background-position: -200px !important; min-height: 670px; }
}
@media (max-width:1024px) {
	.mobileToggleBtn { display: block; width: 25px; height: 22px; position: relative; cursor: pointer; z-index: 9 }
	.mobileToggleBtn span { width: 100%; height: 2px; background-color: var(--BlackColor); display: block; transition: all 0.3s }
	.mobileToggleBtn span:nth-child(2) { margin: 8px 0 0 0; width: 80%; margin-left: auto; }
	.mobileToggleBtn span:last-child { margin: 8px 0 0 0; }
	.nav, .mobileToggleBtn { display: none !important; }
	.nav:before { content: ''; width: 100px; height: 100px; background-color: #fff; border-radius: 50%; position: fixed; right: 0; bottom: 100%; transition: all 1s; z-index: -1; transform: scale(1) }
	.nav.activeNav:before { transform: scale(50); }
	.nav { position: fixed; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; }
	.nav ul { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; transition: all 0.3s; transition-delay: 0.2s; opacity: 0; visibility: hidden; }
	.nav>ul>li { position: relative; padding: 0; }
	.nav ul li a { font-size: 22px; text-decoration: none; color: #000; display: inline-block; padding: 10px 0; transition: all 0.3s }
	.nav.activeNav { opacity: 1; visibility: visible }
	.nav.activeNav>ul { opacity: 1; visibility: visible; }
	.closeToggle span:first-child { transform: rotate(45deg); }
	.closeToggle span:nth-child(2) { opacity: 0; visibility: hidden; }
	.closeToggle span:last-child { transform: rotate(-45deg) translateY(-14px) translateX(14px); }
	.mobileToggleBtn { margin: 0 0 0 20px; }
	.headerCta { display: flex; align-items: center; }
	.insuranceCompanyLogo { height: 45px; }
	.absoluteUl { top: auto; bottom: -30px; right: 0; }
	.bookingLi { width: 70%; }
}
@media (max-width:768px) {
	.imageAccordian .col-lg-6 { max-width: 100%; position: unset; margin-left: -20px; width: 85vw; padding: 0px; }
	.imageAccordianImage { width: 100%; min-height: 550px; height: 100%; }
	.imageAccordianAcc { margin: 30px 0 0 0; }
	.imageAccordian, .service, .aboutCost, .textImage, .aboutUs, .haveQues { padding: 80px 0; }
	.aboutTesti { padding: 120px 0 450px 0; }
	.innerBookAppointment { flex-direction: column; padding: 0 40px 40px; }
	.bookImage { border-radius: 0 0 16px 16px; width: 100%; }
	.bookWrapper { padding: 50px 0 0 0; }
	.tickUl li { text-align: left; }
	.textImageInner .row { flex-direction: column-reverse; }
	.textImageImage { width: 50%; margin-bottom: 20px; }
	.aboutImg { width: 40%; }
	.aoutParmarText { margin: 40px 0 0 0; }
	.sectionHeading { font-size: var(--font32); }
	.bannerHeading { font-size: var(--font42); }
	.textImageImage { border-radius: 20px; }
	.haveQuesImage { margin-left: auto; margin-right: -30px; min-height: 450px; width: 85vw; background-position: 0 !important; min-height: 550px; }
	.haveQuesInner .row { flex-direction: column-reverse; }
	.haveQuesText { margin-top: 20px; }
	.landingBanner { height: auto; }
	.landingBannerInner { padding: 150px 0 400px 0; }
	.bannerImage img { object-position: -90px bottom; }
	.bannerImage { width: 140%; }
	.absoluteUl { top: auto; bottom: 30px; right: auto; left: 100px; }
	.haveQuesText .sectionHeading br { display: none; }
	.landingBanner:before { top: auto; bottom: 0; width: 100%; height: 35%; left: 0; }
	.serviceImg { height: 260px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	.innerBookAppointment { border-radius: 16px; padding: 0 20px 40px; }
	.sectionHeading { font-size: var(--font26); line-height: 36px; }
	.bannerHeading { font-size: var(--font24); line-height: 30px; }
	.subHeading { font-size: var(--font22); line-height: 26px; }
	.titleHeading { font-size: var(--font20); line-height: 26px; }
	.imageAccordian .accHeaderIcon { width: 45px; height: 45px; }
	.imageAccordian .accHeaderIcon img { width: 20px; }
	.tickUl ul { flex-wrap: wrap; gap: 0; row-gap: 20px; }
	.tickUl li { width: 50%; text-align: center; padding: 50px 0 0 0; }
	.tickUl li::before { top: 0; left: 50%; transform: translateX(-50%); }
	.logoUl ul { flex-wrap: wrap; }
	.insuranceCompanyLogo { height: 25px; }
	.stillHaveQues a { margin: 0; }
	.stillHaveQues { bottom: -66px; padding: 15px 50px; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
	.imageAccordian .col-lg-6 { width: 95vw; }
	.imageAccordianImage { min-height: 370px; }
	.imageAccordian, .service, .aboutCost, .textImage, .aboutUs { padding: 50px 0; }
	.haveQues { padding: 50px 0 80px 0; }
	.haveQuesImage { width: 95vw; height: 400px; min-height: 400px; }
	.haveQuesText { margin-top: 20px; }
	.haveQues .accordion-button { padding: 22px 30px; }
	.haveQues .accordion-item { border-radius: 12px; }
	.textImageImage { width: 100%; }
	.aboutImg { width: 60%; }
	.landingBannerInner { padding: 150px 0 500px 0; }
	.landingBannerContent { width: 100%; }
	.bookingLi { width: 100%; }
	.bannerImage { width: 240%; }
	.bannerImage img { object-position: -330px bottom; }
	.absoluteUl { left: 0; }
	.tickUl ul { align-items: flex-start; }
	.haveQues .accordion-body { padding: 22px; padding-top: 0; }
	.accordion-button span { width: 80%; }
	.aboutTesti { padding: 120px 0 50px 0; }
	.aboutTestiSwiper { padding: 30px 0; }
	.headerCta .primaryBtn { padding: 6px 12px !important; font-size: 12px !important; white-space: nowrap; }
	.logo a span { width: 60%; }
	.serviceImg { height: 260px; }
	.formDesign { padding: 30px; }
	.footerUl { flex-direction: column; margin: 30px 0 0 0; gap: 25px; }
	.bloopWrap span { width: 100%; text-align: center; }
	.bloopWrap span br { display: none; }
	.bloopWrap { flex-direction: column; justify-content: center; }
}}
@media (max-width:768px) {
	.imageAccordian .col-lg-6 { max-width: 100%; position: unset; margin-left: -20px; width: 85vw; padding: 0px; }
	.imageAccordianImage { width: 100%; min-height: 550px; height: 100%; }
	.imageAccordianAcc { margin: 30px 0 0 0; }
	.imageAccordian, .service, .aboutCost, .textImage, .aboutUs, .haveQues { padding: 80px 0; }
	.aboutTesti { padding: 120px 0 450px 0; }
	.innerBookAppointment { flex-direction: column; padding: 0 40px 40px; }
	.bookImage { border-radius: 0 0 16px 16px; width: 100%; }
	.bookWrapper { padding: 50px 0 0 0; }
	.tickUl li { text-align: left; }
	.textImageInner .row { flex-direction: column-reverse; }
	.textImageImage { width: 50%; margin-bottom: 20px; }
	.aboutImg { width: 40%; }
	.aoutParmarText { margin: 40px 0 0 0; }
	.sectionHeading { font-size: var(--font32); }
	.bannerHeading { font-size: var(--font42); }
	.textImageImage { border-radius: 20px; }
	.haveQuesImage { margin-left: auto; margin-right: -30px; min-height: 450px; width: 85vw; background-position: 0 !important; min-height: 550px; }
	.haveQuesInner .row { flex-direction: column-reverse; }
	.haveQuesText { margin-top: 20px; }
	.landingBanner { height: auto; }
	.landingBannerInner { padding: 150px 0 400px 0; }
	.bannerImage img { object-position: -90px bottom; }
	.bannerImage { width: 140%; }
	.absoluteUl { top: auto; bottom: 30px; right: auto; left: 100px; }
	.haveQuesText .sectionHeading br { display: none; }
	.landingBanner:before { top: auto; bottom: 0; width: 100%; height: 35%; left: 0; }
	.serviceImg { height: 260px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	.innerBookAppointment { border-radius: 16px; padding: 0 20px 40px; }
	.sectionHeading { font-size: var(--font26); line-height: 36px; }
	.bannerHeading { font-size: var(--font24); line-height: 30px; }
	.subHeading { font-size: var(--font20); line-height: 26px; }
	.titleHeading { font-size: var(--font20); line-height: 26px; }
	.imageAccordian .accHeaderIcon { width: 45px; height: 45px; }
	.imageAccordian .accHeaderIcon img { width: 20px; }
	.tickUl ul { flex-wrap: wrap; gap: 0; row-gap: 20px; }
	.tickUl li { width: 50%; text-align: center; padding: 50px 0 0 0; }
	.tickUl li::before { top: 0; left: 50%; transform: translateX(-50%); }
	.logoUl ul { flex-wrap: wrap; }
	.insuranceCompanyLogo { height: 25px; }
	.stillHaveQues a { margin: 0; }
	.stillHaveQues { bottom: -66px; padding: 15px 50px; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
	.imageAccordian .col-lg-6 { width: 95vw; }
	.imageAccordianImage { min-height: 370px; }
	.imageAccordian, .service, .aboutCost, .textImage, .aboutUs { padding: 50px 0; }
	.haveQues { padding: 50px 0 80px 0; }
	.haveQuesImage { width: 95vw; height: 400px; min-height: 400px; }
	.haveQuesText { margin-top: 20px; }
	.haveQues .accordion-button { padding: 22px 30px; }
	.haveQues .accordion-item { border-radius: 12px; }
	.textImageImage { width: 100%; }
	.aboutImg { width: 60%; }
	.landingBannerInner { padding: 150px 0 500px 0; }
	.landingBannerContent { width: 100%; }
	.bookingLi { width: 100%; }
	.bannerImage { width: 240%; }
	.bannerImage img { object-position: -330px bottom; }
	.absoluteUl { left: 0; }
	.tickUl ul { align-items: flex-start; }
	.haveQues .accordion-body { padding: 22px; padding-top: 0; }
	.accordion-button span { width: 80%; }
	.aboutTestiSwiper { padding: 30px 0; }
	.headerCta .primaryBtn { padding: 6px 12px !important; font-size: 12px !important; white-space: nowrap; }
	.logo a span { width: 60%; }
	.serviceImg { height: 260px; }
}