@media(max-width: 1400px) {

    .main-header .nav-bar .nav-bar-links .navbar-nav>li>a {

        margin: 0 25px 0 0px;

    }

}



@media(max-width: 991px) {

    .main-header .header-web {

        display: none;

    }





    .nav-bar.nav.main-menu {

        display: none;

    }



    .top-navbar {

        display: none;

    }



    .nav-bar {

        display: none;

    }



    .fixed-header .sticky-header {

        display: none;

    }



    .mobile-header {

        display: flex;

        justify-content: start;

        align-items: center;

        padding: 15px;

    }



    .fixed-header .mobile-header {

        position: fixed;

        right: 0;

        left: 0;

        top: 0;

        background: #fff;

        border-bottom: 2px solid #0c225e;

        transition: .3s;

        padding: 10px 20px;

        z-index: 999;

    }



    .mobile-header .logo img {

        width: 200px;

    }



    .mobile-header .nav-outer {

        margin-left: auto;

    }



    .mobile-header .nav-outer .bx-menu {

        font-size: 30px;

        color: var(--secoundary-color);

    }



    .banner-appointment {

        display: none;

    }

}



@media(max-width: 768px) {

    .modal.modal-appointment .contact-popup .popup-card {
        display: none;
    }

    .symptoms-section ul {

        column-count: 1;

    }

    .success-rate .doctor-image {
        width: 90%;
        height: 300px;

    }

    .fertility-sec .experinces {
        display: none;
    }

    .founder-section .doctor-image img {
        object-position: top;
    }

    .founder-section .doctor-image {
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .social-btn {

        flex-wrap: wrap;

        gap: 20px;

    }



    .associate-with .innerbox .doctor-details {

        width: 100%;

        padding-left: 0;

    }



    .treatment-section {

        padding: 40px 0;

    }



    .faqs-content {

        margin-bottom: 20px;

    }



    .our-faqs {

        padding: 40px 0;

    }



    .our-testimonials {

        padding: 40px 0;

    }



    .our-testimonials .row.section-row {

        text-align: center;

    }



    .bookAppointment .contact-info .nav-pills {

        width: max-content;

        justify-self: anchor-center;

    }



    .bookAppointment .contact-info .nav-pills .nav-item .nav-link {

        padding: 10px 20px;

    }



    .health-tips .tab-categery ul,

    .testimonials .testimonial-btn {

        display: block;

    }



    .associate-with .btn-group .btnnumber {

        display: none;

    }



    .associate-with .innerbox .doctorImage img {

        margin-bottom: 20PX;

    }



    .symptoms-section ul li {

        padding-left: 0px;

    }



    .associate-with .innerbox {

        display: contents;

    }



    .content-grid {

        padding: 40px 0;

    }



    .main-Slider {

        background-image: url(../img/background/background-phone.png);



        background-position: right;

    }



    .mainSwiperSlider .swiper-slide .slider-content {

        padding-left: 0;

        flex-wrap: nowrap;

    }



    .mainSwiperSlider .swiper-slide .slider-content h2 {

        font-size: 30px;

    }



    .mainSwiperSlider .swiper-slide .slider-img {

        display: none;

    }



    .swiper-button-next,

    .swiper-button-prev {

        display: none;

    }





    .center-info {

        padding: 50px 0 3px;

    }



    .center-info .subHeading {

        font-size: 14px;

    }



    .center-info .col-md-8 {

        text-align: center;

        padding-right: 10px;

    }



    .heading {

        font-size: 24px;

        line-height: 1.8;

    }



    .center-info p {

        line-height: 2;

    }



    .symptoms-sec {

        padding: 40px 0px;

    }



    .get-it-touch .get-item {

        justify-content: start;

    }



    .center-info p {

        margin-bottom: 15px;

    }



    .center-info .heading {

        font-size: 24px;

        line-height: 1.5;

        margin-bottom: 10px;

    }



    .center-info .info-group .default-btn {

        width: 70%;

    }

    .page-template-pagesbranch-php .condition-list .list {
        column-gap: 10px;
    }

    .page-template-pagesbranch-php .center-info .info-group .default-btn {
        width: 100%;
        margin-bottom: 20px;
    }

    .page-template-pagesbranch-php .fertility-sec .condition-list .list .icon {
        display: none;
    }

    .page-template-pagesbranch-php .fertility-sec .condition-list {

        padding-right: 0px;
        margin-bottom: 20px;
    }

    .founder-section p {
        text-align: start;
    }

    .branch-whychoose ul {
        column-count: 1;
    }


    .center-info .info-group a:not(.default-btn) {

        width: 100%;

        font-size: 16px;

        margin: 10px 0 30px 0;

    }

    .testimonial-item {
        height: 270px;
    }



    .center-info .info-group {

        justify-content: center;

        flex-wrap: wrap;

    }



    .center-info .card {

        padding: 20px;

    }



    .founder-section .btn-info .default-btn {

        padding: 10px 30px;

    }



    .sattva-fertility {

        padding: 50px 0 100px 0;

        border-top: 1px solid #c5c5c5;

    }



    .section-heading span {

        font-size: 14px;

    }



    .section-heading h2 {

        font-size: 24px;

    }



    .treatment .treatment-card {

        margin-bottom: 50px;

    }



    .faq-section .accordion {

        padding: 0;

    }



    .condition .section-heading h2 {

        font-size: 24px;

    }



    .condition-list .list {

        width: calc(100% - 0px);

    }



    .condition {

        padding: 30px 0;

        background: rgb(255, 255, 255);

    }



    .treatment {

        padding: 50px 0 30px 0;

    }



    .make-unique {

        padding: 50px 0;

    }



    .make-unique .section-heading {

        margin-top: 20px;

    }



    .make-unique .section-heading h2 {

        margin-bottom: 10px;

    }



    .make-unique .section-heading .default-btn {

        margin-top: 20px;

    }



    .make-unique .unique-card .content {

        padding-left: 20px;

    }



    .make-unique .unique-card {

        margin-bottom: 10px;

        display: flex;

    }



    .OurVideo-section {

        padding: 40px 0;

    }



    .sattva-fertility .card-img {

        margin-top: 30px;

    }



    .sattva-fertility .experinces {

        padding: 10px 20px;

        left: -22px;

        bottom: -10px;

    }



    .sattva-fertility .experinces h3 {

        font-size: 30px;

    }



    .about-ivf {

        background-position: center;

        padding: 50px 0;

    }



    .founder-section h2 {

        font-size: 24px;

        margin-top: 30px;

    }



    .founder-section .doctor-image .experience-card {





        right: 0;

    }



    .founder-section h3 {

        font-size: 14px;

    }



    .bookAppointment .contact-info .nav-pills .nav-item {

        width: 50%;

    }



    .founder-section {

        padding: 70px 0 40px 0;

    }



    .bookAppointment {

        padding: 50px 0;

    }



    .section-heading {

        margin-bottom: 30px;

    }



    .bookAppointment .contact-info .nav-pills {

        border-radius: 10px;

    }



    .bookAppointment .contact-info .nav-pills .nav-item .nav-link {

        border-radius: 10px;

    }



    .bookAppointment .contact-info .tab-content .tab-pane .contact-list {

        padding-top: 100px;

        padding-bottom: 50px;

    }



    .bookAppointment .contact-info .tab-content .tab-pane {

        margin-bottom: 50px;

    }



    .bookAppointment .card {

        margin-bottom: 30px;

    }



    .seo-content {

        padding: 50px 0;

        background: #fff;

        border-bottom: solid 1px rgb(208, 208, 208);

    }



    #footer .footer-text {

        margin-bottom: 10px;

    }



    .treatment .treatment-card .treatment-content {

        padding: 20px 10px 20px;

    }



    .treatment .treatment-card .treatment-content .icon {

        width: 60px;

        height: 60px;

    }



    .doctor-image.heartdisease img {

        width: 300px;

        height: 300px;

        margin: 20px 0;

    }



    .about-sec .hotel-slider {

        height: 380px;

        margin-bottom: 20px;

    }



    .our-services {

        padding: 40px 0;

    }



    .cta-box {

        padding: 40px 0;

    }



    .symptoms-section h4 {

        text-align: start !important;

    }



    .symptoms-section {

        padding: 40px 0;

    }



    .our-commitment-image img {

        margin-bottom: -55px;

    }



    .our-commitment {

        padding: 40px 0;

    }



    .overveiw-section {

        padding: 40px 0;

    }



    .overview .card {

        display: none;

    }



    .overview .image img {

        object-fit: cover;

        object-position: top;

    }



    .overview .image {



        margin-bottom: 20px;



        height: 300px;



    }



    .tratment-sticky {

        display: none;

    }



    .treatmentContent .faq-treatment {

        padding: 10px;

    }



    .ivf-process .image img {

        height: 300px;

        width: 100%;

        object-fit: cover;

        margin-bottom: 20px;

    }



    .content-section {

        padding: 40px 0;

    }



    .help-section>.container {

        width: 100%;

    }



    .help-section {

        padding: 40px 0;

    }



    .faq-accordion .accordion-header .accordion-button {

        line-height: 1.9;

    }



    .content-section .rightside-content {

        padding-left: 0;

    }



    .ivf-process .image.position-sticky img {

        width: 100%;

        object-fit: cover;

        object-position: top;

    }



    .ivf-process .image::before {

        display: none;

    }



    .ivf-process .list {

        flex-wrap: wrap;

        border-radius: 5px;

        padding: 15px;

    }



    .ivf-process .list h5 {

        width: 70%;

    }



    .why-ivf {

        padding: 40px 0;

    }



    .ivf-process .list p {

        margin-top: 10px;

        width: 100%;

    }



    .ivf-process .list .icon {

        border-radius: 100%;

        height: 60px;

        width: 60px;

        align-items: center;

        justify-content: center;

        display: flex;

        background-color: var(--primary-color);

    }



    .ivf-process .image.position-sticky {

        height: 300px;

        position: inherit !important;

        overflow: hidden;

        margin-bottom: 20px;

        border-radius: 20px;

    }



    .ivf-process {

        padding: 40px 0;

    }



    .fertility-sec {

        padding: 40px 0;

    }



    .fertility-sec .image-box {

        margin-bottom: 20px;

    }



    .treatment-banner .banner-stats {

        display: none;

    }



    .treatment-banner .background {

        padding: 40px 0;

    }



    .condition-banner .banner-image {

        margin-bottom: 20px;

    }



    .vision-mission .content {

        display: none;

    }



    .vision-mission .image {

        margin-top: 0;

    }



    .vision-mission img {

        height: 300px;

    }

    .modal.show .modal-dialog {
        max-width: 100%;
    }

    .error-section h1 {
        font-size: 100px;
    }

    .error-section h2 {
        font-size: 28px;
        line-height: 1.2em;
        margin-bottom: 20px;
    }

    .page-template-case-study .treatment-section .treatment-item .card-item {
        width: 100%;
        max-width: 100%;
    }

}