@media screen and ( max-width:1500px ) {
  .logo-visual-container {
    padding:2.5rem;
  }
  .logo-visual-square h4{
    font-size:1.6rem;
  }

  /* headings */
  .leagal-section .big-heading {
    font-size: 8rem;
    line-height:inherit;
    margin-bottom:1.5rem;
  }
.heading-style-h2 {
  font-size:7rem;
}
.main-heading {
  font-size:3rem;
  line-height: 4rem;
  margin-bottom:0.5rem;
}
.heading-5{
  font-size: 1.6rem;
}
.sub-main-heading {
  font-size: 1.6rem;
}
/* banner */
.banner {
  padding: 4rem 0 2rem;
  min-height: 70svh;
}
.banner-text-wraper {
  height: 60vh;
  padding:2rem 2rem 2rem;
}
}


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

  .logo-visual-container {
    padding:1.5rem;
  }
  .logo-visual-square h4{
    font-size:1.5rem;
  }
  .h-card2 {
    position: relative;
    width: 25rem;
    height:25rem;
  }
  .h-card2-image img {
    width: 100%;
  height: 100%;
  }
  
}

@media screen and ( max-width:991px ) {
  /* LEGAL INTRO */

  .legal-intro-wrap {
    padding: 2.5rem 0.5rem;
  }
  .intro-content{
    height: 100%;
    margin-top: 9rem;
    /* margin: calc(100% / 4) 1em 0; */
  }
  
  /* LEGAL INTRO END */
  .slider-menu-wraper {
    padding-right: inherit;
  }
 /* headings */
 .banner .heading {
  font-size: 3.5rem;
}
 .leagal-section .big-heading {
  font-size:5rem;
  line-height:inherit;
  margin-bottom:1.5rem;
}
.heading-style-h2 {
font-size:5rem;
}
.main-heading {
font-size:2.8rem;
line-height: 4rem;
margin-bottom:0.5rem;
}
.heading-5{
font-size: 1.6rem;
}
.sub-main-heading {
font-size: 1.6rem;
}
.h-card {
  height:25rem;
}
.logo-visual-container {
  padding:1.2rem;
}
.logo-visual-square h4 {
  font-size: 1.1rem;
}
/* banner */

.banner {
  padding:3rem 0 2rem;
  min-height: 55svh;
}
.banner-text-wraper {
  height:38vh;
  padding:2rem 2rem 2rem;
}
.banner-video {
  height: 90vh;
}
.h-box {
  min-height:inherit;
}
/* VIP ROOMS */
.h-card2 {
  position: relative;
  width: 22rem;
  height:22rem;
}
.h-card2-image img {
  width: 100%;
  height: 100%;
}

}

@media screen and ( max-width:860px ) {
  .padding-tb{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .banner {
    padding:3rem 0 2rem;
    min-height: 48svh;
  }
  .banner-text-wraper {
    height:32vh;
    padding:2rem 2rem 2rem;
  }
  .banner .heading {
    font-size: 3.2rem;
  }
}
@media screen and ( max-width:768px ) {

  .banner {
    padding:3rem 0 2rem;
    min-height: 60svh;
  }
  .banner-text-wraper {
    height:40vh;
    padding:2rem 2rem 2rem;
    align-content: space-around;
  }

  .banner .heading {
    font-size:2.8rem;
  }
  .logo-visual-square h4 {
    font-size: 1rem;
  }
  /* VIP ROOMS */
  .h-card2 {
    position: relative;
    width: 16rem;
    height: 16rem;
  }
.h-card2-image img {
  width: 16rem;
  height: 16rem;
}

.h-card2-image img {
  --c: #ffffff;
  --b: 2px;
  --o: 20px;
  --_p: calc(2*var(--o) + var(--b));
  padding: var(--_p) var(--_p) 0 0;
  outline: var(--b) solid var(--c);
  outline-offset: calc(var(--o) - var(--_p));
}
}
@media screen and ( max-width:576px ) {
  .intro-content{

    margin-top: 4rem;
    /* margin: calc(100% / 4) 1em 0; */
  }
  .legal-intro-label, .legal-intro-label-not {
    font-size: 1.4rem;
  }
  .slider-menu a {
    font-size: 0.8rem;
  }
   .banner {
    padding:3rem 0 2rem;
    min-height: 55svh;
  }
  .banner-text-wraper {
    height:40vh;
    padding:1rem 1rem 1rem;
    align-content: space-around;
  }

  .banner .heading {
    font-size: 2rem;
  }
  .banner .logo-banner {
    text-align: center;
    width: 90%;
    margin: auto;
  }

  /* video */
  .banner-video {
    /* height: 50vh; */
    height: 85vh;
  }
  .video-wraper {
    height: 85vh;
  }

.leagal-section .big-heading {
  font-size: 3rem;
  line-height:inherit;
  margin-bottom:1.5rem;
}
.leagal-section .heading-5 {
  font-size: 1.3rem;
  color: var(--white);
}

.buttonBlock .btn.btn-light {
  padding: .3rem 2rem;
  font-size: 1rem;
  border-radius: 2rem;
}
/* headings */

.heading-style-h2 {
  font-size: 2.6rem;
}
.main-heading {
  font-size:2.3rem;
  line-height: 4rem;
  margin-bottom:0.5rem;
}
.sub-main-heading {
  font-size: 1.3rem;
}

.h-card {
  height:35rem;
}

.typography-visual-square {
  aspect-ratio: 0/ 0;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  /* max-height: min(100%, 12vh); */
  display: flex;
  position: absolute;
  top: 0;
  height: 100%;
}
  
.logo-visual-container {
  padding: 0.90rem;
}
.logo-visual-square h4 {
  font-size: 0.9rem;
}
.h-card2 {
  width: 22rem;
  height: 22rem;
}

.h-card2-image img {
  width: 22rem;
  height: 22rem;
}
}

@media screen and ( max-width:480px ) {
  .h-card2 {
    width: 20rem;
    height: 20rem;
  }
  
  .h-card2-image img {
    width: 20rem;
    height: 20rem;
  }
  .banner .heading {
    font-size: 1.8rem;
  }

}
@media screen and ( max-width:375px ) {
  .h-card2 {
    width: 16rem;
    height: 16rem;
  }
  .logo-visual-container {
    padding: 0.80rem;
  }
  
  .logo-visual-square h4 {
    font-size: 0.7rem;
  }
}