/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1700px) {
  .hc-heading .txt-hlght-1 {
    display: block;
  }
  .hero-content {
    padding-top: 8rem;
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1440px) {
  html {
    font-size: 50%;
  }

  .section-3 {
    min-height: 1085px;
  }

  .section-icon {
    text-align: center;

    /*margin-bottom: 10rem;*/
  }

  .section-3 h3 {
    margin-top: 15rem;
  }
  .hc-heading {
    margin-bottom: 24rem;
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1300px) {
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1023px) {
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1350px) {
  .hc-heading {
    margin-bottom: 24rem;
  }

  .grid {
    gap: 40px;
  }

  .cell-1 {
    width: calc(55% - 20px);
  }
  .cell-2 {
    width: calc(45% - 20px);
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 991px) {
  .grid-cell {
    width: 40%;
  }

  .grid-cell + .grid-cell {
    width: 58%;
  }

  .section-3 h3 {
    margin-top: 4rem;
  }

  .section-icon {
    text-align: center;

    margin-bottom: 0;
  }

  iframe.tscplayer_inline {
    background: none;

    padding: 0;
  }

  .modal-link {
    padding-right: 0;
  }

  .tsc-smartplayer {
    background: none !important;
  }

  .grid {
    gap: 10px;
  }
  .cell-1 {
    width: calc(55% - 5px);
  }
  .cell-2 {
    width: calc(45% - 5px);
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 767px) {
  .hero-area {
    position: relative;
    background: url(/Images/bg-hero-n.png) no-repeat right top;
  }

  .hero-content {
    padding-top: 8rem;
  }

  .hc-heading {
    text-align: center;
  }

  .hc-heading span {
    display: block;
  }

  .hc-text-section-1 {
    text-align: center;
  }

  .hc-text-section-1 br {
    display: none;
  }

  .hc-text-section-1 {
    margin-right: 0;
  }

  .grid-section {
    justify-content: center;
  }

  .grid-cell {
    width: 90% !important;
  }

  .section-3 {
    position: relative;

    background: url(/Images/bg-section-2.jpg) center no-repeat #323e5a;

    background-size: cover;

    padding: 11rem 0;

    min-height: auto;

    margin-bottom: 13rem;
  }

  .section-3 .section-icon {
    display: none;
  }

  .section-3 h2 {
    margin-bottom: 2rem;

    text-align: center;
  }

  .grid {
    gap: 40px;
    flex-wrap: wrap;
  }
  .cell-1 {
    width: calc(100%);
  }
  .cell-2 {
    width: calc(100%);
  }
  .movie-wrapper {
    max-width: 84.4rem;
    margin: 0 auto;
  }
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 567px) {
  .section-1 {
    position: relative;
  }

  .movie-wrapper {
    padding: 0 1.9rem;

    height: auto;

    background: none;
  }

  .movie-wrapper img {
    position: relative;

    top: 0;
  }

  .ui-form-row {
    margin-bottom: 0;
  }

  .ui-form-cell {
    width: 100%;

    margin-bottom: 1.1rem;
  }

  .hc-heading {
    font-size: 5rem;
  }
}