@media screen and (max-width: 767px) {
    h1{font-weight: 600;line-height: 42px;margin-bottom: 16px;}
    .pr, .pl{padding-right: 0;}
    .dp-md, .app-left-cont h3:before, .paperless-fearures h3:before, .live-section .col-lg-4, .col-lg-8.one:before, .paperless-fearures:before{display: none;}
    .dp-sm{display: block;}
    .connect-us-sec .no-credit {  margin-top: 7px;    }
    .connect-us-sec {flex-direction: column;gap:14px;margin: 13px 0 66px; }
    .dp-sm a{color: #607397;text-decoration: none;}
    .powered{display: block;margin:26px auto 33px;}
    p.dp-sm {font-size: 18px;line-height: 36px;}
    .top-banner-section {padding: 100px 0 20px !important; text-align: center;}
    .banner-cont p{font-size: 16px;line-height: 24px;}
    #works-seamlessly { max-height: 140px;}
    .appointment-section h2 { font-size: 24px; font-weight: 600; }
    .appointment-inner-sec { padding-top: 60px !important;}
    .appointment-inner-sec h2 { margin: 0;line-height: 36px;padding: 0px 25px 0; }
    .appointment-inner-sec h3 {font-size: 20px;font-weight: 600;line-height: 30px;color: #142546;margin-bottom: 16px;}
    .app-left-cont h3 { font-size: 20px !important;}
    .paperless-fearures { padding: 55px 0 40px;}
    .paperless-fearures .row{gap: 0;}
    .paperless-fearures h3{font-size: 20px;line-height: 30px;margin: 29px 0 12px;}
    .paperless-fearures p{font-size: 16px;font-weight: 400;line-height: 24px;color: #607397;}
    
    .live-section img{max-width: 92%;display: block;margin: 0 auto;}
    .content:before { font-size: 90px; }
    
    .explorefeatures h2{text-align: center; padding-left: 0;}
    .appointment-inner-sec p {font-size: 16px;line-height: 24px;}
    .text-container img { margin-bottom: 29px;width: 55%; }
    .two { left: 3% !important; top: -48px; }
    .three .content { top: -100px !important; }
    .three .content:before { top: -6% !important;}
    .paperless-fearures .text-container {width: 100%;}
    .one .content:after { bottom: 20px; }
    .feature-highlights .description {order: -1;}
    .feature-highlights .features {flex-wrap: wrap; justify-content: center;}
     .just-new-patients .profile-card {padding: 40px 0px 40px 40px;}
     
}

@media only screen and (max-width: 1024px) {
    .two .content {right: -15%;}
    .two {left: 9%;}
    .one {max-width: 400px;left: 35%;}
    .two { max-width: 400px; left: 33%; top: -50px;}
    .content::before { font-size: 90px; }
    .two .content:before { top: 5%; left: -13%; }
    .col-lg-8.three:before { top: -15%; left: 35%; }
    .three .content {left: -15%;top: -55px;}
    .three .content:before { top: 13%; left: 20%;}
    
}
@media screen and (max-width: 991px) {
    .appointment-inner-sec {
        padding-top: 74px;
        overflow-x: clip;
    }
    .top-banner-section {
        padding: 160px 0 20px;
    }
    .app-left-cont h3 {
        font-size: 32px;
    } 

    .appointment-section .md-heading {
        margin-bottom: 40px;
    }
}