/* =========================================
BOOTSTRAP CONTAINER WIDTH
========================================= */

@media(min-width:1400px) {
    .container { max-width: 1380px; }
}
/* RESPONSIVE */
@media(max-width:1200px) {
    .slider-viewport { width: 842px; }
}

@media(max-width: 1199px) {
    .description-section .main-title { font-size: 48px; }
    .specialty-heading h1 { font-size: 50px; }
    .specialty-item { min-width: 260px; }
    .specialty-images { height: 220px; }
    .specialty-content h3 { font-size: 32px; }
    .feature-content { font-size: 16px; }
}

@media(max-width: 991px) {
    .stat-card { width: calc(33% - 24px);}
    .improved-outcome-banner-section { text-align: -webkit-center; }
    .hero-left-content h1 br { display: none;}
    .hero-left-content { margin: 30px 0px; text-align: center;}
    .hero-left-content h1 { font-size: 38px; line-height: 1.3; max-width: 519px; margin: 0 auto; }
    ul.navbar-nav.align-items-lg-center {background: #fff;width: 100%;max-width: 100%;padding: 20px 0px;}
    button.navbar-toggler span.line.times {display: none;}
    .navbar-toggler[aria-expanded="true"] span.line.times {display: inline-block;}
    .navbar-toggler[aria-expanded="true"] span.line.bars {display: none;}
    div#navbarContent * {color: #000 !important;font-weight: 500;}
    .menu-icon{font-weight: 300;font-size: 18px;}
    .navbar-collapse {position: absolute;top: 70px;left: 0;right: 0;display: inline-flex;margin: 0 auto;width: 100%;justify-content: center !important;z-index: 1;z-index: -1;opacity: 0;}
    .navbar-collapse.justify-content-end.collapse.show {z-index: 1;opacity: 1;}
    button.navbar-toggler span.line {background: #fff;width: 32px;display: inline-block;padding: 0;margin: 0;border: 1px solid #fff;border-radius: 5px;}
    div#navbarContent a.btn.signup-btn {color: #fff !important;background: #000;}
    .navbar-dark .navbar-nav .nav-item { margin-left: 0; margin-top: 12px !important; text-align: center; }
    .hero-row { padding-top: 40px; }
    .work-list li { font-size: 18px; }
    .card-title-custom { font-size: 26px; }
    .benefit-card-title { font-size: 28px; }
    .specialties-section { padding: 30px 0; }
    .specialties-section .section-title { font-size: 42px; }
    .specialties-section .section-description { font-size: 20px; }
    .slider-viewport { width: 554px; }
    .group-13 { width: 266px; min-width: 266px; }
    .footer { padding: 70px 0 35px; }
    .footer .container { flex-direction: column; text-align: center; }
    .paragraph { align-items: center; }
    .container-2 { justify-content: center; }
    .hero-section { min-height: 300px; }
    .hero-content { padding: 70px 0 90px; }
    .main-title { font-size: 42px; }
    .section-heading { font-size: 34px; }
    .hero-text { font-size: 18px; }
    .bullet-title { font-size: 20px; }
    .hero-section .navbar-dark .navbar-nav .nav-link { margin-left: 0; margin-top: 12px; }
    .side-image { position: relative; top: 0; margin-top: 50px; }
    .description-section { min-height: 360px; }
    .description-section .hero-content { padding: 70px 0 50px; }
    .description-section .main-title { font-size: 40px; }
    .roi-main-title { font-size: 42px; }
    .roi-intro-text { font-size: 20px; }
    .roi-cta-box { padding: 30px; }
    .roi-cta-title { font-size: 24px; }
    .specialty-heading { padding: 40px 0 30px; }
    .specialty-heading h1 { font-size: 42px; line-height: 1.2; }
    .specialty-heading p { font-size: 18px; }
    .new-specialties-slider-main { gap: 12px; }
    .specialty-item { min-width: 240px; }
    .specialty-images { height: 200px; }
    .specialty-info-section { padding: 60px 0; }
    .specialty-info-box { padding: 35px; }
    .specialty-content { text-align: center; margin-bottom: 30px; }
    .specialty-content h3 { font-size: 30px; }
    .specialty-content p { font-size: 18px; }
    .feature-content { max-width: 100%; }
    .clinical-hero, .patient-section, .split-wrap { grid-template-columns: 1fr; }
    .benefits-grid { grid-template-columns: repeat(2, 1fr); }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .clinical-hero h1 { font-size: 2.4rem; }
    .provider-image { float: none; width: 100%; max-width: 450px; margin: 0 auto 30px; }
    .provider-heading { text-align: center; }
    .edge-card-wide { grid-column: auto; }
    .section-title { font-size: 32px; }
    section.mt-8 {padding-top: 100px !important;}
}

@media(max-width: 768px) {
    nav.navbar.navbar-expand-lg.navbar-dark.px-0 { background-color: transparent !important;}
    .section-description { color: var(--text-primary); font-size: 15px; line-height: 1.7; margin-top: 20px; }
    .section-title { margin-bottom: 15px; }
    .about-page .section-title { font-size: 28px; width: 100%; }
    .impact-icon { align-items: center; }
    .impact-card h3 { margin: 0; }
    .transparency-card h2 { font-size: 28px; }
    .mission-card h2 { font-size: 28px; }
    h3.mb-4 { font-size: 24px; }
    .hero-section { min-height: 390px;}
    body.light-theme.website\.about-us img.hero-bg { max-height: 390px; }
    body.light-theme.website\.about-us section.hero-section { position: unset; }
    body.contact-form section.hero-section { min-height: 240px;position: unset; }
    body.contact-form section.hero-section .hero-overlay { max-height: 240px; }
    body.contact-form section.hero-section .hero-bg { max-height: 240px; }
    .hero-logo { width: 190px; }
    .hero-content { padding: 50px 0 70px; }
    .main-title { font-size: 34px; }
    .hero-text { font-size: 16px; line-height: 1.8; }
    .section-heading { font-size: 28px; margin-bottom: 35px; }
    .bullet-title { font-size: 18px; }
    .bullet-text { font-size: 15px; line-height: 1.8; }
    .demo-btn { width: 100%; text-align: center; }
    .description-section { min-height: 300px; }
    .description-section .hero-content { padding: 50px 0 30px; }
    .description-section .main-title { font-size: 30px; line-height: 1.4; }
    .product-grid-wrapper { margin-top: 40px; }
    .specialties-slider-main { gap: 10px; }
    .slider-arrow { width: 20px; height: 20px; }
    .slider-arrow img { width: 20px; }
    .slider-viewport { width: 266px; }
    .specialty-buttons { gap: 16px; }
    .specialty-btn-light, .specialty-btn-dark, .specialty-btn-middle, .btn-pricing-outline, .btn-pricing-primary { min-width: 100%; font-size: 17px; }
    .roi-hero-section { min-height: 340px; }
    .roi-main-title { font-size: 34px; }
    .roi-content-section { padding: 50px 0; }
    .roi-intro-text { font-size: 18px; line-height: 1.8; }
    .roi-card { padding: 22px; }
    .roi-card-title { font-size: 18px; }
    .roi-card-text { font-size: 14px; }
    .roi-cta-box { padding: 25px 20px; }
    .roi-target-icon { width: 78px; height: 78px; font-size: 28px; }
    .roi-cta-title { font-size: 22px; }
    .roi-btn { width: 100%; }
    .security-image { height: 280px; }
    .security-overlay-content { top: 16px; left: 16px; gap: 12px; }
    .security-column p { font-size: 14px; }
    .specialty-heading h1 { font-size: 34px; }
    .specialty-heading p { font-size: 16px; }
    .new-specialties-slider-main { margin-top: 25px; gap: 10px; }
    .slider-arrows { width: 36px; height: 36px; }
    .slider-arrows i { font-size: 18px; }
    .specialty-item { min-width: 220px; }
    .specialty-images { height: 180px; }
    .specialty-title { font-size: 12px; padding: 12px; }
    .specialty-info-box { padding: 25px; }
    .specialty-content h3 { font-size: 26px; }
    .specialty-content p { font-size: 16px; line-height: 1.6; }
    .feature-item { align-items: center; }
    .feature-icon { width: 42px; height: 42px; min-width: 42px; }
    .feature-icon img { width: 22px; height: 22px; }
    .feature-content { font-size: 15px; line-height: 1.6; }
    .contact-form-wrapper { margin: 20px auto; padding: 0 15px; }
    .contact-form-card { padding: 20px; }
    nav { padding: 0 20px; }
    .nav-links { display: none; }
    .clinical-hero, .section, .patient-section, .stats-wrap, .split-panel, .cta-banner { padding-left: 20px; padding-right: 20px; padding-top: 30px; }
    .benefits-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .benefit-cards { border-right: none; border-bottom: 1px solid var(--border); }
    .edge-robot img { width: 0px; height: 0px; }
    .benefit-card img { height: 28px; }
    .group-13 { width: 220px; min-width: 220px; }
    .hero-left-content { margin: 0px 0px; }
    .hero-right-content { margin-top: 0px; }
    .hero-left-content h1 { font-size: 30px;} 
}

@media(max-width:576px) {
    a.btn.about-us-demo { margin-top: 16px; }
    nav.navbar.navbar-expand-lg.navbar-dark.px-0 { background-color: transparent !important;}
    .scribe-headings h2 { font-size:  1.5rem;}
    .content-section { padding:50px 0;}
    .stat-card { width: calc(100% - 24px);}
    .cta-left {
    align-items: flex-start;
    flex-direction: column; }
    .roi-card-title { margin: 0;  }
    .roi-icon { margin-bottom: 0; }
    .roi-heading { align-items: center; margin-bottom: 15px;    }
    .improved-outcome-stats img.logo-icon { height: 51px; margin-bottom: 30px; }
    .improved-outcome-stat-number { font-size: 32px; }
    .improved-outcome-financial-title { margin-bottom: 0; }
    .finance-heading { align-items: center; margin-bottom: 15px;}
    .small-label { align-items: center;}   
    .mission-card .d-flex.align-items-start .mission-icon.mr-3 img { height: 40px; margin-bottom: 5px;}
    .position-relative.hero-content-area.header-area {  padding: 0 15px; }
    .hero-banner-section { padding-top: 60px; }
    p.benefits-description br { display: none; }
    .section-space {padding: 60px 0;}
    .white-card, .benefit-card { padding: 25px; }
    .specialties-section { padding: 30px 0; }
    .specialties-section .section-title { font-size: 34px; }
    .specialties-section .section-description { font-size: 16px; }
    .specialty-image { height: 210px; }
    .product-label { font-size: 14px; }
    .footer { padding: 60px 0 30px; }
    .image { width: 180px; }
    .container-2 { gap: 18px; }
    .text-wrapper-10 a { font-size: 14px; }
    .container-3 { width: 22px; height: 22px; }
    .p { font-size: 13px; }
    .specialty-heading { padding: 30px 0 20px; }
    .specialty-heading h1 { font-size: 28px; }
    .specialty-heading p { font-size: 14px; margin-top: 10px; }
    .new-specialties-slider-main { gap: 8px; }
    .slider-arrows { width: 32px; height: 32px; }
    .slider-arrows i { font-size: 16px; }
    .specialty-item { min-width: 180px; }
    .specialty-images { height: 150px; }
    .specialty-title { font-size: 11px; }
    .specialty-info-section { padding: 40px 0; }
    .specialty-info-box { padding: 20px; border-radius: 10px; }
    .specialty-content h3 { font-size: 22px; margin-bottom: 15px;}
    .specialty-content p { font-size: 14px; }
    .specialty-feature-list { gap: 16px; }
    .feature-icon { width: 38px; height: 38px; min-width: 38px; margin-right: 12px; }
    .feature-content { font-size: 14px; line-height: 1.5; }
    .slider-dots { margin-top: 15px; }
    .slider-dots span { width: 6px; height: 6px; }
    .transparency-card h2 { font-size: 35px; font-weight: 700; }
    .mission-card { padding: 40px 0px; }
    .main-box { width: 280px; height: 280px; margin: 10px 0px; }
    .implementation-content h2 { font-size: 35px; }
    .request-btn { padding: 16px 15px; font-size: 18px; }
    .specialty-buttons { margin: 0px 29px; }
    .hero-content { padding: 50px 10px 70px; }
    .clinical-hero-image { min-height: 345px; }
    .patient-section, .cta-banner{ margin: 0px 15px; }
    .patient-section-img img { height: 310px; width: auto; }
    .cta-trust { width: 100%; display: flex; gap: 20px; margin: 0px 0px; }
    .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
    .side-images img { height: 360px; }
    .cta-btn { font-size: 17px; margin: 0px 10px; }
    body.light-theme.website\.pricing .main-title { font-size: 32px;line-height: 1.1;margin-bottom: 15px; }
    body.light-theme.website\.pricing .roi-cards h2 { font-size: 48px; font-weight: 700; margin-bottom: 15px; }
    .pricing-cta h2 { font-size: 29px; }
    .implementation-content { padding-left: 10px; padding-top: 30px; }
    .section-titles { font-size: 32px; }
    .edge-card {align-items: flex-start; flex-direction: column;gap: 20px;}
    .edge-card.edge-card-wide.col-lg-7 .d-flex { flex-direction: column;gap: 20px; }
}