@media (min-width: 991px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 990px) {
  .landingPage .banner {
    margin-top: 90px;
    background-position: center center;
    height: 400px;
  }
    
    .example-menu .content {
        padding-top:0 !Important;
        padding-bottom:0 !important;
        background: none !important;
        height:152px !Important;
        padding-top:34px !important;
    }
    
    .example-menu {
        /* height:90px !important; */
        margin-bottom:15px;
    }
    
    .school-list {
        padding: 10px 25px 42px 25px !Important;
    }

  .landingPage .section-2 button {
    width: 280px;
    font-size: 16px;
  }

  #topnav .navigation-menu > li.menuSocialMedia > div.social {
    padding-left: 0 !important;
  }

  #topnav .navigation-menu > li.menuSocialMedia {
    height: 47px;
    text-align: center;
  }

  .fbLikeLike2 {
    position: fixed !important;
    top: 35px;
    right: 21%;
    z-index: 9;
  }

  #topnav .navigation-menu > li.fbLikeLi {
    display: none;
  }

  .landingPage .banner .title {
    margin-top: -50px;
  }

  .landingPage .banner .bgFilter {
    margin-top: 90px;
    height: 400px;
  }

  .landingPage .banner h4 {
    display: block;
    width: 90px;
    margin: 0 auto;
  }

  .landingPage .section-3 h2 {
	  margin-top:-1em !important; 
    font-size: 6em;
    line-height: 1em;
  }

  .landingPage .section-3 .wrapper .content p {
    font-size: 16px;
    line-height: 16px;
  }

  .landingPage .section-3 .wrapper .slickWrapper {
    margin-top: 5px;
  }

  .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
  }

  .landingPage .section-3 .wrapper .content {
    padding-bottom: 0;
  }

  .landingPage .section-3 .wrapper .title h3 {
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 40px;
  }

  .landingPage .section-3  .price {
    width: 250px;
    padding: 8px;
    font-size: 4em;
  }

  .landingPage .section-2 img.number {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  .landingPage .section-3 {
    /* height: 400px; */
  }

  .landingPage .section-3 .bgFilter {
    height: 400px;
  }

  .landingPage .school-list label:last-of-type {
    margin-top: 25px;
  }
}

@media screen and (min-width: 1260px) {
  .landingPage .section-3,
  .landingPage .section-3 .bgFilter {
    height: 100vh;
  }
}
@media screen and (max-width: 1690px) {

}

@media screen and (max-width: 990px) {
  /* ############## */
  /* ### BANNER ### */
  /* ############## */

  .landingPage .banner h2 {
    font-size: 36px;
    padding: 0 20px;
    text-align: center;
    line-height: 36px !important;
  }

  .landingPage .banner h3 {
    font-size: 24px;
  }

  .landingPage .banner button span {
    display: block;
  }

  /* ############## */
  /* ## SECTION-2 # */
  /* ############## */

  .landingPage .section-2 {
    height: auto;
    padding: 0 20px;
  }

  .landingPage .section-2 .container {
    padding: 10px 10px 40px;
    width: 100%;
    height: auto;
    position: relative;
    top: 440px;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .landingPage .section-2 .steps .step {
    flex-direction: column;
    text-align: center;
  }

  .landingPage .section-2 .steps .step .caption {
    padding-top: 15px;
    padding-left: 0;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage .section-2 .container {
      top: 40px;
      left: inherit;
      transform: inherit;
    }
  }

  .landingPage .section-2 .description {
    display: none;
  }

  .landingPage .section-2 .descriptionMobile {
    display: inherit;
    margin-top: 40px;

    /* FlexBox */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .landingPage .section-2 .descriptionMobile h2 {
    font-family: TTMastersBlack, serif;
    color: #191923;
    font-size: 48px;
    line-height: 46px;
    font-weight: 900;
    text-align: center;
    margin-top: 0;
    padding: 0 0 3px 0;
  }

  .landingPage .section-2 .descriptionMobile p {
    text-align: center;
    font-family: TTMastersBold, serif;
    color: #FFFFFF;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 15px;
  }

  .landingPage .section-2 button {
    position: absolute;
    bottom: -54px;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .landingPage .section-2 button:active {
    -ms-transform: scale(.95) translate(-50%, -50%); /* IE 9 */
    -webkit-transform: scale(.95) translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: scale(.95) translate(-50%, -50%);
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage .section-2 button {
      margin-top: 354px;
    }
  }


  /* ############## */
  /* ## SECTION-3 # */
  /* ############## */

  .landingPage .section-3 {
    background-position: center center;
  }

  .landingPage .section-3 .arrowLeft,
  .landingPage .section-3 .arrowRight {
    display: none;
  }

  .landingPage .section-3 .wrapper {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .landingPage .section-3 .wrapper .slickWrapper .slick-dots {
    display: none !important;
  }

  .landingPage .section-3 .wrapper .slickWrapper button.slick-prev,
  .landingPage .section-3 .wrapper .slickWrapper button.slick-next {
    display: none !important;
  }

  /* ############## */
  /* ## SECTION-4 # */
  /* ############## */

  .landingPage .section-4 {
    padding: 0 19px 0 19px;
    height: auto !important;
  }

  .landingPage .section-4 .content{
    max-height: 120px;
    padding: 100px 38px 0px 38px;
    margin-top: 10px !important;
      
  }

  .landingPage .section-4 .content h2 {
    font-size: 36px;
    margin-top: -100px;

    background:none !important;

    height: 142px;
    width: 334px;
  }
    
    .videoBox {
        margin-top:-20px;
    }

  .landingPage .section-4 .content p {
    font-size: 18px;
    margin-top: 0;
      
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .landingPage .section-4 .content h2 {
      /* margin-top: -45px; */
    }.landingPage .section-4 .content p {
      margin-top: 16px;
    }
  }

  .landingPage .section-4 .videoBox {
    margin: 0 auto 70px auto;
  }

  /* ############## */
  /* ## SECTION-5 # */
  /* ############## */

  .landingPage .section-5 {
    height: auto;
  }
  .landingPage .section-5 .bgFilter {
    height: 100%;
    top: -3px;
    left: auto;
    transform: none;
  }

  .landingPage .section-5 .wrapper {
    width: 100%;
    padding: 0 20px 0 20px;
  }

  .landingPage .section-5 .wrapper .content {
    padding-bottom: 60px;
  }

  .landingPage .section-5 .wrapper .content h2 {
    text-align: center;
    font-size: 36px;
  }

  .landingPage .section-5 .wrapper .content h3 {
    text-align: center;
    font-size: 21px;
  }

  .landingPage .section-5 .socialBox {
    margin-top: 70rem;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage .section-5 .socialBox {
      margin-top: 55rem;
    }
  }

  /* ############## */
  /* ## SECTION-6 # */
  /* ############## */


  .landingPage .section-6 {
    height: 940px;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage .section-6 {
      height: 708px;
    }
  }

  .landingPage .section-6 form {
    width: calc(100% - 40px);
    bottom: 140px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .landingPage .section-6 form .formGirlImage {
    left: 0;
    margin-left: 50px;
    max-height: 247px;
  }

  .landingPage .section-6 form .formHaloImage {
    max-height: 100px;
    position: absolute;
    top: -15px;
    margin-top: 0;
  }

  .landingPage .section-6 form section {
    padding: 0 10px;
  }
  .landingPage .section-6 .social {
    display: block;
    bottom: -10px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* ############## */
  /* ### FOTTER ### */
  /* ############## */

  .landingPage footer.bottom .container {
    padding: 0;
  }

  .landingPage footer.bottom .row {
    margin: 0;
    padding: 0;
  }
}

@media screen and (max-width: 880px) {
  .landingPage .section-4 {
    /* height: 684px; */
  }
}

@media screen and (max-width: 780px) {
  .landingPage .section-3 {

  }
}

@media screen and (max-width: 680px) {
  .landingPage .section-4 {
   /* height: 584px; */
  }
}

@media screen and (max-width: 650px) {
  .landingPage .section-3 {

  }
}

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

  .landingPage .banner .subtitle {
    margin-left: 0;
  }
  .landingPage .banner h3 {
    padding-right: 0;
  }

  .landingPage .section-2 {
    height: auto;
  }

  .landingPage .section-2 .container {

  }

  .landingPage .section-3 .wrapper .slickWrapper button.slick-prev,
  .landingPage .section-3 .wrapper .slickWrapper button.slick-next {
    display: none !important;
  }


  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage .section-6 {
      height: 758px;
    }
  }

  .landingPage .section-6 form {
    bottom: 180px;
  }

  .landingPage .section-6 form section {
    padding: 0 10px;
  }

  .landingPage .section-6 form .formGirlImage {
    display: none;
  }

  .landingPage .section-6 form p.twoInputs label {
    width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .landingPage .section-6 {
    height: 1000px;
  }

  .landingPage .section-6 form {
    bottom: 180px;
    padding: 30px 10px;
  }
}



@media screen and (max-width: 420px) {
  .landingPage .section-4 .content h2 {
    background-size: 268px 165px;
    height: 142px;
    width: 273px;
  }

  .example-menu .content {
    padding: 0;
      box-shadow: none !important;
  }

  .example-menu .content h2 {
      padding-top: 46px !important;
    font-size: 28px;
    background-size: 268px 165px;
    background-position-y: -10px;
    height: 142px;
    width: 273px;
      background:none !important;
  }

  .landingPage .section-2 .descriptionMobile h2 {
    font-size: 36px;
  }

  .landingPage .section-2 .steps .step .icon {
    height: 90px;
    width: 90px;
    line-height: 85px;
  }

  .landingPage .section-2 .steps .step .icon img {
    height: 60px;
  }

  .landingPage .section-2 .steps .step .caption .title {
    font-size: 25px;
  }

  .landingPage .section-2 .steps .step .caption .subtitle {
    font-size: 18px;
  }

  .landingPage .section-5 .mail {
    padding-top: 0;
    font-size: 32px;
  }  
  .landingPage .section-5 .mail img {
    max-height: 32px;
  }
}

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

  .landingPage .section-2 {
    height: auto;
  }

  .landingPage .section-2 .container {

  }


  .landingPage .section-4 {
    /* height: 560px; */
  }

  .landingPage .section-5 .wrapper .content {
    padding-bottom: 40px;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .landingPage .section-6 {
      height: 890px;
    }
  }

  .landingPage .section-6 form {
    bottom: 170px;
  }
}

@media screen and (max-width: 360px) {
  .landingPage .section-4 .content h2 {
    background-size: 239px 165px;
    width: 239px;
  }
  .landingPage .banner h2 {
    padding: 0 5px;
  }
}