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

  .hero-content {
    position: relative;
    top: 6rem;
    left: calc(50% - 52rem);
    width: 100%;
  }
  .logo {
    left: calc(50% - 68rem);
  }
  .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-s.png) center top no-repeat;
    background-size: cover;
    height: 87rem;
  }
  .hero-content {
    left: auto;
    top: 0;
    max-width: 100%;
    padding: 3rem 0 3rem 20rem;
    background: #18031d;
  }
  .logo {
    position: absolute;
    left: 4.1rem;
    top: 2rem;
    display: block;
    width: 10rem;
    height: 13rem;
    z-index: 99;
  }
  .hc-heading {
    margin-bottom: 0;
    font-size: 4rem;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:767px) {
  .hero-area {
    background: url(../images/bg-hero-s.png) center 15rem no-repeat #fff;
    background-size: contain;
    height: 136vw;
  }
  .hc-text-section-2 {
    margin-right: 14rem;
  }

  .hc-heading {
    margin-bottom: 0;
    font-size: 4rem;
  }

  .section-1 {
    position: relative;
    top: 3rem;
  }
  .section-4 .sec-cell {
    margin-right: -11rem;
  }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:567px) {
  .hero-area {
    background: url(../images/bg-hero-s.png) center 11rem no-repeat #fff;
    background-size: contain;
    height: 133vw;
  }

  .hero-content {
    left: auto;
    top: 0;
    max-width: 100%;
    padding: 2rem 0 3rem 15rem;
  }

  .hc-heading {
    font-size: 3rem;
    line-height: 6rem;
  }

  .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;
  }
}