@media screen and (min-width: 992px) {
  .nav-pills-howwork {
    display: flex;
  }

  .tab-content-howwork .nav-link {
    display: none;
  }

  .tab-content-howwork .collapse {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .container-1420 {
    max-width: 1420px;
  }
}

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

  /* Common Title */

  .display-1 {
    font-size: 48px;
  }

  .display-2 {
    font-size: 40px;
  }

  .display-3 {
    font-size: 32px;
  }

  .display-4 {
    font-size: 28px;
  }

  .bg-arrow {
    transform: scale(0.5);
    bottom: -55px;
    left: -80px;
  }

  .section-pink-five .bg-arrow,
  .section-lavender-one .bg-arrow {
    bottom: -55px;
  }

  .lavender-seven-image {
    margin-left: -90px;
  }

  .green-four-image img {
    max-width: 500px;
  }

  .section-green-four .col-lg-5 {
    align-self: flex-end
  }

  .section-green-four .col-lg-7 {
    padding-left: 15px;
  }

  .section-green-four .col-lg-7 br {
    display: none;
  }

  .tab-content-howwork .tab-pane:nth-child(3) .tab-content-howwork-image {
    margin-top: 150px;
  }

  .tab-content-howwork .tab-pane:nth-child(4) .tab-content-howwork-image {
    margin-top: 145px;
  }

  .tab-content-howwork .tab-pane:nth-child(5) .tab-content-howwork-image {
    margin-top: 155px;
  }
}

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

  body{
    font-size: 12px;
  }
}

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

  .sky-two-image {
    right: 60px;
  }
}

@media screen and (max-width: 1199px) {
  .header .navbar-nav .nav-link {
    margin-right: 12px;
    font-size: 20px;
  }

  .sky-two-image {
    position: relative;
    right: 50px;
  }
    
  .google_app, .apple_app{
    max-height: 50px;
  }

  .app_icons{
    margin: 0;
  }
}

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

  /* Buttons */

  .btn {
    font-size: 18px;
    height: 50px;
  }

  /* FORM */

  .form-control {
    height: 55px;
  }

  /* GUTTERS */

  .container-1672 {
    border-radius: 27px;
  }

  .col-lg-100 {
    max-width: 100%;
  }

  br {
    display: none;
  }

  /* HEADER */

  .header,
  .header.sticky {
    padding: 15px 0;
  }

  .header .navbar-nav {
    padding-top: 30px;
  }

  .header .navbar-brand {
    max-width: 120px;
  }

  .header .navbar-nav .nav-item {
    text-align: center;
  }

  .header .navbar-nav .nav-link {
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 18px;
  }

  .google_app, .apple_app{
    max-height: 40px;
  }


  /* PAGES */

  .section-lavender-one {
    padding-top: 50px;
  }

  .section-lavender-one p {
    font-size: 36px;
    margin-top: 40px;
    width: 100%;
  }

  .lavender-one-image {
    margin-top: 30px;
  }

  .lavender-one-image img,
  .sky-two-image img,
  .pink-three-image img,
  .green-four-image img,
  .pink-five-image img,
  .sky-six-image img,
  .lavender-seven-image img,
  .green-eight-image img,
  .pink-nine-image img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .section-feelgood,
  .section-loop,
  .section-benifit,
  .section-slot,
  .section-noshow,
  .section-hand,
  .section-howwork,
  .section-join,
  .section-coupon,
  .section-step {
    padding: 70px 0;
  }

  .sky-two-image,
  .pink-three-image {
    right: 0;
  }

  .green-four-image {
    left: 0;
  }

  .bg-arrow {
    display: none;
  }

  .section-already {
    padding: 100px 0;
  }

  .section-already .store-slider {
    margin-top: 40px;
  }

  .section-green-four {
    padding: 50px 0;
  }

  .section-green-four .col-lg-7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-green-four .display-1 {
    margin-top: 30px;
  }

  .section-green-four .btn {
    margin: 30px 0 0;
  }

  .section-loop h5 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 40px;
  }

  .section-loop .card {
    padding: 20px;
  }

  .section-pink-five,
  .section-sky-six,
  .section-lavender-seven,
  .section-green-eight {
    padding-top: 50px;
  }

  .section-pink-five .btn,
  .section-lavender-one .btn {
    margin-top: 24px;
  }

  .section-pink-five .card {
    display: none;
  }

  .pink-five-image {
    margin-left: 0;
    margin-top: 30px;
  }

  .section-lavender-seven .list-benefit {
    margin-right: 0;
  }

  .list-benefit li {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .lavender-seven-image {
    margin-left: 0;
    margin-top: 30px;
  }

  .green-eight-image {
    margin-left: 0;
    margin-top: 30px;
  }

  .section-noshow .display-3 {
    margin-top: 30px;
    font-size: 30px;
  }

  .section-howwork .display-3 {
    margin-bottom: 60px;
  }

  .tab-content-howwork .tab-pane {
    display: block !important;
    opacity: 1 !important;
  }

  .nav-pills-howwork .nav-link,
  .tab-content-howwork .nav-link {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .nav-pills-howwork .nav-link span,
  .tab-content-howwork .nav-link span {
    padding: 5px 10px;
  }

  .tab-content-howwork .tab-pane .tab-content-howwork-image {
    margin-top: 0 !important;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-join form,
  .section-join .btn {
    margin-top: 50px;
  }

  .section-pink-nine {
    margin-top: 0;
    padding: 50px 0;
  }

  .pink-inner-nine-image {
    margin-top: 25px;
    max-width: 300px;
  }

  .pink-nine-image {
    margin-top: 30px;
    margin-bottom: 30px;
    left: 0;
  }

  .section-coupon .card {
    margin: 40px 0 0;
  }

  .form-info-icon:hover .extra-info{
    left: 50%;
  }

  .section-coupon .card .icon-left {
    max-width: 70px;
  }

  .section-coupon .btn {
    margin-top: 50px;
  }

  .section-step .card {
    padding: 20px;
    margin-bottom: 30px;
  }

  .progress-step-01 .display-4,
  .progress-step-03 .display-3 {
    margin-bottom: 50px;
  }

  .progress-step-02 .display-4 {
    margin: 30px 0 50px;
  }

  .progress-step-04 .google-captch {
    margin: 50px 0;
  }

  .footer {
    padding: 50px 0;
  }

  .footer-logo img {
    margin: 0 auto;
  }

  .footer .footer-copyright {
    margin-top: 30px;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
  }

  .footer .footer-copyright p+p {
    margin-left: 0;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .list-services li {
    flex-direction: column;
    text-align: center;
  }

  .list-services li .icon-left {
    max-width: 80px;
  }

  .form-info-icon:hover .extra-info{
    left: 25%;
  }

  .list-services li h6 {
    margin-top: 20px;
    font-size: 32px;
    margin-left: 0;
  }
}
.google_app, .apple_app{
  max-height: 30px;
}
@media screen and (max-width: 580px) {
  .builded_form {
    width: 90%;
    margin: auto;
  }
  .app_icons{
    margin: 0;
  }
  .google_app, .apple_app{
    max-height: 30px;
  }
}
@media screen and (max-width: 480px) {
  .form-info-icon:hover .extra-info{
    left: 0;
  }
  .app_icons{
    margin: 0;
  }
  .google_app, .apple_app{
    max-height: 30px;
  }
}  
@media screen and (max-width: 425px) {
  .app_icons{
    margin: 0;
  }
  .google_app, .apple_app{
    max-height: 25px;
  }
}
@media screen and (max-width: 385px) {
  .app_icons{
    margin: 0;
  }
  .google_app, .apple_app{
    max-height: 20px;
  }
}