/*====================================for ipad===================*/
@media only screen and (min-width:601px) and (max-width:768px){ 

.main-slider .slide {
   
    padding-top: 19.4em;
   
}
a#btn-hero-sec {

    right: 1em;
    bottom: 6.1em;
    padding: 1px 20px 1px 20px;
        
    font-size: 12px;
    
    
}
.main-header .main-menu .navigation > li > a {
    padding: 28px 0px;
}
.service-n {
    position: relative;
    top: 13.5px;
}
.owl-item.active {
    height: 26vh;
}
ul.info {
    
    left: 12em;
}

.main-header .header-top .social-box {
    position: relative;
    padding: 9px 146px 9px 1px;
}
}
@media only screen and (min-width:769px) and (max-width:1024px){ 

.main-slider .slide {
    
    padding-top: 25.7em;

}
    a#btn-hero-sec {

       bottom: 6.7em;
    padding: 11px 42px 11px 42px;
    font-size: 14.5px;
}
.owl-item.active {
    height: 20vh;
}
}





































@media only screen and (min-width:320px) and (max-width:600px){
    a#btn-hero-sec {
       padding: 3px 8px 3px 9px;
       font-size: 13px;
       position: relative;
       top: 2rem;
       }

       ul.social-box {
        flex-wrap: wrap;
        align-items: center;
        width: 80%;
        margin: auto;
    }

    a.btn-top-right {
        position: relative;
        top: 13px;
        padding: 3px 32px 3px 31px;
        font-size: 14px;
    }

    a.btn-top {
        position: relative;
        left: 29px;
    }
    .main-header .header-lower .nav-outer {
        position: relative;
        top: 30px;
        float: none;
    }
    section.appointment-section {
        padding: 12px;
    }
    .mobile-menu .navigation li{
        border: none;
    }

    .sticky-header {
        display: none;
    }
    .box-n{
        padding: 1px 20px 1px 20px !important;
         position: absolute;
         border:2.5px solid#010c3a00;
         top: 0px;
     
     }
     .active-box{
        padding: 1px 20px 1px 20px !important;
          position: absolute;
          border:2.5px solid#010c3a00;
          top: 0px;
      
      }
      .service-n{
        position: relative;top: 0px;
      }
      .main-slider .slide {
        padding: 100px 0px 160px;
    }

    a#btn-hero-sec {
        padding: 0px 3px 0px 3px;
        font-size: 9px;
        position: relative;
        top: 3.5rem;
        left: 11px;
    }
    .owl-item.active {
        height: auto;
    }
    section.appointment-section {
        top: -30px;
    }
    .img-kp-about{
        width: 100%;
    height: auto !important;
    }

    
    .services-kp-box {
        border: 2px solid gray;
        padding: 10px;
        margin: 12px;
    }
.kp-bg-respo{
    background: black !important;
}
.upper-box {
    background-size: cover;
}
.price-block .upper-box {
    position: relative;
    text-align: center;
    padding: 67px 20px 80px;
    background-position: center center;
    background-repeat: no-repeat;
}
.facility-block {
    top: 3rem;
}

}