@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;}
    .no-credit { font-size: 14px !important; line-height: 24px !important;margin-top: -14px !important; }
    .connect-us-sec {flex-direction: column;gap:14px;margin: 13px 0 26px; }
    .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;}
    .appointment-inner-sec h2 { margin: 0;line-height: 36px;padding: 0px 25px 0; }
    .appointment-inner-sec h3 {font-size: 20px !important;font-weight: 600;line-height: 30px;color: #142546; margin-bottom: 16px;}
    .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 {padding: 70px 11px 0;overflow: hidden;margin: 62px 0 40px;}
    .live-section p {font-size: 18px;line-height: 24px;}
    .live-section h2 { margin-bottom: 40px; }
    .live-section img{max-width: 92%;display: block;margin: 0 auto;}
    .content:before { font-size: 90px; }
    .live-section span{font-size: 16px;line-height: 20px;padding: 5px 9px;}
    .one,.two {border: none;left: 0;}
    .p-sm-0{padding: 0 !important;}
    .content, .three img { position: relative; left: 0 !important; right: 0 !important; }
    .one .content:before { top: -15%; left: 0;  max-width: 100%; }
    .col-lg-8.two:before { top: -5%; left: 44.5%; }
    .one,.two,.three{max-width: 100% !important;}
    .two .content:before { top: -16% !important; left: 79% !important;}
    .one .content:after, .two .content:after { content: ""; position: absolute;  width: 1px; height: 119px; left: 50%; border-right: 1px dashed#FFFFFF; }
    .one .content { left: -33% !important; }
    .one .content,.two .content { padding-bottom: 133px;}
    .col-lg-8.three:before {top: -38% !important;left: 48.5% !important;}
    .testimonial-sec { margin: 0 0 10px; }
    .explorefeatures h2{text-align: center; padding-left: 0;}
    .appointment-inner-sec p {font-size: 16px;line-height: 24px;}
    .paperless-fearures .text-container { margin:0;}
    .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; }
}

@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: 40%; }
    .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 90px;
    }
    .app-left-cont h3 {
        font-size: 32px;
    } 

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

    .pl {
        padding: 0% 5% 0% 2%;
    }
}