@import url('../../fonts/font.css');

@media (max-width: 1123px) {
  .gopark_logo_div {
    height: auto;
    width: 200px;
  }

  .gopark_logo_img {
    margin-top: 20px;
    margin-left: 20px;
    width: 150px;
    height: auto;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    transition: 0.5s;
    cursor: pointer;
  }

  .inquire_div {
    height: auto;
    width: 300px;
    margin-left: 30px;
  }

  .contact_us_footer_div {
    height: auto;
    width: 300px;
    margin-left: 30px;
  }

  .social_div {
    height: auto;
    width: 90px;
    margin-left: 30px;
    margin-right: 10px;
  }
}

@media (max-width: 980px) {
  .inquire_div {
    height: auto;
    width: 250px;
    margin-left: 30px;
  }

  .contact_us_footer_div {
    height: auto;
    width: 250px;
    margin-left: 30px;
  }
}

@media (max-width: 840px) {
  .inquire_div {
    height: auto;
    width: 200px;
    margin-left: 30px;
  }

  .inquire_title {
    font-family: Gabarito-Regular;
    color: white;
    font-size: 15px;
  }

  .inquire_description {
      color: white;
      font-family: Gabarito-Regular;
      font-size: 14px;
  }

  .contact_us_footer_div {
      height: auto;
      width: 200px;
      margin-left: 30px;
  }

  .contact_us_footer_title {
      font-family: Gabarito-Regular;
      color: white;
      font-size: 15px;
  }

  .email_text {
      position: relative;
      bottom: 19px;
      margin-left: 5px;
      color: rgb(71, 147, 196);
      font-family: Gabarito-Regular;
      font-size: 14px;
  }

  .address_text {
      position: relative;
      bottom: 18px;
      margin-left: 5px;
      color: rgb(71, 147, 196);
      font-family: Gabarito-Regular;
      font-size: 14px;
  }
}

@media (max-width: 643px) {

  .footer_container {
    display: block;
  }

  .inquire_div {
    height: auto;
    width: 80%;
    margin-left: 30px;
  }

  .contact_us_footer_div {
      height: auto;
      width: 80%;
      margin-left: 30px;
  }

  .address_div {
    display: flex;
    margin-bottom: -32px;
  }
}

@media (max-width: 430px) {
  .whatsapp_img {
      position: fixed;
      bottom: 22px;
      right: 22px;
      height: 70px;
      width: auto;
      border-radius: 100px;
      cursor: pointer;
      transition: 0.5s;
  }
}
