body, html {
  overflow-x: hidden;
}

@media only screen and (min-width: 992px) {
  .banner .b-content{
    top: 20%;
  }
  .banner .b-content h1{
    font-size: 55px;
  }
}

@media screen and (min-width: 768px) {
  .navbar-brand img {
    width: 100px;
  }
  .navbar-brand {
    margin-right: 0;
    padding: 0 1em;
  }
}

@media only screen and (max-width: 768px) {
  .banner .b-content{
    left: 5%;
    top: 20%;
  }
  .banner .b-content h1{
    font-size: 30px;
  }
  .banner .b-content span{
    font-size: 20px;
  }
  footer .the-company{
    padding-left: 1rem;
    margin: 2rem 0;
  }
  .banner .b-content p{
    font-size: 10px;
    width: 70%;
  }
  .con-form{
    padding: 50px 20px;
  }
  .faqs h2{
    font-size: 50px;
  }
  .faqs .left-side h3{
    font-size: 30px;
  }
  .faqs .right-side .accordion h3 .accordion-button{
    font-size: 17px;
  }
}