@media (min-width: 1024px) and (max-width: 1200px){
.toph a{
    font-size: 10px;
}
.toph i{
    font-size: 10px;
}
.menu li a{
    font-size: 12px;
    padding: 5px 9px;
}
.dropdown span{
    font-size: 8px;
    margin-top: 0;
}
.testimonials .owl-carousel .owl-nav .owl-next{
    right: 20px;
}

.testimonials .owl-carousel .owl-nav .owl-prev{
    left: 20px;
}
.hos2{
    height: auto !important;
}
.hosp1{
    height: auto !important;
}
.hos2 p{
    height: auto !important;
}
.hos3{
    height: auto !important;
}
.hosp2{
    height: auto !important;
}
.location a{
    font-size: 12px;
}
footer ul li{
    font-size: 11px;
}
footer p{
    font-size: 11px;
}

}

@media (min-width: 980px) and (max-width: 1024px){
.toph a{
    font-size: 10px;
}
.toph i{
    font-size: 10px;
}
.menu li a{
    font-size: 12px;
    padding: 5px 9px;
}
.dropdown span{
    font-size: 8px;

}
.dropdown-content{
    min-width: 150px;
}
.testimonials .owl-carousel .owl-nav .owl-next{
right: 1px;
}
.testimonials .owl-carousel .owl-nav .owl-prev{
    left: 1px;
}
.location a{
    font-size: 12px;
}
footer ul li{
    font-size: 11px;
}
footer p{
    font-size: 11px;
}
.hos2{
    height: auto !important;
}
.hosp1{
    height: auto !important;
}
.hos2 p{
    height: auto !important;
}
.hos3{
    height: auto !important;
}
.hosp2{
    height: auto !important;
}

}

@media (min-width: 768px) and (max-width: 980px) {
    html {
        font-size: 9px;
    }
    .testimonials .owl-carousel .owl-nav .owl-next {
        right: -1rem;
    }
    .testimonials .owl-carousel .owl-nav .owl-prev {
        left: -1rem;
    }
      .dropdown span {
    color: #fff;
    padding: 7px;
    font-size: 6px;
     margin-top: 0px; 
    display: inline-block;
    background: #025aac;
}
.menu li a{
    font-size: 10px;
    padding: 3px 5px;
}
.dropdown-content{
    min-width: 100px;
}
.dropdown-content a{
    font-size: 9px;
}
.toph a{
    font-size: 8px;
}
.toph i{
    font-size: 10px;
}
.toph ul li{
    padding:  0 3px;
}
.carousel-indicators li{
    width: 10px;
    height: 10px;
}
.hos2{
    height: auto !important;
}
.hosp1{
    height: auto !important;
}
.hos2 p{
    height: auto !important;
}
.hos3{
    height: auto !important;
}
.hosp2{
    height: auto !important;
}
.contact .inner-tile p{
    font-size: 14px;
}
}
@media (max-width: 600px){
	.text-box h2 {
	font-size: 3rem;
	}
	.test-item{
		height:auto;	
	}
}
@media (min-width: 480px) and (max-width: 768px) {

    .top-bar{
        display: none;
    }
    .carousel-indicators li{
        width: 10px;
        height: 10px;
    }
    .text-box h2{
        font-size: 20px;
    }
    .text-box p{
        font-size: 12px;
    }
    .menu li a {
        font-size: 10px;
        padding: 4px 3px;
    }
    .section {
        padding: 5rem 0;
    }
    .about h3 {
        font-size: 2.8rem;
    }
    .about h4 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .about p {
        font-size: 14px;
        line-height: 2.4rem;
    }
    .testimonials .owl-carousel .owl-nav .owl-prev{
        left: 5px;
    }
    .hos1{
        padding: 30px 0;
    }
    .hos3{
        height: auto;
    }
    .hosp2{
        height: auto;
    }
    .hos3 p{
        height: auto;
    }
  
    .testimonials .owl-carousel .owl-nav .owl-next{
        right: 5px;
    }
    footer h3 {
        margin-top: 1rem;
    }
    .sec-title {
        font-size: 3rem;
        line-height: 3rem;
    }
    .banner h2 {
        font-size: 2.8rem;
    }
    .doctor .img-wrap {
        width: 50%;
    }
    .abt-box li {
        flex: unset;
        width: 48%;
        margin-bottom: 1%;
    }
    .abt-box {
        flex-wrap: wrap;
    }
    .about-cont {
        padding: 0 0 3rem;
    }
    .hospital li {
        width: 50%;
    }
    .testimonials .item-wrap .test-item {
        width: 46%;
    }
    .video ul {
        flex-wrap: wrap;
    }
    .video ul li {
        width: 50%;
    }
}
@media (max-width: 560px) {
    .text-box {
    position: absolute;
    top: 24%;
    text-align: center;
    left: 0%;
     width: 100%; 
    /* right: 50%; */
    color: var(--clr-white);
    /* transform: translateY(-50%); */
}
    .banner{
        display: none;
    }
    .mob-banner{
        display: block;
    }
    .text-box h2 {
           font-size: 18px;
    margin: 0;
    }
    .carousel-indicators li{
            width: 10px;
    height: 10px;
    margin-right: 2px;
    margin-left: 2px;
    }
    .text-box p{
        font-size: 14px;
    }
    .menu ul li a{
        border: 1px solid#ddd;
    }
    .dropdown span{
        width: 100%;
    }
      .dropdown i{
        float: right;
      }
      .hos2{
        height: auto;
      }
      .hosp1{
        height: auto;
      }
      .hos3 p{
        height: auto;
      }
      .hos1{
        padding: 30px 0;
      }
    .dropdown{
        width: 100%;
    }
    .carousel-indicators {
        bottom: 1rem;
    }
    .section {
        padding: 4rem 0;
    }
    .about h3 {
        font-size: 2.2rem;
    }
    .about h4 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .about .img-wrap {
        margin-bottom: 1rem;
        width: 267px;
        margin: 10px auto;
    }
     .about .img-wrap img{
        width: 267px;
/*        margin: 10px auto;*/
     }
    .about p {
        line-height: 2.1rem;
        font-size: 1.4rem;
    }
    footer h3 {
        margin-top: 1rem;
    }
    .sec-title {
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin-bottom: 1rem;
    }
    .banner h2 {
        font-size: 2.4rem;
        padding: 1rem 1.5rem;
    }
    .banner {
        height: 15rem;
    }
    .doctor ul li{
        flex-wrap: wrap;
    }
    .doctor .img-wrap {
        width: 100%;
        margin-bottom: 2rem;
    }
    .doctor .info-wrap{
        width: 100%;
        padding-left: 0;
    }
    .doctor .info-wrap h4{
        font-size: 1.5rem;
    }
    .doctor .info-wrap h3{
        font-size: 1.8rem;
    }
    .doctor .info-wrap p{
           line-height: 2.4rem;
    text-align: justify;
    font-size: 14px;
    }
    .abt-box li {
        flex: unset;
        width: 100%;
        margin-bottom: 1%;
    }
    .abt-box {
        flex-wrap: wrap;
    }
    .about-cont {
        padding: 0 0 3rem;
    }
    .hospital li {
        width: 100%;
    }
    .testimonials .item-wrap .test-item {
        width: 100%;
    }
    .test-item h4 {
        font-size: 1.6rem;
    }
    .test-item p {
        line-height: 2.4rem;
        font-size: 1.4rem;
    }
    .test-item {
        padding: 2rem;
    }
    .video ul {
        flex-wrap: wrap;
    }
    .video ul li {
        width: 50%;
    }
    .sec-title::before {
        display: none;
    }
    .sec-title::after {
        display: none;
    }
    .sec-head {
        margin-bottom: 1.5rem;
    }
    .service h4 {
        font-size: 1.6rem;
        padding: 0.7rem;
    }
    .service .inner {
        bottom: 0.5rem;
    }
    .testimonials .owl-carousel .owl-nav .owl-next {
        right: -1rem;
    }
    .testimonials .owl-carousel .owl-nav .owl-prev {
        left: -1rem;
    }
    .footer-end p {
        text-align: center;
    }
    .footer-end .text-right {
        text-align: center !important;
    }
    .logo h1 {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 1rem;
    }
    .app-btn {
        justify-content: center;
    }
    .top-left {
        display: block;
        text-align: center;
    }
    .social {
        justify-content: center;
    }
    .contact .inner-tile p {
        font-size: 1.4rem;
    }
    .testimonials .test-video {
        height: 15rem;
    }
    .video ul li {
        width: 100%;
        padding: 1rem 1.5rem;
    }
    .video ul li h3 {
        font-size: 1.4rem;
    }
    .gallery ul li {
        width: 50%;
        height: 16rem;
        padding: 1rem 1.5rem;
    }
    .gallery ul {
        margin: -1rem -1.5rem;
    }
    .hospital .hos-card a {
        margin: 0.5rem;
    }
    .inner-block .table-responsive {
        margin-bottom: 1.5rem;
    }
    .hospital .inner-block {
        padding: 2rem 1rem;
    }
    .hospital .hos-card {
        padding: 3rem 1.5rem;
    }
    .hospital .hos-card::after {
        top: 1rem;
        left: 1rem;
        bottom: 1rem;
        right: 1rem;
    }
    .hospital h4{
        font-size: 1.6rem;
    }
    .ser-detail h2{
        font-size: 2rem;
    }
    .ser-detail p{
        font-size: 1.4rem;
    }
    .top-bar{
        display: none;
    }
    .toph{
        display: none;
    }
}