@media only screen and (max-width: 767px) {
  body {
    font-size: 18px;
  }
  h1 {
    font-size: 45px;
  }
  h2 {
    font-size: 32px;
  }
  .logo {
    width: 110px;
  }
  .lead-description {
    font-size: 20px;
  }
  .img-content {
    margin-top: 30px;
  }
  .btn-thank {
    font-size: 14px;
  }
  .available-content-bg {
    justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .navbar-brand {
    width: 26%;
  }
  .navbar-collapse {
    margin-top: 30px;
    text-align: center;
  }
  .lead-page-section {
    margin-bottom: 50px;
  }
  .about, .resourcing, .outsourcing-benefits, .our-team {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/about.jpg") !important;
    background-position: center left;
    margin: 50px 0px;
    padding: 60px 0px;
    height: auto;
  }
  .our-team {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/our-team-1.jpg") !important;
    background-position: center center;
    margin-bottom: 0px;
  }
  .our-team-description {
    margin: 0px;
    padding: 60px 0px !important;
    height: auto;
  }
  .team-description {
    padding: 0px !important;
  }
  .consultants {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/consultants.jpg") !important;
  }
  .project-managers {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/project-managers.jpg") !important;
  }
  .technical-consultants {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/technical-consultants.jpg") !important;
  }
  .data-migration {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/data-migration.jpg") !important;
  }
  .developers {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/developers.jpg") !important;
  }
  .testers {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/testers.jpg") !important;
  }
  .resourcing {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0.6) 100%, rgba(36, 35, 34, 0) 54%), url("../img/resourcing.jpg") !important;
    background-position: center center;
  }
  .outsourcing-benefits {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 27%, rgba(0, 0, 0, 0) 100%, rgba(36, 35, 34, 0) 54%), url("../img/outsourcing-3.jpg") !important;
    background-position: center center;
  }
  .temenos, .resourcing-bottom {
    margin-bottom: 50px;
  }
  .available {
    padding: 50px 0px;
  }
  #contact {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 100%, rgb(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 50%), url("../img/contact.jpg") !important;
    padding: 130px 0px 50px;
  }
  footer {
    padding-top: 60px;
  }
  .animation {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
  }
}
@media only screen and (max-width: 1200px) {
  .navbar-collapse {
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
  }
  .navbar-nav .dropdown-menu {
    border: none;
    text-align: center;
  }
  .nav-language {
    display: flex;
    justify-content: center;
  }
  .language {
    width: 30px;
  }
}