/*--------------------------------------------------------------------- 
File Name: responsive.css 
---------------------------------------------------------------------*/

@media (min-width: 1343px) and (max-width: 1500px) {
   
    #banner1 .carousel-control-prev {
       left: 0;
    }

}

@media (min-width: 1200px) and (max-width: 1342px) {
   
    .full_bg {
        height: 100%;
    }
     .latest .read_more {top: 19%;}
  
}

@media (min-width: 992px) and (max-width: 1199px) {
    .logo_midle::before {right: 9px;}
    .full_bg {
        height: 100%;
    }
    .photog h1 {padding-bottom: 35px;}
   .site-navbar ul li { padding-right: 44px;}
    .owl-next {right: 39%;}
    .owl-prev {left: 39%;}
    .titlepage h2 {font-size: 35px;}
    ul.top_infomation li {font-size: 15px;}
}


@media (min-width: 768px) and (max-width: 991px) {
   .left, .right {display: none;}
   .site-navbar ul li {padding-right: 32px;}
   .logo_midle::before {right: 2px;}
    .full_bg {
        height: 100%; 
    }
    
  
    .photog h1 {
        font-size: 50px;
        line-height: 53px; padding-bottom: 40px;
    }
    


 .titlepage h2 {font-size: 33px; line-height: 40px;}
.about_img {padding-right: 0; padding-left: 0;}
.nostrud {
    padding: 20px 0px 0 0px; }
    .nostrud h3 {
    font-size: 16px;
    line-height: 20px; padding-top: 15px;
  }
  .owl-next {right: 37%;}
    .owl-prev {left: 37%;}
   .cases {padding: 0; padding-top: 70px; }
   .latest {padding: 15px 15px 0px 15px;}
   .latest .read_more {top: 12%;}
   #banner1 .carousel-control-prev, #banner1 .carousel-control-next {top: 96%;}
    .di_no {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .header-area {
    padding: 27px 16px;}
     .left, .right {display: none;}
     .logo_sm {
    display: inherit;
} 
    .full_bg {
        height: 100%;
    }


    .logo a {position:relative;}
.logo a::before {
    position: absolute;
    content: "";
    top: 20px;
    background: url(../images/logo1.png);
    width: 158px;
    height: 122px;
    z-index: 999;
    left: -15px;
}
   .logo_midle {
    display: none !important;
}
  #banner1 .carousel-control-prev, #banner1 .carousel-control-next {top: 95%;}
    .photog h1 {
        font-size: 50px;
        line-height: 53px;
        padding-bottom: 29px;
padding-top: 42px;
    }

    .about_img, .coronata_img {
      padding-left: 0;
      padding-right: 0;
      margin-top: 30px;
    }
   .latest {
    max-width: 425px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.owl-prev {
    left: 31%;
}
.owl-next {
    right: 32%;
}
.map-responsive {
    margin-top: 30px;
}

    .grid {
        display: grid;
    }
    .oder1 {
        order: -1;
    }
    .titlepage h2 {
        font-size: 35px;
        line-height: 40px;
    }
   .doctors {background: transparent;}
    .d_none {
        display: none;
    }

    .nav-toggler {
        display: block;
        position: absolute;
        z-index: 99999;
    }
    .site-navbar {
        min-height: 39px;
    }
    .site-navbar ul {
        position: absolute;
        width: 100%;
        left: -15px;
        top: 60px;
        flex-direction: column;
        align-items: center;
        background-color: #ed242e;
        max-height: 0;
        overflow: hidden;
        transition: .3s;
        z-index: 99999;
        box-shadow: 0 0 10px rgb(192, 190, 182);
    }
    .site-navbar ul li {
        width: 100%;
        text-align: left;
        padding-right: 0;
    }
    .site-navbar ul li a {
        padding: 25px 25px 0px 25px;
    }
    .site-navbar ul.open {
        max-height: 100vh;
        padding-bottom: 25px;
        overflow: visible;
    }
    /* navbar css for mobile end */
}

@media (max-width: 768px) {
     .header-area {
    padding: 27px 16px;}
     .left, .right {display: none;}
     .logo_sm {
    display: inherit;
} 
    .full_bg {
        height: 100%;
    }
    .photog
    {
        text-align:center;
    }
.logo .logo-dc
{position:absolute;
 background-color: var(--hc);
    width: 158px;
    top: -37px;
    height: 158px;
    border-radius: 100px;
    z-index: 9;
    right:-17px;
}
.logo a
{
    position: absolute;
    background-color: var(--hc);
    top: -20px;
    border-radius: 100px;
    z-index: 9;
    left: 5px;
}

   .logo_midle {
    display: none !important;
}
    .slider_main {
        padding-top: 27%;
    }
  
    .photog .read_more {margin-bottom: 5px;
     max-width: 90px;
     margin-right:0;height: 30px;
    line-height: 31px;

    }
   

  .photog h1 {
    font-size: 34px;
    line-height: 51px;
    text-align:center;
}
  
    .about_img, .coronata_img  {
      padding-left: 0;
      padding-right: 0;
      margin-top: 30px;
    }
.about {
    margin-top: 20px;
    width: 95%;
    margin-inline: auto;
    padding: 20px;
}
.titlepage h2, .titleSlider{
    font-size: 25px;
}
.carousel-inner img {
    object-fit: cover;
    min-height: 300px;
}
.carousel-control-prev, .carousel-control-next {
    top: calc(50% - 30px);
}
.read_more{
    font-size: 14px;
    max-width: 120px;
}
.about .titlepage h2::before, .titlepage h2::before {
    bottom: 5px;
    height: 5px;
}
.protect_box h3 {
    font-size: 14px;
}
.newsl {
    height: 59px;
    font-size: 14px;
}
.titleSlider, .desSlider {
    margin-bottom: 0px;
}
.desSlider {
    min-height: 15%;
    max-height: 130px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.carousel-control-prev,
.carousel-control-next {
    width: 60px;
    height: 60px;
}
.desktop {
    padding: 10px;
    background: #fff;
    border-radius: 20px;
}
.smaller-in-mobile{
max-width: 65%;
margin-inline: auto;
}
.protect,
.protect .container{
    padding: 0px;
}
.latest {
    max-width: 425px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.cases {padding: 0; padding-top: 70px; }

.owl-prev {
    left: 10%;
}
.owl-next {
    right: 10%;
}
.map-responsive {
    margin-top: 30px;
}
.nostrud h3 {font-size: 20px;
line-height: 25px;}

.doctors {
    background: transparent;}
    .grid {
        display: grid;
    }
    .oder1 {
        order: -1;
    }
.titlepage h2 {
font-size: 25px;
line-height: 30px;
}
   
    .d_none {
        display: none;
    }


    .navbar-area {
        margin-top: -16px;
        position:absolute;
    }
    .nav-toggler {
        display: block;
        position: absolute;
        left: 15px;
        z-index: 99999;
    }
    .site-navbar {
        min-height: 58px;
        position: absolute;
        right: 61px;
    }
    .site-navbar ul {
        position: absolute;
        right: -60px;
        top: 60px;
        flex-direction: column;
        align-items: center;
        background-color: var(--hc);
        max-height: 0;
        overflow: hidden;
        transition: .3s;
        z-index: 99999;
        box-shadow: 0 0 10px rgb(192 190 182);
        width: 280px;
    }
    .site-navbar ul li {
        width: 100%;
        text-align: right;
        padding-right: 0;
    }
    .site-navbar ul li a {
        padding: 25px 25px 0px 25px;
    }
    .site-navbar ul.open {
        max-height: 80vh;
        padding-bottom: 29px;
        overflow: scroll;
       
    }
}