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

@media screen and (max-width: 2560px) {
  .banner {
    padding-top: 10rem;
    min-height: 112rem;
    padding-bottom: 5rem;
    background-size: 100% !important;
  }
  .slider {
    max-width: 100%;
    margin: 0 auto;
  }
  header .stellarnav li a {
    padding: 0 2.406rem;
    font-size: 1.5rem;
  }
  header .logo {
    width: 25.375rem;
    flex: 0 0 25.375rem;
  }
  header .call {
    font-size: 2rem;
  }
  header h4 {
    font-size: 2rem;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -10.313rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: -10.313rem;
  }
  .navBtn {
    right: -25rem;
    width: 3rem;
    top: 1169%;
  }
  .video__play-button {
    top: 16%;
    left: 56%;
  }
  video {
    height: 107rem;
  }
  .celebrity {
    font-size: 1.5rem;
  }
  h1 {
    font-size: 2.5rem;
  }
  .slider .capTion h4 {
    font-size: 2.575rem;
  }
  .slider .capTion img {
    bottom: 0;
  }
  .belowSlider {
    margin-top: -19rem;
  }
  header h5 {
    font-size: 2rem;
  }
  header .btn {
    font-size: 1.5rem;
    margin-left: 1.5rem;
    padding: 0.5rem 3rem;
  }
  header .socials li a img {
    width: 3rem;
    height: 3rem;
    margin-top: 0.5rem;
  }
  .gradientBtn {
    padding: 0.5rem 1rem;
    color: #fff;
    max-width: 28.313rem;
    font-size: 2rem;
  }
  .gradientBtn h5 {
    font-size: 2.4rem;
  }
  .playbtn img {
    width: 7.5rem;
    margin-right: 0.5rem;
  }
  .middlePart img {
    height: 223px;
    object-fit: cover;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -12%;
    top: 20%;
  }
  .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 14px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 14px)
    );
  }
  .banner .swiper-button-next {
    right: -12.3%;
    top: 33%;
  }
  .banner .swiper-button-prev {
    right: -12.3%;
    top: 15%;
  }
  .banner .swiper-button-next::after,
  .banner .swiper-button-prev::after {
    font-size: 1.5rem;
  }
  .destiny .blueBox .carousel-control-next,
  .destiny .blueBox .carousel-control-prev {
    width: 53px !important;
  }
  .navBtn {
    right: -13%;
    width: 3rem;
    top: 190%;
  }
  .fullWrap {
    max-width: 1800px;
    margin: 0 auto;
    width: 100%;
    position: relative;
  }
  .slider .capTion img {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    bottom: 4rem;
  }
  .banner .swiper-wrapper {
    padding-bottom: 18rem;
  }
  .slider .capTion {
    bottom: -16rem;
  }
  body:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: url(../images/bg4.webp) no-repeat bottom -73rem left;
    background-size: auto;
    z-index: -1;
    background-size: 100%;
  }
}
@media screen and (max-width: 1920px) {
  header h5 {
    font-size: 1.5rem;
  }
  header .socials li a img {
    width: 2rem;
    height: 2rem;
    margin-top: 0.5rem;
  }
  header .btn {
    font-size: 1.2rem;
    margin-left: 1.5rem;
    padding: 0.2rem 2rem;
  }
  header .stellarnav li a {
    padding: 0 2.406rem;
    font-size: 1.3rem;
  }
  header h4 {
    font-size: 1.5rem;
  }
  header .call {
    font-size: 1.8rem;
  }
  .slider {
    max-width: 81%;
    margin: 0 auto;
  }
  .slider .capTion h4 {
    font-size: 1.875rem;
  }
  .belowSlider {
    margin-top: -37rem;
  }
  .celebrity {
    font-size: 1.2rem;
  }
  .gradientBtn {
    font-size: 1.5rem;
  }
  .gradientBtn h5 {
    font-size: 2rem;
  }
  .playbtn img {
    width: 5.5rem !important;
    margin-right: 0.5rem;
  }
  video {
    height: 75rem;
  }
  .middlePart img {
    height: 192px;
  }
  .navBtn {
    right: -4%;
    width: 3rem;
    top: 190%;
  }
  .fullWrap {
    max-width: 1610px;
    margin: 0 auto;
    width: 100%;
    position: relative;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -2%;
    top: 20%;
  }
  .banner .swiper-button-next {
    right: -2.5%;
    top: 33%;
  }
  .banner .swiper-button-prev {
    right: -2.5%;
    top: 15%;
  }
  body:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: url(../images/bg4.webp) no-repeat bottom -30em left;
    background-size: auto;
    z-index: -1;
    background-size: 100%;
  }
}

@media screen and (max-width: 1680px) {
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -3.313rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: -3.313rem;
  } */
  header .stellarnav {
    margin: 0;
  }
  .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 8px)
    );
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -5%;
    top: 20%;
  }
  .banner .swiper-button-next {
    right: -5.5%;
    top: 33%;
  }
  .banner .swiper-button-prev {
    right: -5.5%;
    top: 15%;
  }
  .navBtn {
    right: -7%;
  }
  header h5 {
    font-size: 1.5rem;
  }
  header .btn {
    font-size: 0.75rem;
    margin-left: 1.5rem;
    padding: 0 1.1rem;
  }
  header .socials li a img {
    width: 2rem;
    height: auto;
    margin-top: 0.5rem;
  }
  header .stellarnav li a {
    padding: 0.4rem 2.406rem;
    font-size: 0.9rem;
  }
  header .logo {
    width: 15.375rem;
    flex: 0 0 15.375rem;
  }
  header h4 {
    font-size: 1.2rem;
  }
  header .call {
    font-size: 1.475rem;
  }
  .belowSlider {
    margin-top: -47rem;
  }
  .celebrity {
    font-size: 0.85rem;
  }
  .gradientBtn {
    padding: 0.5rem 1rem;
    max-width: 18.313rem;
    font-size: 0.85rem;
  }
  .gradientBtn h5 {
    font-size: 1.2rem;
  }
  .video__play-button {
    top: 16%;
    left: 64%;
  }
  video {
    height: 52rem;
  }
  .middlePart img {
    height: 142px;
  }
  .fullWrap {
    max-width: 1300px;
  }
  .slider .capTion h4 {
    font-size: 1.575rem;
  }
}

@media screen and (max-width: 1440px) {
  h1,
  .destiny h2 {
    font-size: 2.2rem;
  }
  header .stellarnav li a {
    padding: 0 1.406rem;
  }
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 2.5rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: 2.5rem;
  } */
  video {
    height: 52rem;
  }
  .slider .capTion h4 {
    font-size: 1.5rem;
  }
  .belowSlider {
    margin-top: -56rem;
  }
  .video__play-button {
    top: 25%;
    left: 62%;
  }
  .middlePart img {
    height: 142px;
  }
  .slider .capTion img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    bottom: 2rem;
  }
  .banner {
    background-position: top center !important;
    background-size: contain !important;
  }
  header .logo {
    width: 12.975rem;
    flex: 0 0 12.975rem;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 0%;
    top: 20%;
  }
  .banner .swiper-button-next {
    right: -0%;
    top: 33%;
  }
  .banner .swiper-button-prev {
    right: -0%;
    top: 15%;
  }
  .navBtn {
    right: -1%;
  }
  .slider {
    max-width: 100%;
    margin: 0px auto;
  }
  header h4 {
    font-size: 1.2rem;
  }
  header .call {
    font-size: 1.475rem;
  }
  .slider .capTion {
    bottom: -3rem;
  }
  .banner .swiper-wrapper {
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 1366px) {
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -0.4rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: -0.4rem;
  }
  .navBtn {
    right: -16rem;
  } */
  .middlePart img {
    height: auto;
  }
  .slider .capTion img {
    transform: none;
    bottom: 2rem;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 4%;
    top: 19%;
  }
  .banner .swiper-button-next {
    right: 4%;
  }
  .banner .swiper-button-prev {
    right: 4%;
  }
  .navBtn {
    right: 2%;
  }
  .belowSlider {
    margin-top: -56rem;
  }
}

@media screen and (max-width: 1280px) {
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 1.5rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: 1.5rem;
  }
  .navBtn {
    right: -14rem;
  } */
  header .stellarnav {
    width: 100%;
    margin: -0.6rem auto;
  }
  header h4 {
    width: 62%;
    flex: 0 0 62%;
  }
  header .stellarnav li a {
    padding: 0 1rem;
    font-size: 0.9rem;
  }
  header h4 {
    font-size: 1.1rem;
  }
  header .call {
    font-size: 1.375rem;
    font-weight: bold;
  }
  header .call {
    font-size: 1.175rem;
    font-weight: bold;
    width: 10rem;
    flex: 10rem;
  }
  .slider .capTion h4 {
    font-size: 1.575rem;
  }
  .slider .capTion img {
    /* -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4); */
    bottom: 2rem;
  }
  body:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: url(../images/bg4.webp) no-repeat bottom -15em left;
    background-size: auto;
    z-index: -1;
    background-size: 100%;
  }
}

@media screen and (max-width: 1200px) {
  header h4 {
    font-size: 1.2rem;
  }
  header h4 {
    width: 60%;
    flex: 0 0 60%;
  }
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 2.5rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: 2.5rem;
  }
  .navBtn {
    right: -16rem;
  } */
  h2 {
    font-size: 3.375rem;
  }
  /* .slider .capTion img {
    bottom: -8rem;
  } */
  .slider .capTion {
    bottom: -6rem;
  }
  video {
    height: 50rem;
  }
  .banner .swiper-wrapper {
    padding-bottom: 6rem;
  }
  .belowSlider {
    margin-top: -54rem;
  }
  .mb-45 {
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 1156px) {
  .destiny .blueBox .carousel-control-next,
  .destiny .blueBox .carousel-control-prev {
    width: 7%;
  }
  .banner .swiper-button-next {
    right: 4%;
    top: 32%;
  }
  header h5 {
    font-size: 0.8rem;
  }
  header h4 {
    font-size: 1rem;
  }
  header .btn {
    line-height: 2.2rem;
  }
  header .stellarnav li a {
    padding: 0 0.8rem;
    font-size: 0.8rem;
  }
  header .socials li a img {
    margin-top: 0.2rem;
  }
  .slider .capTion img {
    /* -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); */
    bottom: 2rem;
  }
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -1rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: -1rem;
  } 
  .navBtn {
    right: -14rem;
  }*/
  .footerBox .footerBtm .socials {
    width: 19%;
  }
  header .stellarnav ul ul li {
    width: 25%;
    float: left;
  }
  .belowSlider {
    margin-top: -52rem;
  }
}
@media screen and (max-width: 1024px) {
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 1.5rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: 1.5rem;
  }
  .navBtn {
    right: -11rem;
  } */
  header {
    padding: 0.2rem 2.8rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  header .stellarnav ul ul li {
    width: 100%;
    float: none;
  }
  .has-sub {
    position: relative !important;
  }
  header .stellarnav ul ul li a {
    min-height: auto;
    padding: 0.9rem 0;
    padding-left: 2rem;
  }
  header .stellarnav ul ul {
    position: static;
    padding: 0;
  }
  header .stellarnav ul ul li a:after {
    top: 1rem;
  }
  /* .banner {
    min-height: 79rem;
    background-size: 100% !important;
  } */
  .slider .capTion {
    bottom: -4rem;
  }
  header h4 {
    width: 54%;
    flex: 0 0 54%;
  }
  .banner .swiper-wrapper {
    padding-bottom: 4rem;
  }
  .belowSlider {
    margin-top: -59rem;
  }
}

@media screen and (max-width: 991px) {
  header .logo {
    width: 9.975rem;
    flex: 0 0 9.975rem;
  }
  header h4.d-inline-block,
  header div.w-100 {
    display: none !important;
  }
  header .stellarnav {
    width: 100%;
    margin: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    width: 60px;
  }
  header .btn {
    line-height: 2rem;
  }
  header .call {
    font-size: 1.175rem;
    font-weight: bold;
    width: auto;
    flex: 0 0 auto;
  }
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: -5rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: -5rem;
  }
  .banner .swiper-button-next {
    top: 17%;
  } */
  .stellarnav .menu-toggle span.bars span {
    background: #fff;
  }
  .slider .capTion img {
    bottom: -4rem;
    position: relative;
    width: 20rem;
    flex: 0 0 20rem;
  }

  .slider .capTion img {
    bottom: 0rem;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .mb-45 {
    margin-bottom: 1.4rem;
  }
  video {
    height: 58rem;
  }
  .destiny .blueBox {
    padding: 3rem 2rem 2.5rem;
  }
  .footerBox {
    padding: 3rem 2rem 0;
  }
  footer .logo {
    width: 11rem;
  }
  .stellarnav.mobile ul {
    background: #0e1527;
  }
  .navBtn {
    right: 3%;
    width: 2rem;
    top: 226%;
  }
  .stellarnav .icon-close:after,
  .stellarnav .icon-close:before {
    content: "";
    display: block;
    width: 20px;
    height: 0;
    top: 50%;
    border-bottom: solid 3px #fff;
    position: absolute;
  }
  .contact .gradientBtn {
    max-width: 12.313rem;
    margin: 0 auto !important;
    float: none;
  }
  .locations ul li {
    width: 50%;
    flex: 0 0 50%;
  }
  .belowSlider {
    margin-top: -57rem;
  }
  h5 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 820px) {
  .banner .swiper-button-next {
    right: 4%;
    top: 37%;
  }
  header h5 {
    letter-spacing: 0.1rem;
  }
  header .btn {
    line-height: 1.7rem;
  }
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 0rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: 0rem;
  } */

  /* .slider .capTion {
    bottom: 0;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: -5rem;
  }
  .slider .capTion img {
    bottom: 0;
    position: relative;
    width: 20rem;
    flex: 0 0 20rem;
  } */
  /* .belowSlider {
    margin-top: 0;
  } */
  .belowSlider {
    margin-top: 0rem;
  }
  .banner {
    padding-top: 7rem;
  }
  .banner {
    min-height: auto;
    background-size: 100% !important;
    padding-bottom: 0;
  }
  .banner .swiper-wrapper {
    padding-bottom: 1rem;
  }
  h1,
  .destiny h2 {
    font-size: 2rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  .footerBox .footerBtm .socials {
    width: 100%;
    right: 0;
    text-align: center;
    position: static;
    margin: 0.5rem 0;
  }
  .footerBox .footerBtm .socials li {
    float: none;
    display: inline-block;
    margin-left: 0.5rem;
  }
  .destiny .blueBox .swiper-button-next {
    right: 15%;
  }
  .destiny .blueBox .swiper-button-prev {
    left: 15%;
  }
  .slider .capTion h4 {
    font-size: 1.275rem;
  }
  .slider .capTion .btn {
    font-size: 1.2rem;
  }
  .slider .capTion img {
    bottom: 2rem;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@media screen and (max-width: 768px) {
  header .logo {
    width: 7.375rem;
    flex: 0 0 7.375rem;
  }
}

@media screen and (max-width: 767px) {
  .stellarnav .call-btn-mobile,
  .stellarnav .close-menu,
  .stellarnav .location-btn-mobile,
  .stellarnav .menu-toggle {
    padding: 9px 20px;
    box-sizing: border-box;
  }
  .text-end {
    text-align: center !important;
  }
  .gradientBtn {
    float: none;
  }
  video {
    height: auto;
  }
  .videoOverlays {
    position: static;
  }
  .video__play-button {
    top: 15%;
    left: 0;
    right: 0;
    /* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .playbtn {
    float: right;
    padding-right: 0;
    margin: 0 !important;
  }
  .albums {
    display: block;
    margin-bottom: 1.2rem;
  }
  .albums img {
    width: 100%;
  }
  .mb-45 {
    margin-bottom: 0rem;
  }
  body:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: url(../images/bg4.webp) no-repeat bottom -30rem left;
    background-size: auto;
    z-index: -1;
    background-size: 300%;
  }
  .pl-1 {
    padding-left: 0rem;
    margin-top: 1rem;
  }
  .locations ul {
    margin: 0 -20px;
  }
  .locations ul li {
    width: 50%;
    flex: 0 0 50%;
    margin-bottom: 1.25ren;
    padding: 0 20px;
  }
  iframe {
    height: 30rem !important ;
  }
  .locationsInner h5,
  .theShow h5 {
    font-size: 2rem;
  }
  .box3 {
    padding: 1rem;
  }
}

@media screen and (max-width: 667px) {
  .banner .swiper-button-next::after,
  .banner .swiper-button-prev::after {
    font-size: 0.8rem;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 3.8%;
    top: 18%;
  }
  .slider .capTion h4,
  .slider .capTion .btn {
    font-size: 1rem;
  }
  header .btn {
    font-size: 0.65rem;
    margin-left: 1.5rem;
    padding: 0 1rem;
    line-height: 1.2rem !important;
  }
  header h5.d-inline-block {
    display: none !important;
  }
  header .d-flex div {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  header .logo {
    margin-top: 0;
  }
  .destiny .blueBox .carousel-control-next,
  .destiny .blueBox .carousel-control-prev {
    width: 3.125rem;
  }
  .gallerry h3,
  .contact h3 {
    font-size: 2.375rem;
  }
  .aboutRoyalPic {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
  }
  .locations ul li {
    width: 100%;
    flex: 0 0 100%;
  }
  .accordion-button {
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 0;
  }
  .gallerry .grid-sizer, .gallerry .grid-item {
    width: 100%;
    padding: 5px;
}
}

@media screen and (max-width: 575px) {
  .navBtn {
    display: none;
  }
  .slider .capTion {
    position: static;
    text-align: center;
    width: auto;
  }
  .slider .capTion h4,
  .slider .capTion .btn {
    font-size: 1.5rem;
  }
  .slider .capTion img {
    bottom: 0;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100% !important;
    max-width: 250px !important;
  }
  .music .left,
  .music .right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    flex-wrap: wrap;
    width: 100%;
  }
  .music .right .middle {
    width: 100%;
  }
  .music .right .duration {
    width: 50%;
    float: left;
  }
  .music .right .volume {
    width: 50%;
    float: left;
  }

  .mb-5 {
    margin-bottom: 1rem !important;
  }
  h1,
  .destiny h2 {
    font-size: 1.5rem;
  }
  .pb-5 {
    padding-bottom: 1rem !important;
  }
  .pt-5 {
    padding-top: 1rem !important;
  }
  .destiny .blueBox .swiper-button-next,
  .destiny .blueBox .swiper-button-prev {
    bottom: -4.1rem;
  }
  .destiny .blueBox .swiper-horizontal > .swiper-pagination-bullets,
  .destiny .blueBox .swiper-pagination-bullets.swiper-pagination-horizontal,
  .destiny .blueBox .swiper-pagination-custom,
  .destiny .blueBox .swiper-pagination-fraction {
    bottom: -3rem;
  }
  .mt-10 {
    margin-top: 5rem;
  }
  .destiny .blueBox .carousel-control-prev {
    left: 0;
    right: auto;
  }
  .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 0;
    top: 30%;
    width: 100%;
    flex-direction: row;
  }
  .banner .swiper-pagination-bullet {
    margin: 0 0.5rem !important;
  }
  .banner .swiper-button-next {
    right: 36%;
    top: 31%;
    transform: none;
  }
  .banner .swiper-button-prev {
    right: auto;
    top: 31%;
    left: 36%;
    transform: none;
  }
  .locationsInner h5,
  .theShow h5 {
    font-size: 1.6rem;
  }
  h3 {
    font-size: 1.6rem;
  }
  h2 {
    font-size: 2rem;
  }
  .mt-4.locations {
    margin-top: 0 !important;
  }
  .locations ul li a {
    min-height: 4rem;
  }
  .footerBox .flinks li a {
    font-size: 0.9rem;
  }
  .mt-5 {
    margin-top: 1.5rem !important;
  }
  footer p {
    margin-bottom: 0;
  }
  .footerBox .flinks p {
    position: relative;
    margin-bottom: 0rem;
  }
  .footerBox .flinks p.mt-4 {
    margin-top: 1rem !important;
  }
  /* .banner .swiper-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    right: 2rem;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    right: 2rem;
  } */
}
@media screen and (max-width: 480px) {
  header .btn {
    display: none;
  }
  header {
    padding: 0.2rem 2.8rem;
    position: absolute;
    top: 19px;
  }
  header .stellarnav {
    top: 7px;
    width: 60px;
  }
  .video__play-button {
    top: 8%;
  }
  header .logo {
    width: 4.375rem;
    flex: 0 0 4.375rem;
  }
  header .call {
    font-size: 1rem;
  }

  header .socials {
    display: none;
  }
  .slider .capTion .btn,
  .slider .capTion h4 {
    font-size: 1.2rem;
    margin: 0.5rem 0;
  }
  .music .container-fluid {
    overflow-x: visible;
  }
  footer {
    text-align: center;
  }
  footer .logo {
    width: 11rem;
    float: none;
    margin: 0 auto;
  }
  .footerBox h5::before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .mt-5 {
    margin-top: 1.5rem !important;
  }
  .destiny .blueBox .swiper-button-next {
    right: 5%;
  }
  .destiny .blueBox .swiper-button-prev {
    left: 5%;
  }
  .slider .capTion {
    padding-top: 3rem;
  }
  .banner .swiper-button-next {
    right: 26%;
  }
  .banner .swiper-button-prev {
    left: 26%;
  }
  .locationsInner h5,
  .theShow h5 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 414px) {
  .video__play-button {
    top: 4%;
  }
}

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

@media screen and (max-width: 320px) {
  .video__play-button {
    top: 2%;
  }
}