@media only screen and (max-width: 767px) {
    .navik-header .logo {
        padding: 10px 0;
        text-align: left;
    }

    .navik-header .logo img {
        max-width: 100%;
        height: 35px;
    }

    .overly-text {
        top: 10%;
    }

    .top-content h2 {
        font-size: 20px;
    }

    .bottom-content h4 {
        font-size: 15px;
        max-width: 100%;
    }

    .landing {
        height: 100vh;
    }

    .landing h2 {
        font-size: 2rem;
    }

    .landing p {
        font-size: 15px;

    }

    .overlay {
        --r: 150px;
        -webkit-mask: radial-gradient(circle var(--r) at 50% 80%, transparent 99%, black 100%);
        mask: radial-gradient(circle var(--r) at 50% 80%, transparent 99%, black 100%);
    }

    .navik-header {
        position: fixed;
        top: 0;
    }

    .dgm-about-thumb-wrap .about-img1 {
        height: 400px;
    }

    .banner-btn {
        display: block;
    }

    .main-heading h2 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .sub-heading p {
        font-size: 16px;
    }

    .main-list ul li {
        font-size: 16px;
    }

    section.section {
        padding: 30px 0;
    }

    .clip-card {
        border-right: 0;
        border-bottom: 1px solid #f6ad09;
    }

    footer.footer {
        margin: 0px 0px;
        border-radius: 0px;
        padding: 40px 0;
    }

    .counter-card {
        border-radius: 20px;
        padding: 40px 20px;
    }

    .main-heading-light h2 {
        font-size: 25px;
    }

    .main-heading h2 span {
        font-size: 25px;
    }

    .clip-card h2 {
        font-size: 25px;
    }

    .social-media-icons ul {
        gap: 5px;
    }

    .footer-logo img {
        width: 150px;
    }

    .banner-logo-shape {
        position: absolute;
        top: 43%;
        right: 0;
        width: 55rem;
        height: 100%;
        /* transform: rotate(-15deg); */
        overflow: hidden;
    }

    .btn-custom {
        display: inline-block !important;
        font-size: 13px !important;
    }

    section.section.inner-section {
        margin-top: 75px;
    }

    .inner-heading h2 {
        margin-top: 45px;
    }

    .breadcrumb>li {
        font-size: 14px;
    }

    .about-benefit-item .icon-box img {
        max-width: 45px;
    }

    .about-benefit-item .icon-box::before {
        width: 26px;
        height: 26px;
    }

    .about-benefit-item-content h3 {
        font-size: 16px;
    }

    .servive-col {
        min-height: auto;
    }

    .service-content h2 {
        font-size: 20px;
    }

    .contact-card .treat-tab {
        padding: 10px 20px;
        background: transparent;
        border: 1px solid #cd042c;
        border-radius: 30px;
        color: #cd042c;
        display: block;
        margin: 10px 0;
        width: 100%;
    }

    .bottom-border-form .form-control,
    .bottom-border-form .form-select {
        width: 85%;
    }

    .service-core-section .servive-col {
        min-height: auto;
    }

    .team-section .servive-col {
        min-height: auto;
    }

    .top-bar {
        display: none;
    }

    .tab-style1 .tab-group {
        display: flex;
        overflow-y: hidden;
        width: 100%;
    }

    .tab-style1 .tab-group::-webkit-scrollbar {
        display: none;
    }

    .zx-nav-shell {
        position: absolute;
        top: 20px;
    }

    .zx-burger-trigger {
        width: 20px;
        align-items: start;
    }

    .menu-items {
        padding: 16px 0 16px 22px;
    }

    .zx-panel-layer {
        top: 55px;
        width: 100%;
        border: 1px solid #cccccc;
        height: fit-content;
    }

    .banner-section {
        padding-top: 55px;
    }

    section.section.form-section {
        clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
        padding: 35px 0px 30px;
        margin-top: -15px;
    }

    .banner-form-text p {
        font-size: 15px;
    }

    .main-heading h3 {
        font-size: 18px;
    }

    .about-us-counter-box h1 {
        font-size: 30px;
    }

    .about-us-bottom-part .bottom-part-content h5 {
        font-size: 15px;
        font-weight: 600;
    }

    .about-us-bottom-part .bottom-part-ic {
        width: 15%;
    }

    .know-more-btn i {
        font-size: 12px;
    }

    .about-us-right-col.sub-heading p {
        font-size: 16px;
    }

    .about-us-right-col.sub-heading p i {
        font-size: 14px;
    }

    .location-col {
        width: 23%;
        padding: 5px;
    }

    .location-ic p {
        font-size: 14px;
    }

    .excellence-card .excellence-ic-box {
        width: 55px;
    }

    .excellence-card .excellence-ic-box .excellence-ic {
        height: 54px;
    }

    .excellence-beforebox {
        width: 67px;
    }

    .excellence-card .excellence-name p {
        font-size: 16px;
    }

    .excellence-card {
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .excellence-ic img {
        width: 30px;
        height: 30px;
    }

    .tab-style1 .treat-tab {
        font-size: 16px;
        padding: 3px 20px;
        border-bottom: 2px solid transparent;
        overflow: unset;
        display: block;
        white-space: nowrap;
    }

    .icon-diff-form .input-group-text img {
        width: 20px;
    }

    .excellence-search-list ul li {
        font-size: 16px;
        padding: 8px 25px 8px 0;
    }

    .main-heading-light h3 {
        font-size: 18px;
    }

    .sub-heading-light p {
        font-size: 16px;
    }

    .location-tab-bg {
        padding: 10px 10px 0;
    }

    .form_with_golden_border .input-group img {
        width: 22px;
    }

    .swiper {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 45px;
    }

    .hospital-card-content h3 {
        font-size: 18px;
    }

    .view-details {
        font-size: 17px;
    }

    .view-profile-btn {
        font-size: 14px;
    }

    .swiper-button-next i,
    .swiper-button-prev i {
        font-size: 17px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .swiper-button-prev {
        left: calc(60% - 77px);
    }

    .swiper-button-next {
        right: calc(55% - 60px);
    }

    .defult-card-content h3 {
        font-size: 18px;
    }

    .defult-card-content p {
        font-size: 15px;
    }

    .read-more {
        font-size: 15px;
    }

    .right-testimonial-col .big-img-testimonial {
        height: 345px;
    }

    .right-testimonial-card-img {
        width: 40%;
    }

    .right-testimonial-card-img img {
        height: 100px;
    }

    .right-testimonial-card-content h3 {
        font-size: 17px;
    }

    .right-testimonial-card-content h4 {
        font-size: 15px;
    }

    .health-tips-card.defult-card .defult-card-image img {
        height: 235px;
    }

    .icwithname {
        margin-bottom: 3px;
    }

    .icwith {
        width: 20px;
    }

    .main-btn {
        padding: 5px 30px;
        font-size: 14px;
    }

    .horizontal-card .right-testimonial-card-img {
        width: 40%;
    }

    .navik-menu>ul>li> {
        list-style: none;
    }

    .navik-menu>ul>li>a.navbar-button {
        padding: 3px 10px;
        display: inline-block;
        margin: 0;
    }

    .navbar-button i {
        padding: 6px;
    }

    .banner-top-box {
        display: none;
    }

    .banner-triangle-right {
        display: none;
    }

    .banner-top-right-box {
        display: none;
    }

    .inner-page-section {
        margin-top: 55px;
    }

    .inner-bg-color {
        height: auto;
    }

    .half-inner-section {
        max-width: 100%;
        padding-left: 10px;
    }

    .inner-page-counter {
        position: unset;
        border-radius: 0;
        padding: 30px 0;
        height: auto;
    }

    .shape-slider {
        clip-path: unset;
        height: auto;
        margin-right: 0;
    }

    .inner-slider.owl-carousel .owl-item img {
        height: 280px;
    }

    .inner-page-counter::before {
        display: none;
    }

    .owl-theme .owl-dots .owl-dot span {
        border: 1px solid #ffff;
    }

    .speciality-cta-box h2 {
        font-size: 18px;
    }

    .speciality-cta-box h2 span {
        font-size: 15px;
    }

    .speciality-cta-box.sub-heading p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .speciality-cta-box {
        border-right: 0px solid #abc7d6;
        border-bottom: 1px solid #abc7d6;
    }

    .chairman-img {
        margin-left: 0;
    }

    .owl-carousel .owl-item .awards-box-image img {
        width: 100%;
    }

    .awards-box-content h3 {
        width: 65%;
        font-size: 13px;
        line-height: 17px;
    }

    .awards-box-content {
        top: 25%;
    }

    .awards-and-achivemets-section .row .col-md-3::after {
        display: none;
    }

    .before-bottom-none::before {
        display: block;
    }

    .tab-section.treat-wrapper .treat-box {
        clip-path: unset;
        min-height: auto;
        padding: 30px 10px;
    }

    .tab-section.treat-wrapper .tab-group {
        position: unset;
        width: 100%;
        clip-path: unset;
        padding: 30px 0;
        min-height: auto;
    }

    .tab-section.treat-wrapper .tab-group button {
        padding: 10px;
        width: 100%;
        font-size: 16px;
    }

    .inner-page-heading {
        margin-top: 55px;
    }

    .doctor-details-card-content h3 {
        font-size: 22px;
    }

    .doctor-details-card-content p {
        font-size: 16px;
    }

    .inner-page-section.right-to-left-innerbanner .banner-top-box {
        display: block;
        border-bottom-right-radius: 0px;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .cross-imageWith-bottom-open {
        margin-top: 40px;
    }

    .inner-page-section.right-to-left-innerbanner .shape-slider {
        clip-path: unset;
        margin-right: auto;
        margin-left: 0;
    }

    .cross-imageWith-bottom-open img {
        height: 280px;
    }

    .bottom-open-text h3 {
        font-size: 20px;
    }

    .cross-imageWith-bottom-open .bottom-open-text img {
        width: 26px;
    }

    .bottom-open-text {
        border-bottom: 1px solid #f8f8f8;
    }

    .inner-page-section.right-to-left-innerbanner .main-heading-light h3 {
        font-size: 25px;
    }

    .iconwithtext ul li {
        font-size: 16px;
    }

    .right-half-inner-section {
        max-width: 100%;
        margin-right: auto;
        padding-left: 0;
    }

    .right-to-left-innerbanner .inner-page-counter {
        border-top-left-radius: 0;
    }

    .hospital-card {
        margin: 13px;
    }

    .bottom-footer p {
        font-size: 15px;
        text-align: center;
    }

    .footer .link-part h3 {
        font-size: 18px;
    }

    .zx-panel-layer {
        left: -100%;
        right: unset;
    }

    .zx-panel-layer.open {
        left: 0;
        right: unset;
    }

    .tab-section.treat-wrapper .tab-group button:last-child {
        border-bottom: 0;
    }

    .zx-nav-shell {
        display: none;
    }

    .swiper-nav {
        position: inherit;
    }

    .hospital-section .slider-wrapper .swiper-nav {
        right: 0;
        top: 0;
    }

    .doctor-section .slider-wrapper .swiper-nav {
        top: 5px;
        left: 0;
    }

    .master-page-inner-section {
        padding-top: 100px;
        /* min-height: 190px; */
    }

    .condition-box-content h5 {
        font-size: 15px;
    }

    .career-card .career-card-heading h3 {
        font-size: 17px;
        margin-bottom: 5px;
    }

    .career-card .career-card-heading {
        display: block;
    }

    .career-card .sub-heading.main-list.main-heading {
        padding: 10px 15px;
    }

    .static-page-section .main-heading.sub-heading img {
        width: 100%;
    }

    .speciality-cta-slider .speciality-cta-box {
        border-right: 0;
    }

    .clip-curved-design {
        padding-bottom: 40px !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
        margin-bottom: -15px;
    }

    .awards-and-achivemets-section .row .col-md-4::before {
        display: none;
    }

    .awards-and-achivemets-section .row .col-md-4::after {
        display: none;
    }

    .awards-box-image {
        height: 157px;
    }

    .testimonial-master-page .right-testimonial-col .big-img-testimonial {
        height: auto;
    }

    .calendar-container .day {
        width: 13%;
        height: auto;
    }

    .investor-page-section .sub-heading p {
        font-size: 16px;
        line-height: 21px;
    }

    .button-group {
        display: block;
        text-align: start;
    }

    .investor-primary-btn {
        font-size: 14px;
        margin-bottom: 5px;
        padding: 6px 6px;
    }

    .invester-about-left-col ul li a {
        font-size: 15px;
        padding: 10px 0;
    }

    .tranding-box {
        padding: 20px 20px;
    }

    .tranding-calender-box {
        width: 70px;
        height: 70px;
    }

    .tranding-calender-box img {
        width: 35px;
    }

    .tranding-calender-box {
        margin-bottom: 10px;
    }

    .tranding-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tranding-content h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .investor-right-box h3 {
        font-size: 18px;
    }

    .investor-right-box p {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 5px;
    }

    .explore-btn {
        font-size: 15px;
    }

    .investor-relation-card::after {
        display: none;
    }

    .investor-relation-card::before {
        width: 100%;
    }

    .row .col-md-4:nth-child(4) .investor-relation-card::before {
        display: block;
    }

    .row .col-md-4:nth-child(5) .investor-relation-card::before {
        display: block;
    }

    .row .col-md-4:nth-child(6) .investor-relation-card::before {
        display: block;
    }

    .latest-card-content h5 {
        font-size: 16px;
    }

    .latest-card-content p {
        font-size: 15px;
        line-height: 19px;
    }

    .latest-card-date h5 {
        font-size: 15px;
    }

    .latest-card-date h2 {
        font-size: 25px;
    }

    .latest-card-date {
        width: 20%;
    }

    .journey-left-year h3 {
        font-size: 17px;
    }

    .journey-box {
        gap: 30px;
    }

    .journey-main::before {
        left: 81px;
        width: 1.5px;
    }

    .journey-content-box {
        padding-left: 20px;
        width: 100%;
    }
    .journey-left-year {
    width: 22%;
    text-align: end;
}

    .journey-content-box::before {
        width: 8px;
        height: 8px;
        top: 5px;
    }

    .journey-content-box::after {
        top: 2px;
        left: -3px;
        width: 14px;
        height: 14px;
    }

    .journey-content-box h3 {
        font-size: 17px;
    }

    .banner-slider {
        height: auto;
    }

    .emergency-btn {
        top: 25%;
        display: none;
    }

    .investor-relation-counter-row .about-us-counter-box h1 {
        font-size: 30px;
    }

    label.form-label {
        color: #fff;
        font-size: 14px;
        margin-bottom: 0;
    }

    .international-counter-box-icon img {
        width: 40px;
    }

    .international-counter-heading h2 {
        font-size: 35px;
    }

    .international-counter-box-content p {
        font-size: 14px;
    }

    .international-counter-box {
        border: 0;
    }

    .contact-us-box .info-grid {
        display: block;
    }

    .contact-us-box .info-item {
        padding: 10px 10px 0px 0;
    }

    .contact-us-box .card-header {
        display: block;
    }

    .contact-us-cta-card .card-content h3 {
        font-size: 18px;
    }

    .inner-page-section .main-heading-light.sub-heading-light h4 {
        font-size: 16px;
    }

    .blog-details-main-page .half-inner-section .main-heading-light h2 {
        font-size: 30px;
    }

    .doctor-booking-system-main-page .doctor-header {
        display: block;
    }

    .doctor-booking-system-main-page .doctor-header-top {
        display: block;
    }

    .doctor-booking-system-main-page .doctor-photo {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .doctor-booking-system-main-page {
        margin-top: 45px;
    }

    .doctor-booking-system-main-page .doctor-card {
        padding: 10px 10px 22px;
    }

    .doctor-booking-system-main-page .slot-buttons {
        width: 100%;
        justify-content: space-between;
    }

    .doctor-booking-system-main-page .slot-btn {
        width: 31%;
        padding: 4px 5px;
    }

    .doctor-booking-system-main-page .slot-label {
        margin-bottom: 5px;
    }

    .time-box {
        min-height: 135px;
    }

    .doctor-booking-system-main-page .time-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }

    .shareholder-right-box .panel-head {
        padding: 15px 10px;
    }

    .filter-box-form {
        padding: 10px 10px;
    }

    table.filings tbody,
    table.filings td,
    table.filings tfoot,
    table.filings th,
    table.filings thead,
    table.filings tr {
        padding: 5px 5px !important;
    }

    .shareholder-right-box .panel-head h2 {
        font-size: 16px;
    }

    .shareholder-box ul li a {
        padding: 10px 30px 10px 10px;
    }

    .appointment-mobile-card .left-panel {
        padding: 10px;
    }

    .appointment-mobile-card .right-panel {
        padding: 10px;
    }

    .appointment-mobile-card .resend-row {
        margin-bottom: 5px;
    }

    .appointment-mobile-card .change-row {
        margin-bottom: 15px;
    }

    .appointment-mobile-card .subtitle {
        margin-bottom: 5px;
    }

    .day-strip-wrapper .day-cell {
        white-space: nowrap;
    }

    .doctor-details-card-img img {
        height: auto;
    }

    .mobile-graph-div {
        height: 500px;
    }

    .international-patient-services-section .row .col-md-4:nth-child(7) .investor-relation-card::before {
        display: block;
    }

    .international-patient-services-section .row .col-md-4:nth-child(8) .investor-relation-card::before {
        display: block;
    }

    .international-patient-services-section .row .col-md-4:nth-child(9) .investor-relation-card::before {
        display: block;
    }

    .navik-menu .mega-menu-container {
        padding: 0px 0px 0;
        margin-bottom: 10px;
    }

    .navik-menu>ul {
        background: #ebf9ff;
        padding: 15px;
    }

    .navik-menu ul li>a {
        padding: 13px 0px;
        font-size: 19px;
    }

    .hospital-section .cf-controls {
        top: 45%;
        left: 37%;
    }

    .day-strip-wrapper .day-cell {
        padding: 10px 17px;
    }

    .pagination {
        gap: 4px;
        flex-wrap: wrap;
    }

    .pagination .page-link {
        padding: 6px 10px;
        font-size: 13px;
        min-width: 36px;
        text-align: center;
    }

    .pagination .page-item:first-child .page-link,
    .pagination .page-item:last-child .page-link {
        padding: 6px 12px;
    }

    .pagination-wrapper {
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .pagination {
        justify-content: center;
    }

    .hospital-card-image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 7px;
    }

    .main {
        overflow: hidden;
    }

    .fixed-footer {
        display: block;
        background-color: #1a5276;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        z-index: 9999;
        padding: 5px 0px;
        border-top: 1px solid #fff;
    }

    .fixed-footer-img img {
        width: 20px;
        filter: invert(100%) sepia(94%) saturate(47%) hue-rotate(379deg) brightness(175%) contrast(100%);
    }

    .fixed-footer-img {
        border-right: 1px solid #a5a5a5;
    }

    .fixed-footer-img p {
        color: #fff;
        line-height: 14px;
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .fixed-footer-img p strong {
        font-weight: 600;
    }

    .emergency-wrapper .location-col {
        width: 47.8%;
    }
}

@media only screen and (max-width: 400px) {
    .location-col {
        width: 30%;
        min-height: 110px;
    }
}