/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1920px) {
  .hero-area {
    position: relative;
    background: url(../images/bg-hero-l.jpg) center bottom no-repeat;
    background-size: cover;
  }

  .hero-content {
    position: relative;
    top: 27rem;
    left: calc(50% - 64rem);
    width: 100%;
  }
  .logo {
    left: calc(50% - 65rem);
  }
  .section-1 {
    position: relative;
    top: -16rem;
    margin-bottom: -16rem;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1600px) {
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1440px) {
  html {
    font-size: 50%;
  }
  .section-icon {
    text-align: center;
    margin-bottom: 10rem;
  }
  h3 {
    font: 500 2.2rem/3.8rem 'Hind', sans-serif;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1300px) {
  .section-4 .page-wrapper {
    overflow: hidden;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1023px) {
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1150px) {
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 991px) {
  .section-icon {
    text-align: center;
    margin-bottom: 0;
  }
  .hero-area {
    background: url(../images/bg-hero.jpg) -200px top no-repeat;
    background-size: cover;
  }
  .movie-wrapper {
    height: 53.7vw;
  }
  iframe.tscplayer_inline {
    background: none;
    padding: 0;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {
  .hero-area {
    background: url(../images/bg-hero-s.jpg) center 15rem no-repeat #18031d;
    background-size: contain;
    height: 136vw;
  }
  .hc-text-section-2 {
    margin-right: 14rem;
  }
  .hero-content {
    left: auto;
    top: 0 !important;
    max-width: 100%;
    padding: 3rem 0 3rem 20rem;
  }
  .hc-heading {
    margin-bottom: 0;
    font-size: 4rem;
  }
  .logo {
    position: absolute;
    left: 4.1rem;
    top: 2rem;
    display: block;
    width: 10rem;
    height: 13rem;
    z-index: 99;
  }
  .section-1 {
    position: relative;
    top: 3rem !important;
  }
  .section-4 .sec-cell {
    margin-right: -11rem;
  }
  .m-choice-box .grid-cell {
    width: 100%;
    padding-bottom: 4rem;
  }
  .section-1.sct-hg {
    margin-bottom: 12rem;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 567px) {
  .hero-area {
    background: url(../images/bg-hero-s.jpg) center 12rem no-repeat #fff;
    background-size: contain;
  }

  .hero-content {
    left: auto;
    top: 0 !important;
    max-width: 100%;
    padding: 2rem 0 3rem 14rem;
    background: #18031d;
  }

  .hc-heading {
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 3.5rem;
    padding-left: 0;
    color: #ffffffc7;
  }
  .hc-heading:before {
    content: none;
  }
  .movie-wrapper {
    padding: 0 1.9rem;
    height: auto;
    background: none;
  }
  .logo {
    position: absolute;
    left: 3.1rem;
    top: 2rem;
    display: block;
    width: 7rem;
    height: 10rem;
    z-index: 99;
  }
  .movie-wrapper img {
    position: relative;
    top: 0;
  }
  .ui-form-row {
    margin-bottom: 0;
  }
  .ui-form-cell {
    width: 100%;
    margin-bottom: 1.1rem;
  }
  .section-4 .sec-cell {
    display: none;
  }
  .form .form-grid {
    width: 100%;
  }
  .form .btn-holder {
    padding: 3rem 0 0;
    text-align: center;
    width: 100%;
  }
  .box-paragraph .grid-cell {
    width: 100%;
  }
  .nmt-100 {
    margin-top: -110px;
  }
  .box-t-wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 440px) {
  .hero-area {
    background: url(../images/bg-hero-s.jpg) center 12rem no-repeat #fff;
    background-size: contain;
    height: 142vw;
  }
}