@media (max-width:1460px) {
  .container{max-width: 1287px;}
  h2{font-size: 32px; line-height: 44px;}
  header .header-main .header-bottom-part .logo{width: 200px;}
  header .header-main .header-bottom-part .rightside ul.main-menu li a{font-size: 16px; padding: 27px 10px;}
  header .header-main .header-bottom-part .rightside .btn-read .text{padding: 13px 25px; font-size: 16px;}
  .top-hero-banner{border-radius: 0 0 250px 0;}
  .top-hero-banner .item{padding-top: 119px;}
  .top-hero-banner .item .content .line{margin-bottom: 20px;}
  .top-hero-banner .item .content h1{font-size: 40px; line-height: 50px; margin: 0 0 20px 0;}
  .top-hero-banner .item .content p { font-size: 26px; line-height: 34px; margin: 0 0 20px 0;}
  .top-hero-banner .item .content .sub{font-size: 20px; line-height: 26px; margin: 0 0 10px 0;}
  .top-hero-banner .content .btn-area .btn-white .text,
  .top-hero-banner .content .btn-area .btn-white-border .text{padding: 16px 25px; font-size: 16px;}
  .top-hero-banner .item ul li{font-size: 16px;}
  .top-hero-banner .container .photo1{left: 20px;}

  .service-area .form-area{width: 34%;}
  .service-area .leftside{width: 66%;}
  .service-area .form-area h3{font-size: 21px;}
  .service-area .chart-area{transform: scale(0.9); margin: -30px auto 0 auto;}
  .service-area .form-area .form-control, .service-area .form-area .form-select{padding: 12px 20px;}
  
  
  /* contact us  */
  .conatcat-top-hero-banner .inner-flex .contact-content h1 { font-size: 108px; line-height: 108px; margin: 0 0 -15.5px 0;}
}

@media (max-width: 1024px) {
    
   
    .main-wapper {padding: 60px 0 0 0; }
    .container{padding: 0 40px;}
    h2 {font-size: 26px; line-height: 36px;}
    header .header-main .toparea{display: none;}
    header .header-main .header-bottom-part{padding: 0 15px 0 0; align-items: center;}
    
    header .header-main .header-bottom-part .logo-area {padding: 15px 45px 15px 15px;}
    header .header-main .header-bottom-part .logo{width: 140px;}
    .btn-menu{display: block;}
    header.fixed{top: 0px;}
    header.fixed .header-main .header-bottom-part .logo{width: 140px;}

    .top-hero-banner{margin-top: 0px;}
    .top-hero-banner .item{padding-top: 40px; height: auto;}
    .top-hero-banner .container{display: block;}
    .top-hero-banner .item .content{width: 100%; min-height: 370px;}
    .top-hero-banner .item .content h1{font-size: 34px; line-height: 40px;}
    .top-hero-banner .item .content p {font-size: 22px; line-height: 30px; margin: 0 0 20px 0; max-width: 500px;}
    .top-hero-banner .container .photo1{position: relative; bottom: 0px; left: 0px; height: auto; width: 300px; margin: 0 auto;}
    .top-hero-banner .container .photo1 img{height: auto; width: 100%;}


    .about-area{padding: 40px 0;}
    .about-area .inner-flex{flex-direction: column;}
    .about-area .inner-flex .content-part{width: 100%; padding: 0 0 20px 0;}
    .about-area .inner-flex .img-area{width: 60%; margin: 0 auto;}
    .about-area .inner-flex .img-area img{width:100%}
    .about-area p{font-size: 16px; line-height: 24px;}
    .about-area ul.number-list li strong{font-size: 28px; line-height: 28px; margin: 0 0 5px 0;}

    .different-point-area{padding: 40px 0;}
    .different-point-area table tr th{font-size: 16px; line-height: 24px;}
    .different-point-area table tr td .white-block{padding: 8px 16px; font-size: 13px; line-height: 18px;}

    .rcm-service-area{padding: 40px 0;}
    .rcm-service-area .inner-flex{flex-direction: column;}
    .rcm-service-area .inner-flex .photo-area{width: 100%; min-height: auto; height: 540px;}
    .rcm-service-area .inner-flex .content-part{width: 100%; padding: 40px 0 0 0;}

    .service-area{padding: 40px 0;}
    .service-area .inner-flex{flex-direction: column;}
    .service-area .leftside{width: 100%;}
    .service-area .chart-area{transform: scale(0.9); margin: -30px 0 0 -35px;}
    .service-area .form-area{width: 70%; margin: 0 auto;}
    
    .complimentary-area{padding: 40px 0;}
    .complimentary-area ul li{width: 50%; margin-top: 10px; padding: 0 5px;}
    .complimentary-area ul li .service-block h3{font-size: 16px; line-height: 24px; width: 68%;}

    .client-logo-area{padding: 40px 0;}
    .client-logo-area ul li{width: 140px; height: 140px;}
    .client-logo-area ul li:nth-child(2n){width: 80px; height: 80px;}
    .client-logo-area ul li .logo-block img{width: 80%;}

    .get-started-area{padding: 40px 0;}
    .get-started-area h2{margin: 0 auto 15px auto; max-width: 564px; font-size: 30px;}
    .get-started-area p{font-size: 16px; line-height: 28px; margin: 0 0 15px 0;}
    .get-started-area .d-flex{flex-wrap: wrap; margin: 0 0 10px 0;}
    .get-started-area .btn-blue{font-size: 16px; line-height: 16px; margin: 5px;}
    .get-started-area .btn-blue .icon{width: 40px; height: 40px; margin-right: 8px;}
    .get-started-area .btn-yellow{font-size: 16px; line-height: 16px; margin: 5px;}
    .get-started-area .btn-yellow .icon{width: 40px; height: 40px; margin-right: 8px;}
    .get-started-area h3{font-size: 20px; line-height: 30px;}
    
    footer .newsletter-area{padding: 20px 0;}
    footer .newsletter-area .d-flex{display: block !important;}
    footer .newsletter-area .leftside{width: 100%;}
    footer .newsletter-area .leftside h2{font-size: 20px;}
    footer .newsletter-area .form-area{width: 100%; margin-top: 20px;}
    footer .footer-area .d-flex{flex-wrap: wrap;}

    footer .footer-area .about-info{width: 100%; order: 1; border-right: none; border-bottom: #CEE4F2 1px solid; padding: 20px 0px;}
    footer .footer-area .quick-link-block{width: 100%;  padding: 20px 0px; width: 50%;}
    footer .footer-area .contact-info-block{width: 100%; padding: 20px; width: 50%;}

    footer .footer-area .about-info .logo{margin: 0 0 15px 0; width: 200px;}
    footer .footer-area .about-info .logo img{width: 100%;}
    footer .footer-area .about-info p{font-size: 13px; line-height: 20px;}
    footer .footer-area .quick-link-block h2{font-size: 20px; line-height: 20px; margin: 0 0 10px 0;}
    footer .footer-area .quick-link-block ul li a{font-size: 15px; line-height: 26px;}
    footer .footer-area .contact-info-block .info{min-height: 54px; font-size: 14px; line-height: 14px; padding-left: 70px;}
    footer .footer-area .contact-info-block .info .icon{width: 54px; height: 54px;}
    footer .footer-area .contact-info-block .info span {font-size: 14px; line-height: 14px; margin-bottom: 8px;}
    footer .footer-area .copyright{font-size: 13px; line-height: 20px; padding: 12px 0;}



    /* conatct us */
    .conatcat-top-hero-banner .inner-flex .contact-content h1 { font-size: 70px; line-height: 70px; margin: 0 0 -9.5px 0;}
    .conatcat-top-hero-banner .inner-flex .contact-content::before { width: 100%; height: 300px; top: -60px;}
    .request-a-call-back .inner-flex .request-a-block { padding-right: 50px;}

}

@media (max-width: 767px) {
    .main-wapper {padding: 60px 0 0 0; }
    .sticky-area{display: none;}
    .container{padding: 0 20px;}
    header .header-main .toparea{display: none;}
    header .header-main .header-bottom-part{padding: 0 15px 0 0; align-items: center;}
    header .header-main .header-bottom-part .logo-area {padding: 15px 45px 15px 15px;}
    header .header-main .header-bottom-part .logo{width: 140px;}
    .btn-menu{display: block;}
    header.fixed{top: 0px;}
    header.fixed .header-main .header-bottom-part .logo{width: 140px;}
    header .header-main .header-bottom-part .rightside{position: fixed; background: #fff; right: -100%; top: 64px; display: block; width: 100%; padding: 20px; transition: all .5s ease;}
    header .header-main .header-bottom-part .rightside.show{right: 0px; transition: all .5s ease;}
    header .header-main .header-bottom-part .rightside ul.main-menu {display: block; padding: 0 0 20px 0;}
    header .header-main .header-bottom-part .rightside ul.main-menu li{margin: 0px;}
    header .header-main .header-bottom-part .rightside ul.main-menu li a{padding: 10px 10px 10px 20px; width: 100%;}
    header .header-main .header-bottom-part .rightside ul.main-menu li a::before{width: 10px; height: 60%; border-radius: 10px; bottom: 20%;}
    header .header-main .header-bottom-part .rightside .btn-read{margin: 0px; width: 100%;}
    .top-hero-banner{border-radius: 0 0 60px 0;}
    .top-hero-banner .item{padding-top: 20px;}
    .top-hero-banner .item .content h1{font-size: 21px; line-height: 26px;}
    .top-hero-banner .item .content .sub{font-size: 16px; line-height: 18px; margin: 0 0 6px 0;}
    .top-hero-banner .item ul {margin: 0 0 8px 0;}
    .top-hero-banner .item ul li {font-size: 13px; line-height: 20px; padding-bottom: 6px;}
    .top-hero-banner .item .content p{font-size: 16px; line-height: 22px;}
    .top-hero-banner .content .btn-area .btn-white{width: 100%; margin: 0 0 5px 0;}
    .top-hero-banner .content .btn-area .btn-white-border{width: 100%;}
    .top-hero-banner .content .btn-area .btn-white .text, .top-hero-banner .content .btn-area .btn-white-border .text{padding: 12px 20px; font-size: 13px;}
    .top-hero-banner .container .photo1{width: 260px;}

    h2{font-size: 22px; line-height: 30px; padding: 0 0 15px 0; margin: 0 0 15px 0;}
    h2::after {bottom: -5px; width: 12px; height: 12px;}
    .about-area p{font-size: 13px; line-height: 21px;}
    .about-area .btn-read .text{padding: 8px 15px; font-size: 12px;}
    .about-area h3{margin: 15px 0; font-size: 18px; line-height: 24px;}
    .about-area ul.number-list{flex-wrap: wrap;}
    .about-area ul.number-list li{padding: 10px 0; margin: 0px; width: 100%; border-bottom: #B5C3CC 1px solid; border-right: none; display: flex; justify-content: space-between; align-items: center;}
    .about-area ul.number-list li strong{font-size: 20px; line-height: 20px; margin: 0;}
    .about-area .inner-flex .img-area {width: 80%;}

    .different-point-area table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .different-point-area table tbody tr {display: block; border-bottom: #eef6ff 10px solid; border-radius: 0;}
    .different-point-area table tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%;; letter-spacing: 0px; font-size: 12px}
    .different-point-area table tbody tr td:before {position: absolute; top: 8px; left: 0px; width: 100%; white-space: nowrap; font-size: 12px; color: #000; font-weight: 600; line-height: 16px; text-align: left; padding: 0 18px; z-index: 1;}
    .different-point-area table tr td .white-block{border-radius: 10px; border: #B3C8E0 1px solid !important; padding: 30px 16px 8px 16px;}
    .different-point-area table tr td:first-child .white-block{border-radius: 10px;}
    .different-point-area table tr td:last-child .white-block{border-radius: 10px;}
    .different-point-area table tr td .white-block.check {padding-left: 40px;}
    .different-point-area table tr td .white-block.cancel {padding-left: 40px;}
    .different-point-area table tr td .white-block.check::before{content: ''; background: url(../images/checkmark-icon.png) center center no-repeat; width: 18px; height: 18px; position: absolute; top: 30px; left: 16px; margin-top: 0px; background-size: 100%;}
    .different-point-area table tr td .white-block.cancel::before {content: ''; width: 18px; height: 18px; position: absolute; top: 30px; left: 16px; margin-top: 0px; background-size: 100%;}
    .different-point-area table tbody tr td:nth-of-type(1):before {content: "Feature";}
    .different-point-area table tbody tr td:nth-of-type(2):before {content: "CareCode";}
    .different-point-area table tbody tr td:nth-of-type(3):before {content: "Other Companies";}

    .rcm-service-area .inner-flex .photo-area{height: 280px;}
    .rcm-service-area .inner-flex .content-part{padding: 20px 0 0 0;}
    .rcm-service-area .inner-flex .content-part h3{font-size: 18px; line-height: 22px;}
    .rcm-service-area .inner-flex .content-part ul li{font-size: 13px; line-height: 18px;}
    .rcm-service-area .inner-flex .content-part ul li strong{font-size: 14px;}
    .rcm-service-area .inner-flex .content-part .btn-read{width: 100%;}
    .rcm-service-area .inner-flex .content-part .btn-read .text{padding: 12px 15px; font-size: 12px;}

    .service-area .chart-area{transform: scale(1); margin: 0; width: 100%; height: auto;}
    .service-area .chart-area .center-circle{width: 140px; height: 140px; border: #B3C8E0 4px solid; background: #fff; position: relative; top: 0; left: 0; margin: 0 auto 10px auto; }
    .service-area .chart-area ul li.box1{position: relative; top: 0; left: 0; margin-left: 0;}
    .service-area .chart-area ul li.box2,
    .service-area .chart-area ul li.box3{position: relative; top: 0; right: 0; transform: rotate(0deg);}
    .service-area .chart-area ul li.box4,
    .service-area .chart-area ul li.box5{position: relative; bottom: 0; right: 0; transform: rotate(0deg);}
    .service-area .chart-area ul li.box6{position: relative; bottom: 0px; right: 0; margin-right: 0; transform: rotate(0deg);}
    .service-area .chart-area ul li.box7,
    .service-area .chart-area ul li.box8{position: relative; bottom: 0; left: 0; transform: rotate(0deg);}
    .service-area .chart-area ul li.box9,
    .service-area .chart-area ul li.box10{position: relative; top: 0; left: 0; transform: rotate(0deg);}
    .service-area .chart-area ul li .gray-box{width: 100%;height: auto; border-radius: 30px; margin-bottom: 0px; padding: 5px; margin-top: 10px;}
    .service-area .chart-area ul li .gray-box::before {bottom: auto; top: -10px; height: 10px;}
    .service-area .chart-area ul li .blue-text{border-radius: 30px; width: 100%; height: auto; font-size: 14px; line-height: 16px; font-weight: 400; padding: 10px;}
    .service-area .chart-area ul li .white-text{border-radius: 30px; width: 100%; height: auto; font-size: 14px; line-height: 16px; font-weight: 400; padding: 10px;}
    
    .service-area .chart-area ul li.box2 .white-text,
    .service-area .chart-area ul li.box4 .white-text,
    .service-area .chart-area ul li.box6 .white-text,
    .service-area .chart-area ul li.box8 .white-text,
    .service-area .chart-area ul li.box10 .white-text{transform: rotate(0deg);}
    .service-area .chart-area ul li.box3 .blue-text,
    .service-area .chart-area ul li.box5 .blue-text,
    .service-area .chart-area ul li.box7 .blue-text,
    .service-area .chart-area ul li.box9 .blue-text{transform: rotate(0deg);}


    .service-area .form-area{width: 100%; padding: 20px 20px 0 20px; margin-top: 20px;}
    .service-area .form-area h3{font-size: 18px; margin: 0 0 10px 0; line-height: 22px;}
    .service-area .form-area .form-control, .service-area .form-area .form-select{padding: 10px 20px; font-size: 14px; line-height: 20px;}
    .service-area .form-area .btn-submit .text{padding: 12px 15px; font-size: 12px;}
    .service-area .form-area .doctor-img {width: 100%;}
    
    .complimentary-area ul li{width: 100%;}
    .complimentary-area ul li .service-block{padding: 10px;}
    .complimentary-area ul li .service-block .icon{width: 50px; height: 50px; padding: 8px;}
    .complimentary-area ul li .service-block .icon img{width: 100%;}
    .complimentary-area ul li .service-block h3{font-size: 14px; line-height: 20px; width: 72%;}
    
    .client-logo-area ul li{width: 90px; height: 90px;}
    .client-logo-area ul li:nth-child(2n){width: 70px; height: 70px;}

    .get-started-area h2{font-size: 22px;}
    .get-started-area p{font-size: 13px; line-height: 21px;}
    .get-started-area .btn-blue,
    .get-started-area .btn-yellow{font-size: 13px; line-height: 13px;}
    .get-started-area h3{font-size: 18px; line-height: 26px;}
    
    footer .newsletter-area{padding: 20px 0;}
    footer .newsletter-area .d-flex{display: block !important;}
    footer .newsletter-area .leftside{width: 100%;}
    footer .newsletter-area .leftside h2{font-size: 20px;}
    footer .newsletter-area .form-area{width: 100%; margin-top: 20px;}
    footer .footer-area .d-flex{display: block !important;}
    footer .footer-area .about-info{width: 100%; border-right: none; border-bottom: #CEE4F2 1px solid; padding: 20px 0px;}
    footer .footer-area .quick-link-block{width: 100%; border-right: none; border-bottom: #CEE4F2 1px solid; padding: 20px 0px;}
    footer .footer-area .contact-info-block{width: 100%; padding: 20px 0;}

    footer .footer-area .about-info .logo{margin: 0 0 15px 0; width: 200px;}
    footer .footer-area .about-info .logo img{width: 100%;}
    footer .footer-area .about-info p{font-size: 13px; line-height: 20px;}
    footer .footer-area .quick-link-block h2{font-size: 20px; line-height: 20px; margin: 0 0 10px 0;}
    footer .footer-area .quick-link-block ul li a{font-size: 15px; line-height: 26px;}
    footer .footer-area .contact-info-block .info{min-height: 54px; font-size: 14px; line-height: 14px; padding-left: 70px;}
    footer .footer-area .contact-info-block .info .icon{width: 54px; height: 54px;}
    footer .footer-area .contact-info-block .info span {font-size: 14px; line-height: 14px; margin-bottom: 8px;}
    footer .footer-area .copyright{font-size: 13px; line-height: 20px; padding: 12px 0;}


    /* contact us */
    .conatcat-top-hero-banner .inner-flex { flex-direction: column; gap: 25px; padding: 25px 0 0 0;}
    .conatcat-top-hero-banner .inner-flex .contact-content { width: 100%;}
    .conatcat-top-hero-banner .inner-flex .contact-content h1 { font-size: 30px; line-height: 40px; margin: 0; text-align: center;}
    .conatcat-top-hero-banner .inner-flex .contact-content::before { width: 100%; height: 100px; top: 0px;}
    .conatcat-top-hero-banner .inner-flex .contact-img { width: 100%;}
    .request-a-call-back .inner-flex { flex-direction: column; gap: 25px; }
    .request-a-call-back .inner-flex .request-a-block { width: 100%; padding: 0;}
    .request-a-call-back .inner-flex .request-a-form-area { width: 100%;}
    .request-a-call-back{ padding: 40px 0;}
    .request-a-call-back .request-a-block p { font-size: 13px; line-height: 21px; margin-bottom: 15px;}
    .request-a-call-back .request-a-block .number-list li strong { font-size: 14px; line-height: 24px;}
    .request-a-call-back .request-a-block .number-list li span { font-size: 14px; line-height: 24px;}
    .request-a-call-back .request-a-block .number-list li { padding-left: 30px; margin-bottom: 10px;}
    .request-a-call-back .request-a-block .icon-block li { width: 44px; height: 44px;}
    .request-a-call-back .inner-flex .request-a-form-area .form-control, .request-a-call-back .inner-flex .request-a-form-area .form-select { font-size: 14px; line-height: 20px; padding: 10px 20px;}
    .request-a-call-back .request-a-form-area .btn-read .text  {     padding: 8px 15px;     font-size: 12px; }
    .contact-map { padding: 0  0 40px 0;}
    .contact-map iframe { border-radius: 6px; height: 300px;}
    .conatcat-top-hero-banner .inner-flex .contact-img .img-area { margin-left: 0;}
    .conatcat-top-hero-banner .inner-flex .contact-img .img-area img { width: 100%;}
    .conatcat-top-hero-banner .inner-flex .contact-content h1 br { display: none;}
}