/* ======== RESPONSIVE CSS ========= */

/* ===================================================
		MIN WIDTH 
=================================================== */

@media screen and (min-width: 600px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
  .desktop-height {
    height: 400px;
  }

  .slider-nav-absolute-container {
    position: absolute;
    max-width: 850px;
    width: 135%;
    top: 0;
    right: 0;
  }

  .bodyslider-container {
    position: absolute;
    max-width: 810px;
    width: 150%;
  }
}

@media (min-width: 1200px) {
  .desktop-height {
    height: 550px;
  }
}

@media screen and (min-width: 1500px) {
}

/* ===================================================
		MAX WIDTH 
=================================================== */
/* mobile displays that are shown under the large breakpoint (992px) */
@media screen and (max-width: 991px) {
  .form-wrapper,
  .gform_wrapper {
    max-width: 100%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .form-wrapper {
    margin-top: 100px;
  }

  .absolute-container {
    position: absolute;
    top: 25%;
    /* left: 50%; */
    transform: translate(-50%, 0);
  }

  .star {
    transform: translate(-100%);
    width: 640px;
  }

  .navbar-light .navbar-toggler {
    color: #fff !important;
    border-color: #fff !important;
  }

  div#primaryNav {
    background-color: #0f294d !important; /* slight tint */
  }

  .custom-button-absolute {
    position: relative;
    bottom: 0;
    left: 0;
  }

  .slider-title .slide h1 {
    margin-bottom: 25px;
    z-index: -1;
  }

  .large {
    font-size: 52px;
    line-height: 42px;
  }

  .fit-content {
    margin: 0 auto;
  }

  .hero-winners {
    padding: 205px 0 120px;
  }
  /* Primary Menu Wrapper */
  #primary-menu.navbar-nav {
    display: flex;
    align-items: center;
    gap: 0rem; /* space between menu items */
  }
}

/* mobile displays that are shown under the medium breakpoint (768px) */
@media screen and (max-width: 767px) {
  .logo {
    max-width: 240px;
  }
}

@media screen and (max-width: 640px) {
  .form-wrapper,
  .gform_wrapper {
    max-width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .form-wrapper {
    margin-top: 0px;
  }
  .gform_wrapper .gform_footer input[type="submit"].gform_button,
  .gform_wrapper .gform_footer button.gform_button,
  .gform_wrapper .gform_footer .gform-button {
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 47px;
    padding-left: 25px;
  }
  .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 0px !important;
  }
  .gform_wrapper.gravity-theme input[type="tel"],
  .gform_wrapper.gravity-theme input[type="email"] {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 500px) {
  h1,
  .h1 {
    font-size: 59px;
  }

  h2,
  .h2 {
    font-size: 35px;
  }

  .hero-bg {
    height: 200vw;
    min-height: 720px;
    max-height: 850px;
  }

  .breakword {
    word-break: break-all;
  }
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 350px) {
}

@media screen and (max-width: 300px) {
}

/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
@media (min-width: 351px) and (max-width: 500px) {
}

/* 501px - 991px LARGE size */
@media (min-width: 501px) and (max-width: 991px) {
}

/* 768px - 991px MEDIUM Size */
@media (min-width: 768px) and (max-width: 991px) {
}

/* 768px - 1200px MEDIUM AND LARGE Size */
@media (min-width: 768px) and (max-width: 1199px) {
}

/* 992px - 1199px LARGE size */
@media (min-width: 992px) and (max-width: 1199px) {
}