
@media only screen and (max-width: 700px){
    h1{
  font-size: calc(2rem + 0.5vw);
    }
    h2{
    font-size: calc(1.7rem + 0.5vw);
    }
    h3{
    font-size: calc(1.3rem + 0.5vw);
    }
    h4{
    font-size: calc(1.2rem + 0.5vw);
    }
    h5{
    font-size: calc(1.1rem + 0.5vw);
    }
    h6{
    font-size: calc(1rem + 0.5vw);
    }
  .dropdown-menu {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto;
    display: none; 
  }

  .dropdown.show .dropdown-menu {
    display: block; 
  }
  .menu-header.scrolled {
    background: #ffffff!important; 
  }
  .menu-header{
    padding: 0.5rem 10px 1rem 10px;
     background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 1) 100%)!important;
  }

  .logo-center img{
    height:auto;
  }
  .logo-center{
    width: 50%;
  }
  .banner-bx{
    height: 60vh;
  }
  .banner-cont{
    left: 10px;
    right: 10px;
    padding: 1rem;
  }
  .banner-cont h2{
    font-size: 1.1rem;
  }
  .blue-tit{
    font-size: 1.8rem;
  }
  .cyan-tit{
    font-size: 1.8rem;
  }
  .div-sec{
    flex-direction: column;
    padding: 10px 20px;
    margin-top: 20px;
  }
  .abt-sec{
    margin-top: 5px;
    flex-direction: column;
    padding: 20px;
  }
  .patt-cer-left{
    width: 100%;
   
  }
  .abt-sec-left{
    width: 100%;
    flex: 1;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .abt-sec-right{
    flex: 1;
    margin-left: 0px;
    padding: 20px;
  }
  .abt-sec-right-patte{
    width: 15%;
  }
  .our-serv-sec{
    padding: 20px;
  }
  .meet-team{
    margin: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .meet-team-bg{
    height: 500px;
  }
  .meet-team-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .meet-team p{
    width: 100%;
  }
  .mission-sec{
    flex-direction: column;
  }
  .mission-sec-left{
    width: 100%;
    flex: 1;
  }
  .mission-sec-right{
    flex: 1;
    padding: 20px;
    border-top-right-radius: 30px;
  }
  .mission-tit{
    font-size: 1.1rem;
  }
  .mission-tit-desig{
       font-size: 1rem;
  }
  .book-cta-sec{
    padding: 20px;
  }
  .book-cta-sec-bx{
    height: auto;
    flex-direction: column;
    padding: 1rem;
  }
  .ft-sec{
    padding: 20px 20px 0px 20px;
  }
  .ft-logo-bx{
    width: 90%;
    margin-bottom: 15px;
  }
  .ft-list{
    margin-bottom: 18px;
  }
  .inner-banner{
    padding: 120px 20px 40px 20px;
  }
  .inner-banner h1{
    font-size: 1.5rem;
    margin-bottom: 0px;
  }
  .breadcrumb{
    padding: 0.75rem;
    font-weight: 500;
  }
  .bas-sp-sec{
    padding: 20px;
  }
  .yt-frame{
    margin-bottom: 15px;
  }
  .horizontal-accordion{
    padding: 10px;
  }
  .accordion-box .content p{
    text-align: center;
  }
  .accordion-box.active h3{
    transform: unset;
    width: 100%;
    text-align: center;
  }
  .team-bx{
    width:100%;
    flex-direction: column;
    min-height: unset;
  }
  .logo-pattern{
    top: 10px;
    right:10px;
    z-index: 0;
  }
  .team-imgbx{
    position: relative;
    height: 300px;
  }
  .doc-name{
    font-size: 1.5rem;
  }
  .round-servimg-patt{
    z-index: -1px!important;
    opacity: 0.5;
  }
  .serv-cont-bx{
    z-index: 1;
    margin-top: 15px;
    
  }
  .sec-list{
    flex-direction: column;
  }
  .dark-bg-pattern{
    padding: 20px;
  }
  .sec-list li{
    width: 100%;
    padding-left: 8%;
     font-weight: 500;
  }
  .sec-list li::before{
    left: -10px;
  }
  .bas-img-hlder{
    margin-bottom: 15px;
  }
  .faq-section{
    padding: 20px;
  }
  .card-body{
    font-size: 0.9rem;
  }
  .card-header{
    padding: 0.75rem;
  }
  .cont-det-bx{
    padding: 20px;
  }
  .cont-det-bx .sing-row{
    margin-bottom: 15px;
  }

  .banner-slogan {
    position: absolute;
    bottom: 0%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0 20px;
}

.banner-slogan span {
    font-size: 32px;
}

}


@media only screen and (min-width: 701px) and (max-width: 990px){
  
}

@media only screen and (min-width: 1400px){
 
}
