.banner ul li button {
  max-width: 100%; }

.main-content .join-now button {
  max-width: 100%; }

.testimonial button {
  max-width: 100%; }

.main-content .gift-card input {
  max-width: 100%; }

.icons-holder ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto; }

.icon {
  position: absolute; }

.icon1-mirror {
  top: 17%;
  left: 6%; }

.icon1-lipstick-horizontal {
  left: 13%;
  top: 43%; }

.icon1-lipstick-vertical {
  top: 16%;
  left: 17%; }

.icon2-lipsticks-1 {
  left: 45%;
  z-index: 1; }

.icon2-lipsticks-2 {
  left: 42.8%;
  z-index: 1; }

.icon2_bg {
  maring-bottom: 10px; }

.icon2-box {
  top: 36%;
  left: 43.6%;
  z-index: 2; }

.icon3-1plus {
  top: 37%;
  right: 10%;
  z-index: 2; }

.icon3-5plus {
  top: 26%;
  right: 20%; }

.icon3-5plus-big {
  top: 28%;
  right: 8%; }

@media only screen and (max-width: 1920px) {
  .icon1-lipstick-vertical {
    left: 20%; }

  .icon1-lipstick-horizontal {
    left: 15%; }

  .icon2-box {
    left: 42.3%; }

  .icon2-lipsticks-1 {
    left: 44%; }

  .icon2-lipsticks-2 {
    left: 40.8%;
    top: -11px; }

  .icon3-1plus {
    right: 9.5%; }

  .icon3-5plus {
    right: 23.4%; }

  .icon3-5plus-big {
    right: 7%; } }
@media only screen and (max-width: 1680px) {
  .icon1-lipstick-vertical {
    left: 19.8%; }

  .icon1-lipstick-horizontal {
    left: 15%; }

  .icon2-box {
    top: 36.4%;
    left: 42.2%; }

  .icon2-lipsticks-1 {
    left: 44%; }

  .icon2-lipsticks-2 {
    left: 40.8%; }

  .icon3-1plus {
    right: 9%; }

  .icon3-5plus {
    right: 23%; }

  .icon3-5plus-big {
    top: 27%;
    right: 7.7%; } }
@media only screen and (max-width: 1440px) {
  .icon1-lipstick-vertical {
    left: 19.5%; }

  .icon1-lipstick-horizontal {
    left: 14%; }

  .icon2-box {
    left: 42.2%; }

  .icon2-lipsticks-2 {
    left: 41%;
    top: -11px; }

  .icon2-lipsticks-1 {
    left: 44%; }

  .icon3-5plus {
    right: 23.8%; } }
@media only screen and (max-width: 1024px) {
  .icon1-lipstick-vertical {
    left: 21%; }

  .icon1-lipstick-horizontal {
    left: 15%; }

  .icon2-box {
    left: 41.4%; }

  .icon2-lipsticks-1 {
    left: 43.5%; }

  .icon2-lipsticks-2 {
    left: 40.4%; }

  .icon3-1plus {
    top: 39%; }

  .icon3-5plus {
    right: 25.5%; } }
@media only screen and (max-width: 768px) {
  .icons-holder ul {
    flex-wrap: nowrap;
    width: 100%; }

  .icon1-mirror {
    left: 2%; }

  .icon1-lipstick-horizontal {
    left: 14%;
    top: 40%; }

  .icon1-lipstick-vertical {
    left: 21%; }

  .icon2-box {
    top: 31.5%;
    left: 40.7%; }

  .icon2-lipsticks-2,
  .icon2-lipsticks-1 {
    top: 0%; }

  .icon2-lipsticks-1 {
    left: 44%; }

  .icon2-lipsticks-2 {
    left: 39.5%; }

  .icon3-5plus {
    right: 20%;
    top: 24%; }

  .icon3-5plus-big {
    top: 26%;
    right: -1%; }

  .icon3-1plus {
    top: 35%;
    right: 2%; } }
@media only screen and (max-width: 425px) {
  .icons-holder ul {
    flex-wrap: wrap; }

  .icon1-mirror {
    left: 20%;
    top: 5.4%; }

  .icon1-lipstick-vertical {
    top: 5%;
    left: 54%; }

  .icon1-lipstick-horizontal {
    left: 41%;
    top: 13.8%; }

  .icon2-box {
    top: 43.4%;
    left: 31%; }

  .icon2-lipsticks-1,
  .icon2-lipsticks-2 {
    top: 33%; }

  .icon2-lipsticks-1 {
    left: 37%; }

  .icon2-lipsticks-2 {
    top: 32.5%;
    left: 29%; }

  .icon3-1plus {
    top: 76.8%;
    right: 29%; }

  .icon3-5plus {
    right: 63%;
    top: 73%; }

  .icon3-5plus-big {
    right: 23%;
    top: 74%; } }
@media only screen and (max-width: 375px) {
  .icon1-mirror {
    left: 17%;
    top: 6%; }

  .icon2-box {
    left: 28.5%; }

  .icon2-lipsticks-1 {
    left: 34%; }

  .icon2-lipsticks-2 {
    left: 26%; } }
@media only screen and (max-width: 320px) {
  .icon1-mirror {
    left: 12%;
    top: 6%; }

  .icon2-box {
    top: 44.5%;
    left: 25%; }

  .icon2-lipsticks-1 {
    left: 33%; }

  .icon2-lipsticks-2 {
    left: 23%; }

  .icon3-1plus {
    right: 22%; }

  .icon3-5plus {
    right: 68%; }

  .icon3-5plus-big {
    right: 14%; } }
@media only screen and (max-width: 480px) {
  .video-testimonial h4 {
    margin: 45px auto; }

  footer .footer-nav table th {
    width: 100px;
    font-size: 12px; }

  footer .footer-nav table td a {
    font-size: 10px; }

  footer {
    padding: 0 0; } }
.cancel-screen {
  width: 50%;
  margin: 5% auto 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  font-family: Avenir-Medium, sans-serif; }
  .cancel-screen .go-back {
    height: 40px;
    width: 160px;
    margin-top: 30px;
    margin-bottom: 30px; }

.welcome-modal {
  text-align: center; }
  .welcome-modal img {
    height: 80px; }
  .welcome-modal p {
    color: #000 !important;
    margin-top: 30px !important; }
  .welcome-modal a {
    color: hotpink !important; }
  .welcome-modal a:hover {
    color: #000 !important; }
  .welcome-modal .pink-button {
    height: 50px;
    width: 200px;
    margin-top: 40px; }
  @media (max-width: 992px) {
    .welcome-modal img {
      height: 40px; }
    .welcome-modal h2 {
      font-size: 24px; }
    .welcome-modal i {
      margin-bottom: 0 !important; } }

.referredInfo {
  background-color: #f60086;
  margin: 0 !important;
  position: relative;
  z-index: 2;
  -webkit-transition: height .3s ease-in-out;
  transition: all .3s ease-in-out;
  height: 0;
  opacity: 0;
  cursor: default;
  text-align: center;
  font-family: PlayfairDisplay-Italic, sans-serif;
  font-size: 20px;
}

.referredInfo.active {
  height: 100px;
  width: 100%;
  text-align: center;
  background-color: #f60086;
  color: white;
  font-family: PlayfairDisplay-Italic, sans-serif;
  font-size: 18px;
  vertical-align: middle;
  opacity: 1;
  cursor: pointer;
}

/*.Test {
  height: 100px;
  width: 100%;
  text-align: center;
  background-color: #f60086;
  color: white;
  font-family: PlayfairDisplay-Italic, sans-serif;
  font-size: 20px;
  vertical-align: middle;
  opacity: 1;
}*/
/*# sourceMappingURL=home.css.map */