@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}

@media(max-width: 1599.98px) {
}

@media(max-width: 1399.98px) {
    .bnr_left {
        padding: 100px 50px 40px;
    }

    .bnr_right, .bnr_left {
        height: 580px;
    }

    .title1 h1 {
        font-size: 60px;
    }

    .experience img {
        max-width: 90px;
    }

    .experience h2 {
        font-size: 26px;
    }

    .experience {
        padding: 12px 15px;
    }

    .mouse {
        transform: translate(-50%, 435%);
    }

    .sec1 article {
        width: 70%;
    }

    .on_counter h2, .on_counter h2 span {
        font-size: 85px;
    }

    p {
        font-size: 16px;
    }

    .solutions_cardpic {
        height: 370px;
        border-radius: 15px;
    }

    .journeys_action {
        width: 45px;
        height: 45px;
        top: 25px;
        right: 0px;
        font-size: 20px;
    }

    .title3 h3 {
        font-size: 44px;
    }

    .journeys_sec .title3 {
        width: 90%;
    }

    .journeys_card h5 {
        font-size: 16px;
    }

    .journeys-carousel .owl-nav button.owl-prev, .journeys-carousel .owl-nav button.owl-next {
        width: 45px;
        height: 45px;
    }

    .journeys_card {
        padding: 18px;
    }

    .comparison-box {
        aspect-ratio: 1024/450;
        border-radius: 18px;
    }

    .specialists_sec .title3 {
        width: 62%;
    }

    .mb-5 {
        margin-bottom: 2rem!important;
    }

    .specialists_pic {
        height: 280px;
    }

    .specialists_bg {
        height: 320px;
    }

    .specialists_btm {
        border-radius: 20px;
    }

    .p-80 {
        padding: 70px 0;
    }

    .event_sec .journeys_action {
        flex-basis: 45px;
    }

    .event_sec_pic1 {
        height: 380px;
        border-radius: 15px;
    }

    .event_sec .row > .col-lg-6:nth-child(2) .event_sec_pic1 {
        height: 270px;
    }

    .footertop {
        padding: 40px 60px;
        border-radius: 15px;
    }

    .footer_sec h3 {
        font-size: 60px;
    }

    .footerlogo {
        width: 220px;
    }

    .socialmedia ul li a {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .testimonials .title3 {
        width: 50%;
    }

    .inner_ban {
        min-height: 350px;
    }

    .inner_ban .title1 h1 {
        font-size: 50px;
    }

    .point_card:after {
        transform: translate(115%, -420%);
    }

    .gallery_gridpic {
        height: 270px;
    }

    .gallery_sec .nav-link {
        font-size: 15px;
    }

    .banner_sec .container-fluid {
        height: 600px;
    }

    .vdotext {
        width: min(100%, 1100px);
    }

    .banner_sec p {
        width: 100%;
        font-size: 17px;
    }

    .vdotext .title1 {
        width: 70%;
    }
}

@media(max-width: 1199.98px) {
    .headerarea .logo {
        max-width: 160px;
    }

    .nav-menu > li > a {
        font-size: 15px;
        padding: 15px 15px;
    }

    .btn01 {
        font-size: 15px;
        padding: 10px 45px 10px 20px;
    }

    .btn01:after {
        width: 28px;
        height: 28px;
        background-size: 11px;
    }

    .btn02 {
        font-size: 15px;
        padding: 10px 20px 10px 45px;
    }

    .title1 h1 {
        font-size: 50px;
    }

    .bnr_left {
        padding: 80px 30px 40px;
    }

    .bnr_right, .bnr_left {
        height: 490px;
    }

    .experience img {
        max-width: 75px;
    }

    .experience h2 {
        font-size: 24px;
        line-height: 20px;
    }

    .morethan {
        height: 96px;
    }

    .morethan h6 {
        right: 16px;
    }

    .mouse {
        width: 27px;
        height: 42px;
        transform: translate(-50%, 480%);
    }

    .nav-menu > li > a {
        font-weight: 400;
    }

    .headerarea .gap-4 {
        gap: 1rem!important;
    }

    .sec1 p {
        font-size: 27px;
        line-height: 36px;
    }

    .sec1 a {
        font-size: 15px;
        margin-top: 30px;
        margin-right: 30px;
    }

    .sec1 a:before {
        right: 95px;
        width: 55px;
    }

    .on_counter h6 {
        font-size: 14px;
    }

    .circlebox {
        width: 120px;
        height: 120px;
        border: 7px solid #fff;
    }

    .title3 h3 {
        font-size: 38px;
    }

    .solutions_sec .title3 h3 {
        width: 100%;
    }

    .solutions_cardpic {
        height: 310px;
    }

    .solutions_tag {
        padding: 7px 11px;
        font-size: 13px;
        top: 10px;
        left: 10px;
        max-width: max-content;
    }

    .journeys_action {
        width: 40px;
        height: 40px;
        top: 5px;
        font-size: 18px;
    }

    .journeys_sec .title3 {
        width: 100%;
        padding-left: 30px;
    }

    .journeys_sec_left {
        height: 250px;
    }

    .difference_sec .title3 {
        width: 45%;
    }

    .p-80 {
        padding: 60px 0;
    }

    .specialists_sec .title3 {
        width: 80%;
    }

    .specialists_bg {
        height: 250px;
        padding: 15px 15px 0;
    }

    .specialists_btm h5 {
        font-size: 15px;
    }

    .specialists_btm h6 {
        font-size: 13px;
    }

    .footer-social li a {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .specialists_card:hover .specialists_btm {
        padding-bottom: 15px;
    }

    .specialists_btm {
        width: 87%;
        padding: 15px 10px;
    }

    .specialists_sec {
        padding: 0 0 90px;
    }

    .event_sec h4 {
        font-size: 24px;
        width: 100%;
        margin-bottom: 20px;
    }

    .event_sec_pic1 {
        height: 330px;
    }

    .event_sec .row > .col-lg-6:nth-child(2) .event_sec_pic1 {
        height: 235px;
    }

    .event_sec .journeys_action {
        flex-basis: 40px;
    }

    .footer_sec .title2 {
        width: 55%;
    }

    .footer_sec h3 {
        font-size: 42px;
    }

    .inner_ban {
        min-height: auto;
    }

    .our_missionpic {
        height: 410px;
        border-radius: 15px;
    }

    .point_card:after {
        transform: translate(135%, -580%);
        width: 70px;
        height: 15px;
    }

    .point_grid {
        grid-gap: 25px;
    }

    .asked_sec .accordion-button {
        font-size: 18px;
    }

    .contact_sec .btn01 {
        margin-top: 0;
    }

    .contact_sec .info_box {
        padding-left: 20px;
    }

    .inner_ban .title1 h1 {
        font-size: 42px;
    }

    .gallery_gridpic {
        height: 220px;
    }

    .refer_secbox {
        border-radius: 20px;
        width: 100%;
        padding: 35px;
    }

    .refer_secbox h2 {
        font-size: 32px;
    }

    .vdotext {
        width: min(85%, 1100px);
    }

    .banner_sec .container-fluid {
        height: 550px;
    }
}

@media (max-width: 991.98px) {
    .navarea {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
    }

    .nav-menu > li > a {
        color: #000000;
    }

    .header-body {
        border-radius: 50px;
        background-color: #efebff;
        padding: 7px 22px;
    }

    .bnr_right, .bnr_left {
        height: 380px;
    }

    .headerarea {
        padding: 15px 0;
    }

    .title1 h1 {
        font-size: 32px;
    }

    .experience {
        display: none;
    }

    .bnr_left {
        padding: 65px 30px 40px;
    }

    .nav-toggle {
        position: relative;
        top: 0;
        margin-top: 0;
        right: 0;
    }

    .navigation-portrait {
        height: auto;
    }

    .headerarea .d-flex.align-items-center.justify-content-between.text-nowrap.gap-4 {
        flex-direction: row-reverse;
    }

    .btn01:after {
        top: 5px;
        width: 24px;
        height: 24px;
        background-size: 10px;
    }

    .btn01 {
        font-size: 13px;
        padding: 9px 38px 9px 15px;
    }

    .btn02 {
        font-size: 13px;
        padding: 9px 15px 9px 38px;
    }

    .btn02:after {
        top: 4px;
        left: 5px;
        width: 27px;
        height: 27px;
        background-size: 15px;
    }

    .sec1 p {
        font-size: 24px;
        line-height: 30px;
    }

    .sec1 article {
        width: 100%;
    }

    .mouse {
        transform: translate(-50%, 495%);
    }

    .on_counter h2, .on_counter h2 span {
        font-size: 60px;
    }

    .on_counter {
        padding: 30px 0 0;
    }

    .welcome_sec {
        padding: 0 0 50px;
        text-align: center;
    }

    .welcome_secpic {
        margin: 0 auto 35px;
    }

    .solutions_cardpic {
        height: 400px;
    }

    .journeys_sec .title3 {
        padding-left: 0;
        text-align: center;
    }

    .journeys_action {
        right: 156px;
    }

    .difference_sec .title3 {
        width: 100%;
        text-align: center;
    }

    .difference_sec .btn01 {
        top: auto;
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: -60px;
        display: table;
    }

    .difference_sec.p-80.pt-0 {
        padding-bottom: 80px;
    }

    .specialists_sec .title3 {
        width: 100%;
    }

    .specialists_pic {
        height: 370px;
    }

    .specialists_bg {
        height: 370px;
    }

    .specialists_btm {
        margin: 0 auto;
        bottom: 0;
    }

    .specialists_sec {
        padding: 0 0 50px;
    }

    .title3 h3 {
        font-size: 34px;
    }

    .testimonials .title3 {
        width: 100%;
    }

    .p-80 {
        padding: 50px 0;
    }

    .footertop {
        padding: 30px 30px;
        margin-bottom: 25px;
        flex-direction: column-reverse;
        text-align: center;
    }

    .footer_sec .title2 {
        width: 100%;
    }

    .socialmedia ul, .copyright h6 {
        text-align: center;
    }

    .footerlogo {
        width: 200px;
        margin: 0 auto 15px;
    }

    .copyright {
        margin-top: 25px;
        padding-top: 25px;
    }

    .about_sec1pic {
        margin: 0 auto 25px;
    }

    .about_sec1 {
        text-align: center;
    }

    .about_sec1pic2 {
        margin: 0 auto 25px;
    }

    .about_sec1 .row:nth-child(2) {
        flex-direction: column-reverse;
    }

    .point_grid {
        grid-template-columns: 1fr 1fr;
    }

    .point_card:nth-child(2):after {
        display: none;
    }

    .point_card:after {
        transform: translate(210%, -500%);
    }

    .contact_innerbox {
        margin-bottom: 20px;
    }

    .gallery_gridpic {
        height: 170px;
    }

    .gallery_tag {
        font-size: 13px;
    }

    .refer_secbox .form-control, .refer_secbox .form-select {
        height: 50px;
    }

    .form-group label {
        font-size: 14px;
    }

    .form-control {
        font-size: 15px;
    }

    .vdotext .title1 h1 {
        font-size: 34px;
    }

    .vdotext .title1 {
        width: 60%;
    }

    .banner_sec p {
        font-size: 15px;
    }
}

@media (max-width: 767.98px) {
    .bnr_left {
        padding: 65px 30px;
    }

    .bnr_right, .bnr_left {
        height: auto;
    }

    .p-80 {
        padding: 40px 0;
    }

    .sec1 p {
        font-size: 20px;
        line-height: 28px;
    }

    .on_counter .col-lg-3:nth-child(2) .counter_card:after {
        display: none;
    }

    .welcome_sec {
        padding: 0 0 40px;
    }

    .solutions_cardpic {
        height: 330px;
    }

    .solutions_tag {
        padding: 7px 10px;
        font-size: 12px;
        left: 0;
        right: 0;
        margin: 0 auto;
        word-break: break-all;
    }

    .journeys_action {
        right: 65px;
    }

    .comparison-box {
        aspect-ratio: 1024/550;
    }

    .footer_sec .title2 h2 {
        font-size: 32px;
        margin: 0;
    }

    .footer_sec h3 {
        font-size: 30px;
    }

    .inner_ban .title1 h1 {
        font-size: 40px;
    }

    .inner_ban {
        padding: 60px 0;
    }

    p {
        margin: 0 0 10px;
    }

    .our_mission .title3 p {
        width: 100%;
    }

    .point_card:after {
        display: none;
    }

    .patient_journeys .our_missionpic {
        width: 100%;
        border-radius: 15px;
        margin-bottom: 25px;
    }

    .contact_sec h2 {
        font-size: 30px;
    }

    .form-control {
        height: 52px;
        font-size: 15px;
    }

    textarea.form-control {
        height: 150px;
        padding: 15px;
    }

    .form-group label {
        margin-bottom: 5px;
    }

    .contact_innerbox .btn01 {
        font-size: 15px;
    }

    .gallery_gridpic {
        height: 250px;
    }

    .gallery_sec .nav-link {
        font-size: 14px;
        min-width: auto;
    }

    .gallery_sec .nav {
        gap: 5px;
        margin-bottom: 20px;
    }

    .refer_secbox .btn01 {
        font-size: 14px;
    }

    .refer_secbox .btn01:after {
        top: 6px;
    }

    .refer_secbox .mt-5 {
        margin-top: 2rem!important;
    }

    .refer_secbox h2 {
        font-size: 24px;
    }

    .vdotext .title1 {
        width: 80%;
    }

    .vdotext .title1 h1 {
        font-size: 30px;
    }

    .banner_sec .container-fluid {
        height: 410px;
    }

    .mouse {
        display: none;
    }
}

@media (max-width: 639.98px) {
    .headerarea .logo {
        max-width: 135px;
    }

    .bnr_left {
        padding: 25px 20px;
    }

    .title3 h3 {
        font-size: 28px;
    }

    p {
        font-size: 15px;
        margin: 0 0 10px;
    }

    .solutions_tag {
        width: 85%;
    }

    .solutions_cardpic {
        height: 280px;
    }

    .journeys_action {
        right: 40px;
    }

    .event_sec .title3 h3 {
        width: 100%;
        text-align: center;
    }

    .event_sec.p-80 {
        padding-bottom: 90px;
    }

    .event_sec .btn01 {
        top: auto;
        right: 0;
        left: 0;
        display: table;
        margin: 0 auto;
        bottom: -60px;
    }

    #backToTop {
        width: 35px;
        height: 35px;
    }

    .footerlogo {
        width: 170px;
    }

    .copyright h6 {
        font-size: 14px;
    }

    .inner_ban .title1 h1 {
        font-size: 32px;
    }

    .contact_innerbox {
        padding: 25px 20px;
        border-radius: 15px;
    }

    .contact_sec h2 {
        font-size: 26px;
    }

    .contact_sec h5 {
        font-size: 16px;
    }

    .refer_secbox {
        border-radius: 15px;
        padding: 20px;
    }

    .refer_secbox .form-control, .refer_secbox .form-select {
        height: 45px;
    }

    .refer_secbox .form-group {
        margin-bottom: 0px;
    }

    .footer_sec .title2 h2 {
        font-size: 28px;
    }

    .vdotext .title1 h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .vdotext .title1 {
        width: 100%;
    }

    .banner_sec p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .banner_sec .container-fluid {
        height: 350px;
    }

    .vdotext {
        width: min(90%, 1100px);
    }
}

@media (max-width: 479.98px) {
    .morethan {
        right: 10px;
        bottom: 10px;
    }

    .sec1 p {
        font-size: 17px;
        line-height: 24px;
    }

    .on_counter h2, .on_counter h2 span {
        font-size: 50px;
    }

    .on_counter h6 {
        font-size: 13px;
    }

    .welcome_secpic {
        margin: 0 auto 55px;
    }

    .title3 h3 {
        font-size: 24px;
    }

    .solutions_cardpic {
        height: 250px;
    }

    .journeys_action {
        right: 15px;
    }

    .journeys-carousel {
        margin-top: 15px;
    }

    .journeys-carousel .owl-nav button.owl-prev, .journeys-carousel .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
    }

    .journeys-carousel .owl-nav button.owl-prev span::after, .journeys-carousel .owl-nav button.owl-next span::before {
        font-size: 16px;
    }

    .event_sec h4 {
        font-size: 21px;
    }

    .footer_sec {
        padding: 30px 0px 20px;
    }

    .footer_sec .title2 h2 {
        font-size: 26px;
    }

    .footer_sec ul li a {
        font-size: 15px;
    }

    .socialmedia ul li a {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .footer_sec ul li {
        margin-bottom: 5px;
    }

    .mouse {
        display: none;
    }

    .inner_ban .title1 h1 {
        font-size: 28px;
    }

    .inner_ban {
        padding: 45px 0;
        border-radius: 15px;
    }

    .about_sec1pic, .about_sec1pic2 {
        width: 100%;
    }

    .our_missionpic {
        height: auto;
        width: 100%;
    }

    .our_mission .title3 h5 {
        font-size: 20px;
    }

    .bx_icon {
        width: 55px;
        height: 55px;
        font-size: 22px;
    }

    .point_card h5 {
        font-size: 17px;
        width: 100%;
    }

    .patient_journeys h5 {
        font-size: 18px;
    }

    .patient_journeys .bx_icon img {
        max-width: 32px;
    }

    .asked_sec .accordion-button {
        font-size: 16px;
    }

    .point_circle {
        width: 80px;
        height: 80px;
        margin: 0 auto 15px;
    }

    .point_circle img {
        max-width: 30px;
    }

    .no_circle {
        width: 39px;
        height: 39px;
        font-size: 15px;
    }

    .inner_ban::before {
        border-radius: 15px;
    }

    .contact_sec .contact-map {
        height: 280px;
    }

    .info_box .info_card-img {
        width: 40px;
        height: 40px;
    }

    .info_box .info_card-img img {
        max-width: 16px;
    }

    .gallery_gridpic {
        height: 200px;
    }

    .nav-link {
        padding: 5px 12px;
    }

    .gallery_sec .nav-link {
        font-size: 13px;
    }

    .header-body {
        padding: 6px 10px;
    }

    .headerarea .gap-4 {
        gap: 10px!important;
    }
}

@media (max-width: 425px) {
}

@media (max-width: 414px) {
}

@media (max-width: 412px) {
    .journeys_action {
        right: 9px;
    }

    .title1 h1 {
        font-size: 26px;
    }

    .banner_sec p {
        margin-bottom: 10px;
        font-size: 14px;
        margin-top: 8px;
        line-height: 18px;
    }

    .gallery_gridpic {
        height: 185px;
    }

    .gallery_gridpic {
        height: 165px;
    }

    .banner_sec .container-fluid {
        border-radius: 15px;
    }

    .vdotext .title1 h1 {
        font-size: 20px;
    }
}

@media (max-width: 390px) {
    .journeys_action {
        right: 0px;
    }

    .difference_sec .btn01:after {
        background-size: 10px;
    }

    .title3 h3 {
        font-size: 20px;
    }

    .title1 h1 {
        font-size: 24px;
    }
}

@media (max-width: 384px) {
    .solutions_cardpic {
        height: 230px;
    }

    .journeys_action {
        width: 35px;
        height: 35px;
        top: 10px;
        font-size: 16px;
    }
}

@media (max-width: 375px) {
    .inner_ban .title1 h1 {
        font-size: 24px;
    }

    .contact_sec h2 {
        font-size: 24px;
    }
}

@media (max-width: 360px) {
    .journeys_action {
        top: 15px;
    }
}