@media only screen and (max-width:1399px) {
    section.banner .card h2 {
        font-size: 37px
    }

    section.testimonial .card {
        height: 379px
    }

    footer .size {
        width: 891px
    }

    .nav-links li a {
        font-size: 13px
    }

    .wrapper .logo img {
        width: 216px
    }
}

@media only screen and (max-width:1246px) {
    footer .size {
        width: 857px
    }
}

@media only screen and (max-width:1027px) {

    header .top_head a,
    header .top_head p {
        font-size: 11px
    }

    section.banner .card h2 {
        font-size: 31px
    }

    section.banner .card p {
        width: 62%
    }

    .nav-links li a {
        padding: 9px 8px
    }
}

@media screen and (max-width:992px) {

    #close-btn:checked~.btn.menu-btn,
    #menu-btn:checked~.btn.menu-btn,
    .wrapper .btn {
        display: block
    }

    .loader_div {
        left: 45%
    }

    .wrapper .nav-links {
        position: fixed;
        height: 100vh;
        width: 100%;
        max-width: 350px;
        top: 0;
        left: -100%;
        background: #1c335f;
        display: block;
        padding: 50px 0;
        line-height: 45px;
        overflow-y: auto;
        transition: .5s
    }

    .mega-box,
    .nav-links .drop-menu {
        position: static;
        top: 65px;
        opacity: 1;
        visibility: visible;
        max-height: 0;
        overflow: hidden
    }

    #menu-btn:checked~.nav-links {
        left: 0
    }

    .btn:hover {
        border: 1px solid transparent !important;
        box-shadow: none
    }

    .nav-links li {
        margin: 15px 10px
    }

    .nav-links li a {
        padding: 0 20px;
        display: block;
        font-size: 16px;
        color: #fff
    }

    .nav-links .mega-box .content li a {
        padding-left: 0
    }

    .nav-links .drop-menu {
        width: 100%;
        box-shadow: none;
        transition: .3s;
        background: #152748
    }

    #showDrop1:checked~.drop-menu,
    #showDrop2:checked~.drop-menu,
    #showDrop3:checked~.drop-menu,
    #showDrop:checked~.drop-menu,
    #showMega1:checked~.mega-box,
    #showMega:checked~.mega-box {
        max-height: 100%
    }

    .mega-box .content img,
    .nav-links .desktop-item {
        display: none
    }

    .nav-links .mobile-item {
        display: block;
        color: #f2f2f2;
        font-size: 16px;
        font-weight: 500;
        padding-left: 20px;
        transition: .3s
    }

    .drop-menu li {
        margin: 0;
        padding: 0
    }

    .drop-menu li a {
        border-radius: 5px;
        font-size: 16px
    }

    .mega-box .content .row li {
        margin-top: 5px;
        margin-bottom: 22px !important
    }

    .mega-box {
        transition: .3s
    }

    .mega-box .content {
        box-shadow: none;
        padding: 20px 0;
        background: #152748
    }

    .mega-box .content .row {
        width: 100%;
        margin-bottom: 15px;
        border-top: 1px solid rgba(255, 255, 255, .08)
    }

    .mega-box .content .row:first-child,
    .mega-box .content .row:nth-child(2) {
        border-top: 0;
        margin: 0 auto
    }

    .mega-box .content .text_body h5,
    .mega-box .content .text_body p {
        color: #fff !important
    }

    section.banner .card img {
        height: 37vh
    }

    section.testimonial_page .card {
        height: 352px
    }

    .btn1:hover {
        border: 1px solid #e4a400 !important;
        color: #e4a400;
        background-color: transparent
    }

    .chosen-container {
        width: 100% !important
    }
}

@media only screen and (max-width:650px) {

    .fancybox__content,
    section.department .table_div {
        width: 100% !important
    }

    header .top_head .numbers {
        display: none !important
    }

    section.department .btn_fixed {
        position: static;
        top: 0;
        right: 0
    }

    section.department .flex_1 {
        gap: 30px;
        justify-content: space-between;
        margin-right: 0;
        position: relative;
        flex-direction: column-reverse
    }

    section.department .fs-5 {
        font-size: 16px !important
    }

    section.department .fs-2 {
        font-size: 26px !important
    }

    .loader_div {
        left: 39%
    }

    .fancybox__content {
        height: 583px !important
    }
}

@media only screen and (max-width:600px) {

    .table>:not(caption)>*>*,
    a,
    label,
    li,
    p,
    section.consultants .card .card-body .heading__1,
    section.department p,
    ul li {
        font-size: 14px !important
    }

    header .top_head a,
    header .top_head p {
        font-size: 13px !important
    }

    section.banner .card h2 {
        font-size: 26px;
        width: 100%
    }

    section.banner .card .card-img-overlay {
        background: linear-gradient(90deg, rgba(217, 217, 217, .75) 55.2%, rgba(217, 217, 217, 0) 112%)
    }

    section.blog-details .event_img {
        height: 204px;
    }

    section.banner .card p,
    section.incubators .flex .month,
    section.reach .flex>div,
    section.stay .row p {
        width: 100%
    }

    section.banner .card img {
        height: auto
    }

    section.banner .card .para {
        display: none
    }

    .btn1 {
        padding: 4px 26px;
        font-size: 14px
    }

    section.banner h5,
    section.overview .pdf_box h5 {
        font-size: 16px !important
    }

    .js-conveyor-1 {
        transform: translateY(2px) !important
    }

    section.stay .appoint {
        font-size: 18px
    }

    section.stay .one {
        width: 35px;
        height: 35px
    }

    section.initiate,
    section.patient-service,
    section.testimonial {
        padding: 3rem 0
    }

    section.patient-service .card-body {
        padding: 1.2rem !important
    }

    section.consultant .consultant-owl img {
        height: 42vh;
        width: 42vh !important;
        margin: 0 auto
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 20px
    }

    section.testimonial .card {
        height: 330px
    }

    section.case-study .overlay-content .overlay,
    section.gallery .overlay-content .overlay {
        opacity: 1;
        height: 100%
    }

    section.case-study .text,
    section.gallery .text {
        opacity: 1
    }

    footer .size {
        width: auto
    }

    footer iframe {
        height: 350px !important
    }

    section.other_banner img {
        height: 30vh;
        object-position: 61%
    }

    section.other_banner .card-img-overlay {
        background: linear-gradient(90deg, rgb(0 0 0 / 23%) 26.33%, rgb(0 0 0 / 34%) 52.72%)
    }

    section.mission .box {
        padding: 1.3rem
    }

    .table {
        table-layout: auto
    }

    section.csr .csr-ul li {
        margin-left: 1.2rem;
        font-size: 14px
    }

    .table_div {
        overflow-x: scroll
    }

    .accordion-item:first-of-type .accordion-button {
        font-size: 14px
    }

    section.department .csr-ul li {
        margin-left: 1.2rem
    }

    section.department .blood_more {
        width: 100% !important
    }

    section.reach .flex {
        flex-direction: column;
        gap: 0 !important
    }

    section.reach .feed-check {
        width: 25px
    }

    section.testimonial_page .owl-nav .owl-next,
    section.testimonial_page .owl-nav .owl-prev {
        position: inherit
    }

    section.testimonial_page .owl-nav .owl-next span,
    section.testimonial_page .owl-nav .owl-prev span {
        font-size: 28px
    }

    section.inpatient .progressbar {
        width: 84% !important
    }

    section.inpatient .pay_now {
        padding: 5px 26px !important
    }

    section.consultants .card .body___1 {
        padding: 9px 8px
    }

    section.consultants .card .btn__5,
    section.consultants .card .card-body .text__1 {
        font-size: 10px !important
    }

    section.consultant .consultant-owl .owl-nav img {
        width: 100% !important;
        height: 100% !important
    }

    .owl-carousel .owl-nav button.owl-next:hover,
    .owl-carousel .owl-nav button.owl-prev:hover {
        background: 0 0
    }

    .reg_now {
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%
    }

    .reg_now .btn1 {
        transform: rotate(0);
        padding: 7px 12px;
        width: 100%;
        font-size: 16px
    }

    section.case-study .card img {
        height: 357px;
    }

    section.other_banner .parent_author {
        column-gap: 0;
        row-gap: 9px;
        flex-direction: column;
        align-items: start;
    }

    section.other_banner .author__case {
        padding: 6px 10px;
    }

    section.other_banner .parent_author .author__case .btn1 {
        font-size: 13px !important;
            padding: 6px 13px !important;
    }

    section.case-details .main_img {
        height: 231px !important;
    }


    footer .bottom-footer {
        margin-bottom: 35px !important
    }
}

@media only screen and (max-width:500px) {
    section.fliter .fliter {
        display: block
    }

    section.fliter .fliter div:first-child {
        margin-bottom: 20px
    }

    .ambu {
        width: 27px
    }

    .svg-icn {
        width: 20px !important;
        height: 20px !important
    }
}