@media (min-width:992px) {
    .navbar-nav .dropdown-menu {
        width: 300px
    }
    .medi-header ul li a {
        white-space: unset
    }
    .app-datein {
        position: relative;
        background: url('https://cdn-icons-png.flaticon.com/16/747/747310.png') right 10px center/16px no-repeat;
        padding-right: 30px
    }
   
}

@media (min-width:1025px) and (max-width:1200px) {
    .specializedpoints h3 {
        font-size: 40px;
    }
    .book-box h3 {
        font-size: 40px;
    }
    .book-box p {
        font-size: 21px;
        margin-top: 15px;
    }
    .section-banner {
        height: 80vh
    }
    .app-datein {
        position: relative;
        background: url('https://cdn-icons-png.flaticon.com/16/747/747310.png') right 10px center/16px no-repeat;
        padding-right: 30px
    }
    .owl-carousel .owl-dots {
        position: relative;
        bottom: 0;
        right: 0
    }
    .service-content {
        bottom: 2px
    }
    .medi-header ul li {
        margin: 0 8px
    }
    .hbanner-txt span {
        font-size: 50px !important
    }
    .company-txt {
        margin-left: 0;
        margin-top: 25px
    }
    .company-txt span {
        font-size: 25px
    }
    .company-txt p {
        font-size: 17px;
        line-height: 30px
    }
    .service-box h4 {
        font-size: 30px
    }
    .about1txt p,
    .service-box p {
        font-size: 20px
    }
    .about1txt ul li {
        font-size: 20px;
        line-height: 39px
    }
    .h-animatesec .main-img {
        top: 9rem !important
    }
    .aboutmsg-img img {
        width: 100%
    }
    .service-heading {
        margin-bottom: 60px;
    }
    .mission-vision .service-heading{
        margin-top:20px;
    }
    .specialties-sec::before {
        right: 50vw;
        top: 60px;
        height: 141px;
        width: calc(100% - 300px);
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .header-btn {
        margin-top: 5px;
        margin-left: 10px;
    }
    .medi-header .navbar-nav{
            align-items:center;
    }
    .section-banner {
        position: relative;
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 100%;
        margin-top: 60px
    }
    .service-content {
        position: absolute;
        z-index: 1;
        bottom: 2px;
        left: 15px
    }
    .hbanner-txt span {
        font-size: 45px !important
    }
    .app-datein {
        position: relative;
        background: url('https://cdn-icons-png.flaticon.com/16/747/747310.png') right 10px center/16px no-repeat;
        padding-right: 30px
    }
    .btn-close {
        box-shadow: none !important
    }
    .medi-header .navbar-brand {
        margin: 0
    }
    .medi-header ul li {
        margin: 0 8px
    }
    .medi-header ul li a{
        font-size: 15px;
    }
    .banner1 {
        height: auto;
        background-size: contain
    }
    .hbanner-cls {
        height: 35vh
    }
    .top-btn1 span {
        display: none
    }
    .book-box h3 {
        font-size: 19px
    }
    .service-heading h3 {
        font-size: 30px
    }
    .aboutmsg-img img {
        width: 100%
    }
    .specialties-sec .service-heading {
        margin-bottom: 60px;
        margin-top: -10px;
    }
    .mission-vision .service-heading{
        margin-top: -10px;
    }
   
    .specialties-sec::before {
        content: "";
        position: absolute;
        left: -191px;
        bottom: 0;
        background: #f8f1e2;
        z-index: 0;
        border-radius: 0 200px 200px 0;
        right: 50vw;
        top: 33px;
        height: 170px;
        width: calc(80% - 100px)
    }
    .mission-vision::before{
        top: 10px;
    }
    .service-box h4 {
        font-size: 28px
    }
    .service-box p,
    .service-btn a {
        font-size: 22px
    }
    .service-box img {
        width: 120px
    }
    .about1txt p {
        font-size: 24px;
        line-height: 38px
    }
    .about1txt ul li {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 20px
    }
    .header-btn a,
    .header-btn button {
        font-size: 23px
    }
    .h-animatesec .main-img {
        top: 10rem !important
    }
    .company-txt {
        margin-left: 0
    }
    .company-txt p {
        font-size: 20px;
        line-height: 40px
    }
    .top-btn1 {
        padding: 8px;
        width: 60px;
        height: 60px
    }
    .top-btn1 a img {
        width: 25px;
        margin: 0
    }
}

@media (min-width:768px) and (max-width:991.90px) {
    .header-btn {
        margin-top: 15px;
        margin-left: 10px;
    }
   
    .section-banner {
        height: 75vh
    }
    .circle-about img,
    .top-btn1 {
        height: 55px;
        width: 55px
    }
    .nav-link:focus-visible {
        box-shadow: none
    }
    .header-btn {
        margin-top: 25px
    }
    .circle-about {
        padding: 6px 5px
    }
    .badge {
        --badge-size: 120px
    }
    .btn-close {
        box-shadow: none !important
    }
    .hbanner-txt span {
        font-size: 38px !important
    }
    .hbanner-txt h1 {
        font-size: 50px !important
    }
    .specialties-sec::before {
        left: -191px;
        right: 48vw;
        top: 20px;
        height: 174px;
        width: calc(100% - 100px)
    }
    .service-heading h3 {
        margin-bottom: 60px
    }
    .appoint-icon {
        display: inline-block
    }
    .header-btn a,
    .header-btn button {
        padding: 12px 15px
    }
    .top-btn1,
    .top-btn1 a {
        padding: 0
    }
    .phone-care {
        display: block
    }
    .desktop-care,
    .top-btn1 span {
        display: none
    }
    .main-img {
        position: relative !important
    }
    .h-animatesec .main-img {
        top: -15rem !important
    }
    .company-txt {
        margin-left: 0;
        margin-top: 20px
    }
    .company-txt span {
        font-size: 25px
    }
    .company-txt p {
        font-size: 20px;
        line-height: 40px
    }
    .mission-vision::before {
        height: 165px
    }
    .aboutmsg-img img {
        width: 100%
    }
    .back-to-top {
        font-size: 18px
    }
    .top-btn1 a img {
        margin-left: 0;
        width: 25px;
        margin-top: 5px
    }
    .top-btn1 {
        background: #2a3b8f;
        right: 30px;
        margin-left: 0
    }
    .owl-carousel .owl-dots {
        position: relative;
        bottom: 0;
        right: 0;
        bottom: 10px I !important
    }
    .service-content {
        bottom: 28px
    }
    .tesimonials-homeheadsec {
        margin-top: -8rem
    }
}

@media (min-width:576px) and (max-width:767px) {
    .header-btn {
        margin-top: 15px;
        margin-left: 10px;
    }
    .specialized-pointxt {
        text-align: center;
        margin-top: 15px;
    }
    .specializedpoints li {
        list-style: none;
    }
    .section-banner {
        position: relative;
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 100%;
        margin-top: 60px
    }
    .btn-close {
        box-shadow: none !important
    }
   
    .banner1 {
        height: auto;
        background-size: contain
    }
    .hbanner-cls {
        height: 52vh
    }
    .hbanner-txt span {
        font-size: 30px !important
    }
    .hbanner-txt h1 {
        font-size: 40px !important;
        margin-top: 15px
    }
    #customers-testimonials.owl-carousel .owl-dots {
        bottom: 0;
        margin: auto;
        position: relative !important;
        right: 0
    }
    #customers-testimonials .item {
        margin-bottom: 20px
    }
    .book-box {
        padding: 30px
    }
    .best-dochome .owl-stage-outer .owl-item h3,
    .book-box h3,
    .copyright p,
    .fmenu h3,
    .service-content h2 a {
        font-size: 15px
    }
    .appoint-page .appoint-type label,
    .book-box p {
        font-size: 14px
    }
    .phone-care {
        display: block
    }
    .desktop-care,
    .top-btn1 span {
        display: none
    }
    .h-animatesec .main-img {
        position: relative !important;
        margin-bottom: 30px;
        top: -17rem !important
    }
    .mission-vision::before {
        height: 135px !important;
        right: 55vw
    }
    .testi-content {
        padding: 5px;
        margin: 5px
    }
    .best-dochome p {
        width: 65%
    }
    .service-txt {
        padding: 15px
    }
    .about1txt p {
        font-size: 20px;
        line-height: 35px
    }
    .about1txt ul li {
        line-height: 40px;
        font-size: 22px
    }
    .service-box p {
        font-size: 14px;
        margin-right: 0
    }
    .service-heading h3 {
        font-size: 35px;
        margin-bottom: 45px
    }
    .service-box h4 {
        font-size: 25px
    }
    .service-btn a {
        font-size: 20px
    }
    .about1txt .subheading {
        line-height: 20px
    }
    .headings2 h2 {
        font-size: 35px !important;
        line-height: 45px !important;
        margin-top: 30px
    }
    .contact-home input,
    .contact-home textarea,
    .fabout p,
    .fcontactd li,
    .fmenu ul li a,
    .newsletterfrm p,
    .specializedpoints li,
    .top-btn1 a {
        font-size: 13px
    }
    .appoint-icon {
        display: inline-block
    }
    .newsletterfrm input {
        padding: 10px;
        margin-bottom: 12px
    }
    .fabout {
        border-bottom: 1px solid #35429a;
        margin-bottom: 30px
    }
    .fabout p {
        margin-right: 1rem
    }
    .fmenu ul li a {
        line-height: 30px
    }
    .fcontactd li i {
        margin-right: 5px;
        margin-left: -20px
    }
    .fcontactd li a {
        font-size: 13px !important
    }
    .fcontactd li {
        line-height: 35px
    }
    #newsletter {
        display: block !important
    }
    .newsletterfrm h5 {
        margin-top: 15px
    }
    footer {
        padding: 60px 0 20px !important
    }
    .top-btn1 {
        top: 80%;
        right: 10px;
        width: 48px;
        height: 48px;
        padding: 0
    }
    .contactheading h3 {
        margin: 0 0 40px
    }
    .top-btn1 a {
        padding: 0
    }
    .company-txt,
    .top-btn1 a img {
        margin-left: 0
    }
    .back-to-top {
        z-index: 99;
        right: 5px
    }
    .bread-banner {
        padding: 3rem 0 1rem
    }
    .circle-about {
        padding: 18px 15px
    }
    .badge {
        --badge-size: 135px
    }
    .mission-vision {
        background: #f8f9fa
    }
    .mission-vision .service-heading {
        margin-top: -15px
    }
    .caresec-heading {
        top: 3%
    }
    .scrolling-text-container {
        padding: 0
    }
    .scrolling-text-item {
        font-size: 40px;
        padding: 0 15px
    }
    .snow {
        width: 40px
    }
    .as-heading h3,
    .bread-txt h1 {
        font-size: 30px
    }
    .single-service-box {
        margin-bottom: 0
    }
    .aboutmsg-img img,
    .specializedtxt p {
        width: 100%
    }
    .specialized-pointxt img {
        margin-bottom: 15px;
        width: 65px;
        padding: 10px;
        box-shadow: 0 1px 6px 2px #80808000
    }
    .specializedpoints h3 {
        font-size: 17px;
        font-weight: 700
    }
    .specialized-expert h4 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500
    }
    .best-dochome .viewalldoc {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 0 30px;
        margin-top: 5px !important;
        position: relative;
        bottom: 0
    }
    .testimonial-name {
        padding: 9px 20px
    }
    .specialties-sec::before {
        right: 50vw;
        top: 35px;
        height: 145px;
        width: calc(100% - -100px);
    }
    .mission-vision::before {
        top: 25px;
        width: calc(100% - 80px)
    }
    .msg-contain {
        border-radius: 15px
    }
    .homecare-sec .ratio-1x1 {
        margin-bottom: -12rem
    }
}

@media(max-width:575px) {
    .about1txt,
    .service-box p {
        margin-right: 0
    }
    .count-img h2,
    .count-number,
    .p-form,
    .specialized-pointxt {
        text-align: center
    }
    .pd-60 {
        padding: 30px 0
    }
    .service-content {
        left: 25px;
        bottom: 20px
    }
    .banner1 {
        height: 28vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: center
    }
    .hbanner-cls {
        height: 30vh
    }
    .hbanner-txt h1 {
        font-size: 25px !important;
        line-height: 29px;
        margin-top: 12px
    }
    .main-banner {
        margin-top: 2rem
    }
    .about1txt,
    .about1txt p {
        margin-top: 0
    }
    .hbanner-txt span {
        font-size: 14px !important
    }
    .offcanvas-sm {
        background-color: #fff !important
    }
    .nav-link:focus-visible {
        box-shadow: none
    }
    .form-check-inline,
    .phone-care {
        display: block
    }
    .desktop-care,
    .top-btn1 a span {
        display: none
    }
    .ratio::before {
        display: inline
    }
    .btn-close,
    .medi-header .navbar-toggler:focus {
        box-shadow: none !important
    }
    .medi-header .navbar {
        padding: 0 !important
    }
    .medi-header .navbar-toggler {
        border: none !important;
        padding: 0;
        box-shadow: none !important
    }
    .medi-header img {
        width: 110px
    }
    .header-btn .callbtn img {
        width: 15px;
        margin-left: 5px
    }
    .aboutservices .owl-carousel .owl-dots {
        margin-bottom: -10px;
        margin-top: 0;
        position: relative;
        text-align: center;
        bottom: 0;
        right: 0
    }
    .appoint-txt h3 {
        font-size: 20px !important;
        margin-bottom: 20px !important
    }
    .appoint-txt p,
    .contact-address .info-icon i {
        font-size: 17px
    }
    .about1txt .subheading,
    .appoint-page .appoint-type label,
    .bread-txt a,
    .breadcrumb-item+.breadcrumb-item::before,
    .contactheading span,
    .info-address p,
    .newsletterfrm p,
    .service-heading span,
    .specialized-expert p,
    .testi-texthome p {
        font-size: 13px
    }
    .owl-carousel .owl-dots {
        position: relative;
        right: auto;
        margin-top: 5px
    }
    .testi-content video.testi-video {
        width: 100%;
        height: 400px
    }
    .videohome-testi .owl-carousel .owl-dot {
        background-color: #f8c24d !important
    }
    .videohome-testi .owl-carousel .owl-dot.active {
        background: #35429a
    }
    .about1txt ul li i {
        margin-left: -20px;
        margin-right: 5px
    }
    .about1txt ul {
        padding: 0 15px
    }
    .top-btn1 {
        right: 5px;
        z-index: 999999;
        padding: 0 2px;
        top: 80%
    }
    .at-time .atwhattime {
        line-height: 40px
    }
    .company-txt,
    .top-btn1 a img {
        margin-left: 0
    }
    .top-btn1 a {
        font-size: 11px;
        padding: 7px 12px;
        right: 45px
    }
    .book-box {
        padding: 30px
    }
    .book-box h3,
    .service-box h4,
    .testi-texthome h4 {
        font-size: 18px
    }
    .book-box p {
        font-size: 13px;
        margin: 0
    }
    .book-img img {
        width: 23px
    }
    .mission-vision .service-heading {
        margin-bottom: 60px
    }
    .specialties-sec .service-heading h3 {
        line-height: 28px
    }
    .specialties-sec::before {
        left: -238px;
        right: 50vw;
        top: 15px;
        height: 105px;
        width: calc(100% - -230px)
    }
    .headings2 h2 {
        font-size: 25px !important;
        line-height: 35px !important
    }
    .about1txt p,
    .about1txt ul li {
        font-size: 13px;
        line-height: 22px
    }
    .about1txt ul li {
        font-weight: 500;
        margin-bottom: 15px
    }
    .service-heading h3 {
        font-size: 25px;
        line-height: 22px;
        margin-bottom: 15px
    }
    .service-txt {
        padding: 15px
    }
    .service-box img {
        padding: 5px;
        width: 45px
    }
    .service-box p {
        font-size: 13px
    }
    .specialties-sec .service-box {
        margin: 5px 0
    }
    .service-btn a {
        font-size: 15px
    }
    .service-btn {
        padding: 8px
    }
    .appoint-icon {
        display: inline-block
    }
    .appoint-start h3 {
        margin-top: 15px;
        font-size: 25px
    }
    .appoint-sec .appoint-start {
        padding: 45px 15px
    }
    .appoint-start p {
        padding: 8px;
        font-size: 15px;
        margin: 10px
    }
    .header-btn a {
        padding: 8px;
        font-size: 13px;
        margin: 0
    }
    .about-company .company-txt,
    .about2-img {
        margin-top: 30px
    }
    .best-dochome p {
        width: 100%;
        font-size: 13px
    }
    .best-dochome .viewalldoc {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 0 30px;
        margin-top: 5px !important;
        position: relative;
        bottom: 0
    }
    .testimonial-name {
        padding: 9px 20px;
        box-shadow: none
    }
    .owl-carousel .owl-dot {
        width: 8px;
        height: 8px
    }
    #customers-testimonials.owl-carousel .owl-dots {
        bottom: 0
    }
    #customers-testimonials .item {
        margin-bottom: 0
    }
    .shadow-effect {
        box-shadow: none
    }
    .bestdoc-form {
        width: 100%;
        margin-top: 15px !important
    }
    .bestdoc-form select {
        margin-right: 2px;
        font-size: 13px
    }
    .h-animatesec .main-img {
        top: 0 !important;
        position: relative !important;
        margin-bottom: 30px
    }
    .contactheading h3 {
        font-size: 25px;
        margin: 10px 0 20px
    }
    .p-form {
        padding: 2rem 0
    }
    .p-form .header-btn a {
        padding: 7px 21px
    }
    .center-care {
        width: 85px
    }
    .caresec-heading {
        padding-top: 55px;
        position: relative;
        top: 0;
        left: 0;
        transform: none
    }
    .tesimonials-homeheadsec {
        padding: 2rem 0
    }
    .bread-txt h1,
    .specialized-expert h3,
    .tesimonials-homeheadsec h2 {
        font-size: 25px
    }
    .testimonials-home {
        margin-top: 1rem
    }
    .testi-content {
        padding: 10px;
        height: auto
    }
    .contact-home input,
    .contact-home textarea {
        padding: 7px;
        font-size: 12px;
        margin-bottom: -2px
    }
    .contact-home .col-12,
    .specializedpoints li {
        margin: 0
    }
    .fabout p {
        font-size: 13px;
        line-height: 20px;
        margin-right: 0
    }
    .fmenu ul li a {
        font-size: 13px !important;
        line-height: 25px
    }
    .bread-txt .breadcrumb-item.active,
    .fcontactd li {
        font-size: 13px;
        line-height: 30px
    }
    .fmenu h3 {
        font-size: 15px;
        letter-spacing: .4px
    }
    .copyright p {
        font-size: 12px
    }
    .bread-banner {
        padding: 1rem 0
    }
    .counter-section {
        margin-top: 0;
        padding: 20px 0
    }
    .count-img h2,
    .service-line {
        margin-top: 15px
    }
    .count-img h2 {
        font-size: 19px;
        line-height: 22px;
        margin-left: 0
    }
    .as-heading h3,
    .counter-section .count-number .counter-box .counter {
        font-size: 22px
    }
    .counter-section .count-number .counter-box {
        font-size: 22px;
        border-top: 2px solid #80808008;
        display: block
    }
    .count-img img {
        margin: auto;
        width: 100%
    }
    .counter-section .count-number .counter-box p {
        font-size: 14px
    }
    .circle-about {
        border-radius: 21px;
        padding: 15px 10px
    }
    .circle-about .badge {
        --badge-size: 105px;
        --badge-size: 90px
    }
    .contactinfo-box {
        padding: 10px 0
    }
    .contact-address .info-icon {
        background: #d9d9d900;
        padding: 10px;
        font-size: 22px
    }
    .circle-about .badge__char {
        --char-font-weight: 300;
        --char-font-size: 8px
    }
    .circle-about img {
        width: 45px;
        height: 45px
    }
    .company-txt .headings2 h2 {
        font-size: 25px;
        line-height: 28px
    }
    .company-txt span {
        line-height: 38px
    }
    .company-txt p {
        font-size: 15px;
        line-height: 30px
    }
    .scrolling-text-item {
        font-size: 25px;
        padding: 0 15px
    }
    .snow {
        width: 30px
    }
    .scrolling-text-container {
        padding: 2px
    }
    .aboutservices p {
        line-height: 22px;
        font-size: 13px
    }
    .aboutmsg-img img {
        width: 100%
    }
    .pd-3rem {
        padding: 0
    }
    .specializedtxt p {
        width: 100%;
        margin: 10px auto auto;
        font-size: 13px;
        line-height: 20px
    }
    .specializedpoints li {
        font-size: 13px;
        list-style: none;
        line-height: 25px
    }
    .specialized-expert h4 {
        font-size: 17px;
        margin-top: 18px;
        line-height: 25px
    }
    .back-to-top {
        font-size: 15px;
        bottom: 25px;
        z-index: 9999
    }
    .specialized-pointxt {
        margin-bottom: 25px
    }
    .specialized-pointxt img {
        width: 60px;
        padding: 10px
    }
    .section-banner {
        position: relative;
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 100%;
        margin-top: 60px
    }
    .msg-contain {
        border-radius: 15px 0 0 15px
    }
    .app-datein {
        position: relative;
        background: url('https://cdn-icons-png.flaticon.com/16/747/747310.png') right 10px center/16px no-repeat;
        padding-right: 30px
    }
    .header-btn {
        margin-top: 15px;
        margin-left: 15px
    }
}