/*changes xams */
.xmax-wrap-1 {
  background: #06235F url(../img/xmas/chibg1.png) no-repeat top center;
  min-height: 600px;
  background-size: 100%;
}

.xmax-wrap-1 img {
  max-width: 900px;
}

.xmax-white {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.xmax-give-wrapper {
  text-align: center;
}

.xmax-give-wrapper h1 {
  font-weight: bold;
  font-size: 42px;
  color: #dda44d;
}

.xmax-give-wrapper h2 {
  font-size: 32px;
  font-weight: 400;
}

.xmax-give-wrapper .give-div {
  cursor: pointer;
}

.give-div {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.gd-img {
  width: 100%;
  float: left;
  background: #dda44d;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.gd-img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  background: white;
}

.give-div p {
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
  display: block;
}

.give-div p span {
  font-weight: 300;
  font-size: 16px;
  display: block;
}

.grab-main-wrapper {
  background: #e9e9e9 url(../img/xmas/grab-bottom.png) no-repeat bottom center !important;
  text-align: center;
  padding-bottom: 100px !important;
  background-size: 100% !important;
}

.grab-main-wrapper h1 {
  font-weight: bold;
  font-size: 42px;
  color: #dda44d;
}

.grab-head-img {
  max-width: 750px;
  margin-bottom: 20px;
  width: 100%;
}

.grab-main-wrapper p {
  font-size: 22px;
  margin-top: 20px;
  display: block;
}

.grab-main-wrapper .give-div {
  width: 100%;
  float: left;
  margin-top: 30px;
  background: #dda44d;
  border-radius: 10px;
  padding-bottom: 40px;
}

.grab-main-wrapper .give-div .gd-img {
  margin-bottom: 0px;
}

.grab-main-wrapper .give-div h4 {
  font-size: 24px;
  color: black
}

.grab-main-wrapper .give-div a {
  background: white;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 6px;
  color: black;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
}

.xmax-cong-wrapper {
  background: #e9e9e9;
  padding: 80px 0px;
  text-align: center;
}

.xmax-cong-wrapper h2 {
  font-size: 38px;
  text-align: center;
  margin-top: 40px;
  font-weight: bold;
}

.xmax-cong-wrapper p {
  text-align: center;
  margin-top: 30px;
  font-size: 22px;
}

.xmax-cong-wrapper img {
  max-width: 750px;
  width: 100%;
}

.xmax-decor-wrapper {
  background: #fff url(../img/xmas/decor-bg.png) no-repeat bottom center !important;
  text-align: center;
  padding-bottom: 100px !important;
  background-size: 100% !important;
  text-align: center;
}

.xmax-decor-wrapper h2 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 50px;
  text-align: center;
}

.laza-balls {
  max-width: 700px;
  width: 100%;
}

.xmax-decor-wrapper a img {
  max-width: 350px;
  margin-top: 50px;
}

.modal-chi .modal-content {
  background: #e9e9e9 url(../img/xmas/grab-bottom.png) no-repeat bottom center !important;
  text-align: center;
  padding-bottom: 30px !important;
  background-size: 100% !important;
}

.modal-chi .modal-dialog {
  max-width: 700px;
}

.modal-chi img {
  margin-top: 30px;
  max-width: 600px;
}

.modal-chi .modal-content h3 {
  color: black;
}

.modal-chi .modal-content textarea {
  height: 250px;
  font-size: 20px;
  background: white;
  border-radius: 15px;
  margin-top: 20px;
  border: 1px solid #dda44d;
}

.modal-chi .modal-content .laza-btn {
  background: #dda44d;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}

.modal-chi-thnx .modal-content {
  background: #e9e9e9 !important;
}

.modal-chi-thnx .modal-content p {
  color: black;
}

.modal-chi-3 h3 {
  margin: 100px auto;
}
.give-div span {
  background: #f1f1f1;
  color: #9f9f9f;
  padding: 10px 15px;
  border-radius: 4px;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 10px;
}

.grab-check {
  margin-top: 30px;
}
.grab-check a {
  font-weight: bold;
  color: #dda44d;
}
@media (max-width:767px) {
  .xmax-wrap-1 {
    min-height: 300px;
  }

  .xmax-give-wrapper h1 {
    font-size: 24px;
  }

  .xmax-give-wrapper h2 {
    font-size: 21px;
    font-weight: 400;
  }

  .xmax-give-wrapper h2 br {
    display: none;
  }

  .gd-img {
    padding: 5px;
    border-radius: 5px;
  }

  .gd-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    background: white;
  }

  .give-div p {
    font-size: 16px;
  }

  .grab-main-wrapper h1 {
    font-size: 24px;
  }

  .grab-main-wrapper p {
    font-size: 18px;
  }

  .grab-main-wrapper .give-div .gd-img {
    margin-bottom: 15px;
  }

  .grab-main-wrapper .give-div h4 {
    font-size: 20px;
  }

  .grab-main-wrapper .give-div {
    padding-bottom: 20px;
  }

  .grab-main-wrapper .gd-img img {
    height: 250px;
  }

  .xmax-cong-wrapper h2 {
    font-size: 24px;
  }

  .xmax-cong-wrapper p {
    font-size: 18px;
  }

  .xmax-decor-wrapper a img {
    max-width: 300px;
    margin-top: 50px;
  }
}