@media only screen and (max-width: 1399px) {

}


@media only screen and (max-width: 1199px) {
    
}

@media only screen and (max-width: 991px) {
  #hero h2 {
    font-size: 58px;
  }
  #hero h2 br {
   display: none;
  }
  h2 {
    font-size: 30px;
  }
  h2 br {
    display: none;
  }
  #hero {
    margin-bottom: 80px;
  }
  #about {
    margin-bottom: 80px;
  }
  .wwr-sec {
    margin-bottom: 80px;
    padding: 40px 0;
  }
  .Principles-sec {
    margin-bottom: 80px;
    padding: 60px 0;
  }
  #team {
    padding:0px;
    margin-bottom: 80px;
  }
  #team .member .pic {
    height: 338px;
  }
  .Workflow-sec {
    margin-bottom: 80px;
  }
  #services-sec {
    margin-bottom: 80px;
  }
  #header {
    top: 10px;
}   
}

@media only screen and (max-width: 767px) {
  #hero h2 {
    font-size: 44px;
  }
  #hero p {
    font-size: 18px;
  }
  #hero .btn-reach {
    font-size: 18px;
  }
  #hero {
    margin-bottom: 50px;
  }
  h2 {
    font-size: 26px;
  }
  h4 {
    font-size: 20px;
  }
  .abt-sub-btn {
    margin-top: 30px;
  }
  .btn-service {
    font-size: 18px;
  }
  #about {
    margin-bottom: 50px;
  }
  .wwr-sec {
    margin-bottom: 50px;
  }
  .Principles-inner-box {
    margin-bottom: 20px;
  }
  .Principles-sec {
    margin-bottom: 50px;
    padding: 60px 0;
  }
  #team {
    margin-bottom: 50px;
  }
  section#logo-sec {
    padding: 60px 0px;
  }
  #about-us {
    margin: 100px 0px 50px 0px;
  }
  #testimonial-sec {
    margin-bottom: 50px;
  }
  .Workflow-sec {
    margin-bottom: 50px;
  }
  .footer-cu-sec-align, .footer-Links-sec-align {
    justify-content: start;
  }
  .footer-aboutus-sec, .footer-Links-sec, .footer-cu-sec {
    margin-bottom: 0px;
  }
  #services-sec {
    margin-bottom: 50px;
  }
  img.hero-img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
  .hero-container::before {
    bottom: 0px;
}
}

@media only screen and (max-width: 575px) {
  #hero h2 {
    font-size: 30px;
  }
  #hero p {
    font-size: 16px;
  }
  #hero .btn-reach {
    font-size: 16px;
  }
  h2 {
    font-size: 22px;
  }
  h4 {
    font-size: 18px;
  }
  p {
    font-size: 16px;
  }
  #about {
    margin-bottom: 40px;
  }
  .wwr-sec {
    margin-bottom: 40px;
  }
  .Principles-sec {
    margin-bottom: 40px;
    padding: 10px 0;
  }
  #team {
    margin-bottom: 40px;
  }
  section#logo-sec {
    padding: 50px 0px;
  }
  #about-us {
    margin: 150px 0px 40px 0px;
}
  #testimonial-sec {
    margin-bottom: 40px;
  }
  .Workflow-sec {
    margin-bottom: 40px;
  }
  p.test {
    border-bottom:none;
  }
  .common-heading.text-center {
    margin-bottom: 30px;
    text-align: left !important;
}
  .Workflow-inner-box {
    padding: 0px;
  }
  #services-sec {
    margin-bottom: 40px;
  }
  #about p {
    text-align: justify;
}

#hero {
  height: 90vh;
}
#about-us p {
  text-align: justify;
}
.footer-bt-sec p {
  text-align: center;
}
.logo {
  width: 30%;
}
.hero-container::before {
  bottom: 86px;
}

}

@media only screen and (max-width: 420px) {
  
}