@media(max-width:1200px) {
    html {
        font-size: 60%;
    }
    .container {
        width: 100%;
        padding: 0 5%;
    }
}
@media(max-width:992px) {
    html {
        font-size: 58%;
    }
    .fullwidth {
        margin-bottom: 3rem;
    }
    .formcontainer {
        height: auto;
        gap: 1rem;
    }
    .formcontainer .form-group,  .formcontainer .form-group1 {
        width: 100%;
        height: auto;
    }
    .service-card {
        width: 32%;
    }
    .card-text-content p {
        font-size: 1.8rem;
    }
    .aboutcontent {
        width: 90%;
    }
    .aboutcontent {
        margin-top: auto;
    }
    .aboutdr-content {
        width: 100%;
        box-shadow: none;
        padding: 2rem;
    }
    .drvideo {
        width: 100%;
        padding: 2rem;
        height: auto;
    }
    .youtuve-video {
        aspect-ratio: 16/9;
    }
    .single-youtube iframe {
        aspect-ratio: 16/9;
        height: auto;
    }
}
@media(max-width:768px) {
    html {
        font-size: 58%;
    }
    h5.heading {
        font-size: 18px;
    }
    .service-card {
        width: 100%;
        height: auto;
    }
    .youtuve-video {
        width: 100%;
    }
    .copy-right {
        margin-bottom: 50px;
    }
    .footer-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        display: block;
        right: 0;
        background: #fff;
        z-index: 998;
        width: 100%;
        height: 48px;
        z-index: 99999999999999999;
    }
    .footer-mobile a {
        display: inline-block;
        padding: 12px 9px;
        color: #000;
        text-decoration: none;
        width: 50%;
        font-weight: 60;
        border-radius: 4px;
        font-size: 14px;
        text-transform: uppercase;
        margin: 1px 0 0 0;
        text-align: center;
        float: left;
        font-weight: 500;
    }
    .footer-mobile a i {
        font-size: 18px;
        padding-right: 4px;
        position: relative;
        top: 2px;
        color: #383838;
    }
    .footer-mobile a:after {
        position: absolute;
        content: "";
        right: 0;
        left: 0;
        margin: 0 auto;
        height: 90%;
        width: 1px;
        bottom: 4%;
        background: #d3d3d3;
    }
    .whatsapp-widget {
        display: none;
    }
    .mediaimg-container{
        columns: 2;
    }
    .best-ivf{
        font-size: 16px;
    }
}

@media(max-width:576px) {
    html {
        font-size: 56%;
    }
    .card-text-content p {
        font-size: 16px;
    }
    .card-text-content button {
        font-size: 15px;
    }
    .mobile-banner1 {
        display: block;
    }
    .window-banner {
        display: none;
    }

    .usp-box {
        width: 48%;
        margin: 10px 0;
      }

      .usp-text h5 {
        font-size: 1.5rem;
        font-weight: 500;
    }
    
}
@media(max-width:400px) {
    .card-text-content p {
        font-size: 16px;
    }
}