@media screen and (max-width:767px) {
    br {
        display: none;
    }

    .navbar {
        box-shadow: 0px 0px 5px 2px rgba(255, 87, 124, 0.22);
    }

    .navbar-nav {
        align-items: start;
        border-top: 2px solid #12abdb;
    }

    .navbar-light .navbar-toggler-icon{
        background-image: url(../images/services/Hamburger.png);
    }

    .navbar-brand img {
        width: auto;
        height: 50px;
    }

    .parent-menu{
        margin-top: 0;
    }

    .second-sub{
        margin-left: 0;
        margin: 15px 0;
        height: 150px;
        overflow: auto;
        box-shadow: 0 0 10px 2px white;
    }

    .home-banner {
        height: auto;
        padding: 0 0 20px 0;
        background: none;
        background-color: #FFEDF0;
    }

    .home-banner .row {
        padding-top: 15px;
    }

    .home-banner h2,
    .home-about h1,
    .home-services h2,
    .home-why-choose-left h2,
    .home-process h2,
    .home-cta h2,
    .home-gallery h2,
    .home-testimonial h2,
    .home-faq h2,
    .treatment-about-right h1,
    .footer-section h2,
    .about-about-us h2,
    .about-doctor-profile h2,
    .about-process h2,
    .services-about-right h1,
    .services-uses h2,
    .services-what-happens h2,
    .treatment-symptoms h2,
    .treatment-diagnosis h2,
    .treatment-treatment-right h2,
    .treatment-prevention-left h2,
    .gallery-section h2,
    .testimonial-section h2,
    .contact-section h2,
    .ivf-banner h2,
    .artificial-banner h2,
    .iui-banner h2,
    .high-risk-pregnancy-banner h2,
    .menstrual-disorder-management-banner h2,
    .hysterectomy-banner h2,
    .tubectomy-banner h2,
    .pcod-banner h2,
    .pcos-banner h2,
    .pediatrics-banner h2,
    .important-test-banner h2,
    .normal-banner h2,
    .lap-banner h2,
    .unilateral-banner h2,
    .ovarian-banner h2,
    .bartholin-banner h2,
    .urinary-banner h2,
    .fibroids-banner h2,
    .dysmenorrhea-banner h2,
    .menopause-banner h2,
    .doctor-banner h2,
    .pelvic-banner h2{
        font-size: 30px;
        line-height: 40px;
    }

    .home-banner p {
        text-align: justify;
        line-height: 25px;
    }

    .home-about {
        margin-top: 40px;
    }

    .home-about .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .home-about .padding-left {
        padding: 15px;
    }

    .home-about p {
        text-align: justify;
    }

    .home-about h1,
    .treatment-about-right h1 {
        text-align: center;
    }

    .home-services {
        height: auto;
        padding: 30px 15px;
        background-color: #ECFAFF;
    }

    .home-services-slider .owl-nav,
    .home-testimonial-slider .owl-nav {
        position: initial;
        text-align: center;
        margin-top: 25px;
    }

    .home-services h2,
    .home-why-choose-left h2,
    .treatment-symptoms h2 {
        text-align: center;
    }

    .home-why-choose-left {
        padding: 15px;
    }

    .home-process {
        height: auto;
        background: none;
        background-color: #FFEDF0;
        padding: 15px;
    }

    .home-process .card-head {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .home-process .card-head img {
        height: 70px;
        width: 77px !important;
    }

    .home-process::before,
    .home-process::after,
    .home-process-col::after,
    .home-why-choose-right::before,
    .home-why-choose-right::after,
    .home-process::before,
    .home-process::after,
    .home-process-col::after,
    .home-gal1::before,
    .home-gal2::before,
    .home-gal4::before,
    .home-gal3::before,
    .home-gal3::after,
    .hom-gal7::after,
    .home-faq .row::before,
    .home-faq-right::before,
    .home-faq-right::after,
    .footer-top::before,
    .footer-form-right::before,
    .footer-form-right form::after {
        display: none;
    }

    .home-process .owl-nav {
        text-align: center;
        margin-top: 15px;
    }

    .home-process .owl-next {
        margin-left: 15px;
    }

    .home-process .card {
        margin: 0 auto;
    }

    .home-cta {
        width: 100%;
        padding: 25px 0;
    }

    .home-cta .row {
        flex-direction: column-reverse;
    }

    .home-testimonial {
        width: 100%;
        height: auto;
        background-color: #E5F9FF;
        padding: 25px 0;
    }

    .home-testimonial h3 {
        margin: 0 auto;
    }

    .home-testimonial h2 {
        text-align: center;
        margin-top: 15px;
    }

    .home-faq {
        margin: 25px 0;
    }

    .home-faq .row {
        margin-top: 0;
    }

    .footer-section {
        background-color: #FFF8F9;
        padding: 25px 0 0 0;
    }

    .footer-section h2,
    .testimonial-section h2 {
        text-align: center;
    }

    .contact-section button{
        margin: 0 37%;
    }

    .footer-section h3 {
        margin: 0 auto;
    }

    .footer-form-right {
        padding: 0;
    }

    .footer-bottom {
        background: none;
        background-color: #303030;
        margin-top: 40px;
        padding: 15px 0;
    }

    .footer-logo img {
        width: auto;
        height: 60px;
    }

    .footer-logo p {
        width: 100%;
        text-align: justify;
    }

    .about-banner {
        width: 100%;
        height: 400px;
        background-image: url(../images/about-page/aboutbanner-mob.webp);
        background-size: cover;
        background-position: center;
    }

    .ivf-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/artificial-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .artificial-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/ivf-banner-mob.webp);
        background-size: cover;
        background-position: center;
    }
    
    .iui-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/iui-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .high-risk-pregnancy-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/high-risk-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .menstrual-disorder-management-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/menstrual-disorder-management-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .hysterectomy-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/hysterectomy-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }
    
    .tubectomy-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/tubectomy-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .pcod-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/pcod-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .pcos-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/pcos-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .pediatrics-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/pediatrics-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .important-test-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/important-test-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }
    
    .normal-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/normal-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .lap-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/lap-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .unilateral-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/unilateral-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .ovarian-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/ovarian-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .bartholin-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/bartholin-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .urinary-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/urinary-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .fibroids-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/fibroids-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .dysmenorrhea-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/dysmenorrhea-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .menopause-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/menopause-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .pelvic-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/services/pelvic-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }
    
    .doctor-banner{
        width: 100%;
        height: 400px;
        background-image: url(../images/doctor-banner-mobile.webp);
        background-size: cover;
        background-position: center;
    }

    .ultrasound-banner,
    .gynecomstia-banner,
    .gallery-banner,
    .testimonial-banner,
    .contact-banner {
        width: 100%;
        height: 200px;
        background-size: cover;
    }

    .about-about-us .row,
    .services-about .row,
    .services-what-happens .row,
    .treatment-about .row,
    .treatment-causes,
    .treatment-treatment .row {
        flex-direction: column-reverse;
    }

    .treatment-causes,
    .treatment-symptoms,
    .gallery-section .content {
        margin-top: 15px;
    }

    .buttons {
        border: 0;
        margin: 0;
    }

    .buttons span {
        margin: 0 5px;
        background-color: var(--pink-color);
        color: white;
        padding: 5px 12px 10px;
        border-radius: 10px;
    }

    .about-about-us,
    .about-counter,
    .about-doctor-profile .container,
    .about-process,
    .home-cta,
    .home-gallery,
    .home-testimonial,
    .footer-section,
    .about-process .row,
    .services-about,
    .services-uses,
    .services-what-happens,
    .services-types,
    .treatment-about,
    .treatment-diagnosis,
    .treatment-treatment,
    .treatment-prevention,
    .contact-section .container {
        margin-top: 15px
    }

    .home-gallery .row {
        margin-top: 15px !important;
    }

    .about-about-us-right,
    .services-types {
        padding: 15px;
    }

    .about-doctor-profile .container,
    .services-about-right,
    .services-what-happens,
    .treatment-about-right {
        padding: 15px;
    }

    .about-doctor-left p,
    .treatment-about-right p,
    .treatment-diagnosis p,
    .treatment-diagnosis ul li {
        padding: 0;
        text-align: justify;
    }

    .about-about-us-left::before,
    .about-about-us-left::after,
    .ab-dr-bef::before,
    .about-doctor-profile::after,
    .about-doctor-profile::before,
    .about-doctor-profile .row::after,
    .about-doctor-right::before,
    .about-doctor-right::after,
    .about-process::before,
    .about-process::after,
    .contact-section::after,
    .contact-section::before,
    .contact-section .container::after,
    .about-process-left::before,
    .about-process-left::after,
    .treatment1-about-left::before,
    .treatment1-about-left::after,
    .treatment1-about1-left::before,
    .treatment-symptoms-right-img1::before,
    .treatment-symptoms-right-img2::before,
    .treatment-symptoms-right-img1::after,
    .treatment-causes-left::before,
    .treatment4-right::before,
    .treatment4-right::after,
    .treatment4-right-img::after,
    .treatment5-left::before,
    .treatment5-left-img::before,
    .treatment5-left::after,
    .treatment6-right::before,
    .treatment6-right::after,
    .treatment6-right-img::after,
    .services1-left::before,
    .services1-left::after,
    .services1-left-img::before,
    .services2-right::before,
    .services2-right-img::before,
    .services2-right::after,
    .services3::before,
    .services-types-right::before,
    .services-types-right::after,
    .services-types-right-img::after {
        display: none;
    }

    .about-about-us h3,
    .about-doctor-profile h3 {
        margin: 0 auto;
    }

    .about-about-us h2,
    .about-doctor-profile h2,
    .services-about-right h1,
    .services-uses h2,
    .services-types h2,
    .gallery-section h2,
    .contact-section h2 {
        text-align: center;
        margin-top: 15px;
    }

    .about-doctor-profile h4,
    .about-doctor-profile h5 {
        text-align: center;
        margin-top: 15px;
    }

    .about-doctor-right img {
        width: 100%;
        height: auto;
    }

    .about-about-us p,
    .services-about-right p,
    .services-uses p,
    .services-what-happens p,
    .services-types p,
    .treatment-symptoms-right p,
    .treatment-treatment-right p,
    .treatment-prevention-left p,
    .treatment-prevention-left li {
        text-align: justify;
    }

    .about-process {
        width: 100%;
        height: auto;
        background-color: #EDFFF1;
    }

    .about-process,
    .services-uses,
    .services-types,
    .treatment-treatment-right,
    .treatment-prevention-left,
    .contact-section .container {
        padding: 15px;
    }

    .about-process-right,
    .services-uses-left,
    .services-what-happens-right,
    .services-types-left,
    .treatment-symptoms-left,
    .treatment-symptoms-right {
        padding: 0;
    }

    .about-process-slider .owl-nav,
    .services-what-happens h2,
    .treatment-prevention-left h2,
    .treatment-treatment-right h2,
    .treatment-diagnosis-left h2 {
        text-align: center;
    }

    .services-uses {
        width: 100%;
        height: auto;
        background-color: #EDFFF1;
    }

    .treatment-symptoms {
        width: 100%;
        height: auto;
        background-color: #F5FFF8;
        padding: 15px;
    }

    .home-services-slider .card:hover {
        background-color: white;
    }

    .home-services-slider .card:hover .card-img {
        background-color: #E2F8FF;
    }

    .home-services-slider .card:hover h4 {
        color: var(--pink-color);
        font-family: var(--banner-font);
    }

    .home-services-slider .card:hover p {
        color: black;
    }
    .home-faq .accordion-button, .services-types-left .accordion-button{
        font-size: 18px;
    }
    .accordion-body{
        font-size: 15px;
    }
    .contact-map{
        margin-top: 50px;
    }
    /* #date1{
        position: relative;
    }
    #date1::after{
        position: absolute;
        content: 'date';
        top: 6px;
    } */
.home-faq .accordion{
    padding: 15px;
}

.services-what-happens-right-left, .services-what-happens-right-left{
    padding: 15px;
  }
  
  .services-types-left-right{
    padding: 15px;
  }
  .reverse-section{
    display: block !important;
  }
}