@media (max-width: 768px) {
    .wbContent > span, .marketingBannerText > span { font-size: 30px !important; margin-bottom: 10px; display: block; line-height: 35px !important; }
    .headingTextInner, .whiteBg .headingTextInner { flex-direction: column; padding-top: 0px; }
    .headingText { padding: 50px 0 50px 0; }
    .testimonial { padding: 50px 0 50px 0; margin: 0px; }
    .testiHeart img { width: 20%; }
    .whiteBg .bannerHeading { text-align: left; }
    .serviceList { margin: 50px 0 0 0; display: grid; }
    .serviceList ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px; list-style: none; padding: 0; margin: 0; }
    .serviceListing a { margin-top: 50px; text-align: center; font-size: 20px !important; }
    .serviceList ul li span, .serviceList ul li { width: 100%; }
    .htHeadingWrapp, .htTextWrapp { width: 100% !important; }
    .topImage, .whiteBg .topImage { position: unset; width: auto; height: auto; }
    .bannerHeading span { font-size: 30px !important; line-height: 40px !important; }
    .workList { width: 100%; }
    .marketingBanner { margin: 20px 0px; }
    .marketingBanner .bannerHeading { font-size: 30px; }
    .headingTextHalfInner { padding: 20px 0 0 0; flex-direction: column; }
    .headingTextHalf .htText { width: 87%; }
    .htHeading { width: 100%; text-align: center; }
    .approch { margin: 50px 0; }
    .approachList { width: calc((100% / 1) - 0px); }
    .counter { margin: 50px 0px 0px; }
    .counterItemWrap { flex-direction: column; gap: 40px; }
    .counterItem .description, .counterItem strong { margin-left: 0px; }
    .odometer-inside span { font-size: 26px !important; line-height: normal; }
    .counterItem strong { padding-bottom: 10px; }
    .odometer.persontage::after, .odometer.hash::after, .odometer.plus::after { right: -20px; }
    .htTextWrapp ul li, .whiteBg .htTextWrapp ul li { font-size: 14px !important; line-height: 24px !important; }
}