@media(min-width:768px) and (max-width:1024px){
    .menu li{
        position: relative;
         left: 0;
    }
    .menu li a{
        font-size: 7px;
        padding: 2px 12px;
    }
    .section h3{
        font-size: 24px;
    }
    .opening h4{
        font-size: 18px;
    }
    .opening{
        padding: 15px 10px;
    }
    .opening ul li{
        font-size: 13px;
    }
    .value{
        font-size: 12px;
    }
    .service .ser-cont p{
        font-size: 14px;
        line-height: 21px;
    }
    .service .ser-cont h4{
        margin-bottom: 10px;
    }
    .section-wrapper form input{
        width: 100%;
    }
    .section-wrapper form textarea{
        width: 100%;
    }
    .contact-section{
        background-position: center right;
    }
    .step .info-wrap h5{
        font-size: 30px;
    }
    .footer h4{
        font-size: 18px;
    }
    .banner{
        background-attachment:inherit;
    }
    .journey h4{
        font-size: 22px;
    }
    .cont-details h5{
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 24px;
    }
    .cont-details h5 span{
        font-size: 14px;
    }
    .top-cont ul li a{
        font-size: 6px;
        padding-top:6px ;
    }
    .tab-content{
        height: 550px;
    }
    .container .serviceBox{
        width: 166px;
        height: 243px;
    }
    .container .serviceBox:hover .icon {
    top: 37px;
    left: calc(59% - 40px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition-delay: 0s;
}
    .container .serviceBox .content{
        margin-top: 107px;
    }
    .container .serviceBox .content h2{
        font-size: 18px;
    }
    .container .serviceBox .content p{
        font-size: 6px;
    }
    .box-1{
        height: 130px;
    }
    .box-1 a{
        font-size: 8px;
    }
     .box{
        height: 130px;
    }
    .box a{
        font-size: 8px;
    }
    .space{
        padding: 40px 0 ;
    }
}
@media(min-width:480px) and (max-width:768px){
    
    .footer h4{
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .banner{
        padding: 80px 0;
    }
    .top-cont ul li i{
        width: 30px;
        height: 30px;
        font-size: 16px;
        line-height: 25px;
    }
    .top-cont ul li span{
        font-size: 18px;
    }
    .top-cont ul li{
        padding-left: 35px;
        margin-right: 15px;
    }
    .testimonials .owl-carousel .owl-nav .owl-next{
        right: -40px;
    }
    .testimonials .owl-carousel .owl-nav .owl-prev{
        left: -40px;
    }
    .doctor-item{
        width: 80%;
        margin: 10px 0;
    }
    .doctor-item-wrap{
        flex-wrap: wrap;
        justify-content: center;
    }
    .service .ser-img{
        width: 30%;
    }
    .abt-right{
        margin-top:20px;
    }
    .opening ul li {
        font-size: 15px;
    }
    .value {
        font-size: 14px;
    }
    .journey .count{
        font-size: 24px;
    }
    .journey h4 {
        font-size: 16px;
    }
}
@media(min-width:320px) and (max-width:480px){
    .footer-end p{
        text-align: center;
    }
    .text-right{
        text-align: center !important;
    }
    .pad-right-20{
        padding-left: 15px !important;
    }
    .banner{
        background-attachment:inherit;
        padding: 30px 0;
        background-size: cover;
    }
    .banner h2{
        font-size: 26px;
        line-height: 36px;
    }
    .test-in-wrap .test-item{
        width: 100%;
        min-height: auto;
    }
    .gallery ul li{
        width: 50%;
    }
    .service .ser-img{
        width: 40%;
    }
    .service .ser-cont p{
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px;
    }
    .service .ser-cont h4{
        margin-bottom: 10px;
        font-size: 18px;
    }
    .section{
        padding: 40px 0;
    }
    .service .ser-cont{
        padding: 15px 5px 15px 15px;;
    }
    .section h3{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .gallery .gal-img{
        height: 180px;
    }
    .footer h4{
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .step .info-wrap .bs-btn{
        font-size: 14px;
        padding: 10px 15px;
    }
    .step .info-wrap{
        padding-left: 10px;
        width: 55%;
    }
    .step .info-wrap h5{
        font-size: 20px;
    }
    .step .img-wrap{
        width: 45%;
    }
    .service-in .img-wrap{
        margin-top: 20px;
    }
    .section-header h2{
        font-size: 30px;
    }
   
    .section-wrapper form input{
        width: 100%;
        background:unset;    
    }
    ::-webkit-input-placeholder {
      color: #000 !important;
     }
    .section-wrapper form textarea{
        width: 100%;
    }
    .opening{
        width: 100%;
        margin-bottom: 20px;
    }
    .abt-right{
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .abt-right .img-wrap{
        width: 100%;
        padding-left: 0;
    }
    .journey h4{
        margin-bottom: 30px;
        font-size: 18px;
    }
    .journey .img-wrap{
        margin-bottom: 10px;
    }
    .journey .count{
        font-size: 32px;
    }
    .doctor-item-wrap{
        flex-wrap: wrap;
    }
    .doctor-item{
        width: 100%;
        margin: 10px 0;
        padding: 20px 15px 0;
    }
    .doctor-item-wrap{
        flex-wrap: wrap;
        justify-content: center;
    }
    .doctor-item h5{
        font-size: 16px;
    }
    .doctor-item .doct-cont p{
        font-size: 14px;
        line-height: 21px;
    }
    .doctor-item .data-list{
        flex-wrap: wrap;
        padding-top: 0;
    }
    .doctor-item .data-list li{
        flex: 1 1 auto;
        margin: 5px 0;
    }
    .testimonials .owl-carousel .owl-nav .owl-next{
        right: -20px;
    }
    .testimonials .owl-carousel .owl-nav .owl-prev{
        left: -20px;
    }
    .logo img{
        max-width: 70%;
        margin: 0px 0 10px 0;
        max-width: 300px;
    }
    .logo{
        text-align: center;
    }
    .top-cont{
        text-align: center;
        float: none !important;
    }
    .top-cont ul li{
        margin:4px 0;
    }

    .carousel-indicators{
        bottom: 0;
    }
    .carousel-caption{
        bottom: 0;
    }
    .carousel-caption a{
        font-size: 12px;
        padding: 5px 10px;
    }
    .carousel-caption h4{
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 21px;
    }
    .carousel-caption h3{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    #carousel-example-1z img{
        min-height: 165px;
    }
    .cont-details h5{
        font-size: 16px;
        line-height: 24px;
    }
    .cont-details address{
        font-size: 14px;
    }
    .cont-details h5 span{
        font-size: 15px;
    }
    .social{
        text-align: center !important;
        margin: 7px 0 10px 0;
    }
    #carousel .carousel-item{
        background-size: 100% !important;
        height: 135px;
        background-size: cover;
    }
   #carousel .carousel-item .caption{
    margin-top: 7px;
    height: 120px;
    padding: 5px 10px;
    width: 320px;
   }
   #carousel .carousel-item .caption h2{
    font-size: 16px;
    padding-bottom: 0px;
    margin-bottom: 0;
   }  
    #carousel .carousel-item .caption p{
    font-size:10px;
    text-align: justify;
   } 
    #carousel .carousel-item .caption a{
    font-size: 10px;
    margin-top: 7px;
    padding: 0;
    height: 25px;
    line-height: 25px;
   } 

   .carousel-control-prev {
    left: 12px;
}

   .carousel-control-next {
    right: 12px;
}
.about-image-gap img{
    margin-bottom: 15px;
}
.section-s{
    padding: 40px 0 40px 0;
}
.serviceBox{
    display: inline-block;
    right: 0;
    margin-bottom: 15px;
}
.our-facility{
    margin: 40px 0 40px 0;
}
.nav-link{
    padding: 0;
}
nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link.active{
    padding: 7px 10px;
    font-size: 11px;
}
nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus{
    width: 100px;
}
nav > div a.nav-item.nav-link.active:after{
    bottom: -45px;
}
.our-img img{
    margin-left: 0;
    margin-bottom: 20px ;
}
.tab-content{
    height: 850px;
}
.space{
    margin:0;
    padding: 40px 0;
}
.box{
    width: 150px;
    display: inline-block;
    right: 0;
}
.box-1{
     width: 150px;
    display: inline-block;
    right: 0; 
}
.advance-box{
   width: 163px;
   text-align: center;
}
.advance-box-1{
    text-align: center;
}
.section-header{
    text-align: center ;
    margin-bottom: 23px;
}
.section-t{
    padding: 40px 0 0px 0;
}
.testimonials h3{
    text-align: center;
    margin-bottom: 23px;
}
.advance h2{
    font-size: 30px;
}
.lab-btn{
    width: 167px;
    height: 40px;
    font-size: 12px;
    text-align: center;
}
.footer{
    padding: 40px 0 40px 0  ;
}
.footer .loc-wrap{
    margin: 0;
}
ul.breadcrumb{
    padding: 0 16px;
}
ul.breadcrumb li{
   font-size: 15px;
}
.about-space{
    margin: 40px 0;
}
.about-text h3{
    font-size: 27px;
}
.about-text h4{
    font-size: 23px;
}
.about-contact{
    margin-bottom: 40px;
}
.common-image{
    margin-bottom: 20px;
}
.text-ovulation{
    padding-bottom: 10px;
}
p{
    text-align: justify;
}
.Tesa h3{
    font-size: 28px;
    padding-bottom: 15px;
}
.ivf img{
    margin-top: 15px;
}
.treatment h3{
    font-size: 22px;
}
.icsi-treatment h3{
    font-size: 22px;
}
.intrauterine img{
    margin-top: 15px;
}
.treatment strong{
    font-size: 18px;
}
.egg-donor-page img{
    margin: 12px 0;
}
.second-line{
    margin-top: 0;
}
.tab-content{
        height: 914px !important;
    }
}