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

  .form input[type="text"],
  .form input[type="tel"],
  .form input[type="email"],
  .form textarea {
    width: 88%;
  }

  .form input[type="text"].half-width,
  .form input[type="tel"].half-width,
  .form input[type="email"].half-width {
    width: 88%;
  }

  .form .float-left,
  .form .float-right {
    float: unset;
  }

  .hidden {
    display: none !important;
  }

}

@media (max-width: 1259px) and (min-width: 992px) {
  .center {
    width: 960px;
  }

  header nav.top-menu {
    width: 660px;
  }

  footer .column {
    margin-right: 32rem;
  }
}

@media only screen and (max-width: 991px) {
  .form input[type="text"].half-width {
    width: 88%;
  }

  ul.social-media {
    margin-top: 2rem;
  }

  .social-icon.hide {
    display: inline;
  }
}

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

  section.call-to-action,
  section.call-to-action .middle-helper {
    height: 480px;
  }

  ul.social-media {
    margin-top: -6rem;
    text-align: right !important;
  }

  .omatic {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  footer {
    padding: 0;
  }
}

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

  section.call-to-action,
  section.call-to-action .middle-helper {
    height: 540px;
  }
}

@media only screen and (max-width: 480px) {
  .social-media {
    display: none;
  }

  section.call-to-action,
  section.call-to-action .middle-helper {
    height: 640px;
  }
}

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

  section.call-to-action,
  section.call-to-action .middle-helper {
    height: 840px;
  }
}

/*---- whatsapp ----*/
.responsive-wapp {
  display: none;
}

@media only screen and (max-width: 591px) {
  .responsive-wapp {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    font-size: 1.5rem;
    margin-right: 1rem;
  }

  .btn-wapp .fa-whatsapp {
    font-size: 1.5rem;
  }

  .btn-wapp a {
    text-decoration: none;
    position: absolute;
    top: -13px;
  }

  .btn-wapp {
    display: flex;
    justify-content: center;
    right: unset;
    bottom: 0;
    border-radius: 0;
    margin: unset;
    height: 36px;
    width: 100%;
  }
}