@media (min-width: 576px) {
}


@media (min-width: 768px) { 
}


@media (min-width: 992px) {

}


@media (max-width: 1200px) 
{
    .heading_bar h1{font-size: 18px;}
    .bottom-info .appointment-deatils{margin-bottom: 10px;}
}

@media (max-width: 576px) 
{
    #content{padding-top: 15px !important;}
    .mias-latest-content .contentBlog .lb_details{margin-bottom: 15px;}
    .headService ul li:after{display: block;}
    .headService ul li a{margin-left: 10px;}

    #condition-page .container .row > div h1{font-size: 24px; margin-bottom: 15px;}
    #condition-page .container .row > div h1 span{font-size: 18px;}
    #condition-page .container .row > div p{font-size: 16px; }
    #condition-page .container .row >div a{padding: 7px 15px;}

    .bottom-info .ad-text{padding: 0px 5px;}
    .bottom-info .ad-text h4{font-size: 11px; line-height: 15px;}

    .main-slider .banner-caption .container.text-center h2 {
        font-size: 15px;
        line-height: 19px;
        margin-top: 10px;
    }
    .main-slider .banner-caption .container.text-center p{font-size: 13px; line-height:17px;}
}
@media (max-width: 767px) 
{
    .page-contant .contant_box h2, .adv-surgery h2, .consultation h2{font-size: 25px;}
    .adv-surgery h2, .consultation h2 {margin: 20px 0;}
    .page-contant .contant_box h1{font-size: 25px;}
    .page-contant .contant_box p{font-family: 'Quicksand', sans-serif; font-size: 16px; line-height: 1.5; font-weight: 400;}

    .conditionBlog2 h1{font-size: 25px; margin: 25px 0px;}
    .conditionBlog2{padding: 15px 15px 30px;}
    .adv-surgery h2{font-size: 25px; margin: 25px 0px;}

    .book_a_consultation{padding: 15px 0px;}

    .main-slider .carousel-inner .item img.slide-img{min-height: 50vh;}

    
    /* .main-slider .banner-caption .container.text-center{position: absolute; top: 0px;} */
   
    /* .bottom-info .ad-text h4 {font-size: 14px; line-height: 18px;} */
    .bottom-info .appointment-deatils{margin-bottom: 5px;}
    .bottom-info{bottom: 5px;}
    .bottom-info .appointment-deatils img { width: 55px; }
    .bottom-info .dp-img {width: 55px;}

    
}

@media (max-width: 768px) 
{
    .getinTouch .subscribeFrom{max-width: 100%;}
    .getinTouch .subscribeInput{width: 100%;}
    .getinTouch button{ margin-top: 15px; padding: 0px 15px;}
    .socailSec{text-align: left;}
    .top-social-wrapper h2{text-align: left;}
    .socailSec a{margin: 0px; margin-right: 15px;}
    .surgical-gestro-page{padding-top: 10px;}
.home-conditions .owl-nav {
    max-width: 1170px;
margin: 0 auto;
position: relative;
right: auto;
        left: auto;
        top: auto;
margin-top: 21px;
text-align: center;


}

}

@media (max-width: 839px)
{
    .conditionBlog .row > div h1 {margin-bottom: 9px; font-size: 26px;}
}

@media only screen and (max-width: 1022px) and (min-width: 962px)
{
    .conditionBlog .row > div{min-height: 555px;}
}

@media only screen and (max-width: 768px) and (min-width: 576px)
{
    #condition-page .container .row > div h1{font-size: 26px; margin-bottom: 15px;}
    #condition-page .container .row > div h1 span{font-size: 20px;}
    #condition-page .container .row > div p{font-size: 17px; }
    #condition-page .container .row >div a{padding: 8px 16px;}

    .bottom-info .ad-text h4{font-size: 15px; line-height: 16px;}

    .main-slider .banner-caption .container.text-center h2 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 10px;
    }
    .main-slider .banner-caption .container.text-center p{font-size: 15px; line-height:19px;}
}

@media only screen and (max-width: 992px) and (min-width: 768px)
{
    #condition-page .container .row > div h1{font-size: 28px; margin-bottom: 15px;}
    #condition-page .container .row > div h1 span{font-size: 19px;}
    #condition-page .container .row > div p{font-size: 16px; line-height: 22px;}
    #condition-page .container .row >div a{padding: 8px 16px;}

    .bottom-info .ad-text h4{font-size: 18px; line-height: 22px;}

}

@media only screen and (max-width: 992px) and (min-width: 766px){

    .bottom-info{bottom: 5px;}
    .main-slider .banner-caption .container.text-center{position: absolute; top: 0px;}
    .main-slider .banner-caption .container.text-center h2{font-size: 18px; line-height: 24px;}

}
@media only screen and (max-width: 1199px) and (min-width: 992px)
{
    .main-slider .banner-caption .container.text-center h2{font-size: 32px; line-height: 40px;}
    .bottom-info .ad-text h4{font-size: 18px; line-height: 22px;}
    .bottom-info{bottom: 10px;}
}