/* Media Query 1170px */
@media (max-width: 1199.5px) {
  /* parallax CSS*/
  .parallax:not(.parallax-services) {
    background-size: 50%;
  }
  .main-wrapper .black-card {
    left: -500px;
    width: 100%;
  }
  .main-wrapper .black-card.right {
    right: -500px;
  }

  /* process */
  .process-wrapper .process-content {
    width: 100%;
  }
  /* content page */
  form-section {
    padding: 4rem 1rem;
  }
  .contact .get-in-touch .card {
    padding: 2rem 1rem;
  }
}
/* .main-wrapper .black-card {
  left: -640px;
  width: 100%;
} */

/* Media Query 991px */
@media (max-width: 991.5px) {
  /* 01 Navbar CSS */
  .header .navbar-collapse {
    padding: 2rem;
  }

  .header .navbar-nav .nav-link {
    padding: 0.6rem 0.5rem;
    margin-bottom: 2rem;
  }

  /* card */
  .main-wrapper .black-card {
    left: -270px;
    width: 80%;
  }
  .main-wrapper .black-card.right {
    right: -270px;
  }
  /* paralex CSS*/
  .parallax-services {
    background-size: cover;
  }
  /* content page */

  .contact .get-in-touch .card {
    min-height: 350px;
  }
}

/* Media Query 767px */

@media (max-width: 767.5px) {
  /* General CSS */
  body,
  html {
    font-size: 8px;
  }
  /* .wrapper-fraction::after {
    font-size: 2.5rem;
    font-weight: 700;
  }
  .wrapper-fraction::before {
    font-size: 2rem;
    font-weight: 500;
  } */

  /* card */
  .main-wrapper .black-card {
    left: 5%;
    width: 90%;
  }
  .main-wrapper .black-card.right {
    right: 5%;
    width: 90%;
  }
  /* paralex CSS*/
  .parallax:not(.parallax-services) {
    background-size: cover;
  }
  .parallax-1 {
    background-size: cover;
  }

  /* content page */
  .contact .get-in-touch .card {
    min-height: 310px;
  }
}

/* Media Query 590px */

@media (max-width: 590px) {
  /* General CSS */
  body,
  html {
    font-size: 7px;
  }

  /* parallax */
  .parallax.img2,
  .parallax.img3,
  .parallax.img4,
  .parallax.img5,
  .parallax.img6,
  .parallax.img7 {
    height: 300px;
  }
  /* .main-wrapper {
    margin-top: 35vh;
  } */
  /* Footer */
  .link-widget a img {
    width: 30px;
    height: 30px;
  }
  /* content page */
  .contact .get-in-touch .card {
    min-height: 254px;
  }
}

/* Media Query 380px */
@media (max-width: 390.4px) {
  h1 {
    font-size: 27px;
  }
  h2 {
    font-size: 25px;
  }
}