@media (max-width:1399.98px) {
    .banner-about-us p {
        font-size: 25px;
        line-height: 31px;
    }

    .banner-about-us h1 {
        font-size: 50px;
        line-height: 56px;
    }
}

@media (max-width:1199.98px) {
    .related-blog h2 {
        font-size: 30px;
    }
   

    .header {
        padding-top: 0;
    }

    .bg-link::before,
    .bg-link.active::before {
        top: 0;
        height: 100%;
    }

    .navbar-nav {
        margin-top: 10px;
    }

    .nav-link.bg-link,
    .nav-link {
        text-align: start;
        padding: 0.3rem;
        margin: 0.25rem;
    }
    .card-blog .card-title {
        font-size: 30px;
        line-height: 33px;
    }

}

@media (max-width:1199.98px) and (min-width:992px) {
    .aaa::before {
        z-index: -1;
    }

    .surface-image {
        width: 80%;
    }

    .banner-right-2::before {
        content: '';
        bottom: 45px;
        width: 191px;
        height: 84px;
        left: -9px;
        position: absolute;
        background: url(../images/bannerImages/Group55.png);
        z-index: -1;
    }
    .bg-img-left::before {
        right: 11.5%;
    }
    .interaction-section .bg-img-left::before {
        left: 11.5%;
    }
    .bg-img-left::after {
        right: 11%;
    }
    .interaction-section .bg-img-left::after {
        left: 11%;
    }
}

@media (max-width:991.98px) {
    .banner {
        background-size: cover;
    }

    .why-us-image::after {
        top: 638px;
    }

    .why-us-image::after {
        left: 182px;
    }

    .aaa::before {
        z-index: -1;
    }

    .why-us-image {
        display: flex;
        justify-content: center;
    }

    .banner-right {
        padding: 0 !important;
        display: flex;
        margin-top: 8rem !important;
        position: relative;
        justify-content: center;
    }

    .banner-left::after {
        top: 10%;
    }

    .banner-left::before {
        top: 35%;
    }

    .triangle-image,
    .surface-image {
        display: none;
    }



    .footer-content {
        line-height: 26px;
    }


    .footer-logo-address {
        display: block;
    }
    .banner-about-us h1 {
        font-size: 45px;
        line-height: 51px;
    }

    .banner-square-img {
        margin-top: 7rem;
    }

    .banner-sub-header::before {
        top: 80%;
        right: 0;
    }

    .img-relative {
        top: 0;
        margin-bottom: 2rem;
    }

    .img-relative-top {
        top: 0;
    }

    .dots-arpm::before,
    .dots-arpm::after {
        bottom: 0;
    }

    .carousel-conditions-text {
        font-size: 16px;
        line-height: 18px;
    }

    /* .row-reverse .bg-img-arpm {
        margin: auto;
    } */

    .banner-ARPM .dots-h-v::after {
        bottom: 10%;
    }

    .padding-section {
        padding: 40px 0;
    }

    #slide-panel {
        height: 740px;
        right: -80%;
        width: 80%;
    }

    .banner-request::before {
        background-size: 100% 100%;
        top: 0;
        right: 0;
    }

    #slide-panel .btn {
        margin-top: 0;
    }

    .bg-comm {
        flex-wrap: wrap;
        text-align: center;

    }

    .bg-comm h2 {
        font-size: 20px;
        line-height: 24px;
        max-width: 100%;
    }

    .bg-comm .btn-white {
        margin: 1rem auto 0;
    }

    .banner-header {
        font-size: 45px;
        line-height: 51px;
    }
    .bg-img-arpm {
        margin: auto;
    }
    .why-us-point::before {
        bottom: 25px;
    }
    .why-us::after {
        bottom: 50px;
    }
    .square-left-under-text {
        left: 10px;
    }
}

@media (max-width:767.98px) {

    .banner-left h2 {

        font-weight: 800;
        font-size: 40px;
        line-height: normal;
        text-transform: capitalize;
        color: #F7A72B;
        padding-bottom: 19px;
    }

    .banner-left p {

        font-size: 23px;
        line-height: 29px;

    }

    .aaa::before {
        left: 0px;
    }

    .why-us-image::before {
        left: 0;

    }

    .banner-about-us p,
    .banner-about-us h1,
    .banner-sub-header p {

        max-width: 85%;
        /* margin: auto; */
    }
    .banner-contact-us .banner-sub-header p, .banner-default .banner-sub-header p{
        margin: auto;
    }
    .title p {
        font-size: 24px;
        line-height: 28px;
    }

    .accordion-header span {
        font-size: 18px;
        line-height: 22px;
    }

    .banner-sub-header p {
        font-size: 20px;
        line-height: 26px;
    }

    .square-left-bottom::before {
        left: 10px;
    }
    .card-blog .card {
        min-height: auto;
    }
    .card-text-btn {
        height: auto;
    }
    .row-gap-ph {
        grid-row-gap: 30px;
    }
    .physician-page p {
        margin-bottom: 15px;
        max-width: 100%;
    }
}

@media (max-width:567px) {
    .bg-img-arpm {
        margin: 10px 20px;
    }

    .img-absolute {
        top: 10%;
        height: 100%;
    }

    .title-section {
        font-size: 25px;
        line-height: 30px;
    }

    .form-contact-us-content {
        padding: 75px 30px;
    }

    .dots-arpm::before,
    .dots-arpm::after {
        top: 25px;
    }
    .accordion-header span {
        font-size: 14px;
        line-height: 18px;
    }
    .accordion-body {
        font-size: 12px;
        line-height: 16px;
    }
    .banner-contact-us  {
        text-align: start;
    }

    .banner-contact-us .banner-sub-header, .banner-contact-us .banner-header {
        max-width: 90%;

    }
    .banner-contact-us .banner-header {
        margin: auto;
    }
    .card-blog-details.card-blog .card-body {
        margin: 0 0px 30px;
    }

}

@media (min-width:371px) and (max-width:499.98px) {
    .bg-img-arpm {
        max-height: 350px;
    }

}

@media (max-width:499px) {

    .bg-img-left {
        margin: 10px 15px;
        max-height: 360px;
    }
    .bg-img-home-test {
        height: 100%;
        margin: 10px 20px;
    }

    .bg-img-home-test::before {
        left: 41%;
    }

    .awv-row-section .bg-img-arpm::before {
        right: 10px;
    }

    .banner-right-3::before {

        height: 60%;
    }

    .banner-right-1::after {
        top: -45px;
        width: 50%;
        height: 50%;
    }

    .banner-right-2::before,
    .banner-right-1::before {
        width: 50%;
        height: 50%;
    }

    .banner-right-1::before {
        top: -30%;
    }

    .carousel-testimonials-text::before {
        width: 100%;
    }

    .banner-header,
    .banner-about-us h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .banner-about-us p {
        font-size: 20px;
        line-height: 26px;
        margin-top: 10px;
    }
}

@media (max-width:370.98px) {
    .why-us-image::after {
        left: 77px;
        top: 536px;
    }

    .bg-img-arpm {
        max-height: 250px;
    }

}