@media (max-width: 2560px) {
  .hero-default {
      min-height: 80vh !important;
      margin-top: 120px;
  }
}
@media (max-width: 1610px) {
  .hero-default {
      min-height: 69vh !important;
      margin-top: 120px;
  }

  .form-1{
    position: relative;
    left: 52%;
  }
}


@media (max-width: 1200px) {
  .hero-default {
      min-height: 66vh !important;
  }

  .form-1{
    position: relative;
    left: 60%;
  }
}

@media (max-width: 1024px) {
  .hero-default {
      min-height: 58vh !important;
  }

  .form-1{
    position: relative;
    left: 55%;
    width: 360px;
  }
}


@media (max-width: 992px) {
  .hero-default {
      min-height: 70vh;
  }
}

@media (max-width: 767px) {
  .hero-default {
      min-height: 70vh;
  }

  .hero-default {
        min-height: 86vh !important;
    }
    .form-1 {
      background: #12121285;
      padding: 21px;
      border: 3px solid #b29c77;
      border-radius: 10px;
      box-shadow: 1px 1px 4px #000;
      position: relative;
      left: 9%;
      top: 100px;
      width: 300px;
    }

    form .box-rounded h3 {
      font-size: 24px !important;
    }

    .form-1 input {
      margin: 10px 0 !important;
    }

    input[type="text"], form select, textarea {
        width: 100%;
        height: 35px;
        border-radius: 0;
        background-color: #F3F4F5;
        padding: 10px 20px;
        border: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: var(--color-black);
        font-weight: 500;
    }
}

@media (max-width: 466px) {
  .hero-default {
      min-height: 70vh;
  }

  .hero-default {
        min-height: 86vh !important;
    }
    .form-1 {
      background: #12121285;
      padding: 21px;
      border: 3px solid #b29c77;
      border-radius: 10px;
      box-shadow: 1px 1px 4px #000;
      position: relative;
      left: 9%;
      top: 100px;
      width: 300px;
    }

    form .box-rounded h3 {
      font-size: 24px !important;
    }

    .form-1 input {
      margin: 10px 0 !important;
    }

    input[type="text"], form select, textarea {
        width: 100%;
        height: 35px;
        border-radius: 0;
        background-color: #F3F4F5;
        padding: 10px 20px;
        border: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: var(--color-black);
        font-weight: 500;
    }
}

@media (max-width: 375px) {
    main section.hero.hero-default.ul_li.bg_img {
        background-image: url(assets/img/bg/banner.jpg') !important;
    }

    .hero-default {
        min-height: 86vh !important;
    }
    .form-1 {
      background: #12121285;
      padding: 21px;
      border: 3px solid #b29c77;
      border-radius: 10px;
      box-shadow: 1px 1px 4px #000;
      position: relative;
      left: 9%;
      top: 100px;
      width: 300px;
    }

    form .box-rounded h3 {
      font-size: 24px !important;
      padding-bottom: 12px;
    }

    .form-1 input {
      margin: 10px 0 !important;
    }

    input[type="text"], form select, textarea {
        width: 100%;
        height: 35px;
        border-radius: 0;
        background-color: #F3F4F5;
        padding: 10px 10px;
        border: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: var(--color-black);
        font-weight: 500;
    }


}

@media (max-width: 310px) {
  body {
    background: #a3ff9a;
  }
}

@media (max-width: 280px) {
  .hero-default {
      min-height: 70vh;
  }

  .hero-default {
        min-height: 86vh !important;
    }
    .form-1 {
      background: #12121285;
      padding: 21px;
      border: 3px solid #b29c77;
      border-radius: 10px;
      box-shadow: 1px 1px 4px #000;
      position: relative;
      left: 0%;
      top: 100px;
      width: 300px;
    }

    form .box-rounded h3 {
      font-size: 23px !important;
    }

    .form-1 input {
      margin: 10px 0 !important;
    }

    input[type="text"], form select, textarea {
        width: 100%;
        height: 35px;
        border-radius: 0;
        background-color: #F3F4F5;
        padding: 10px 20px;
        border: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: var(--color-black);
        font-weight: 500;
    }
}
}