.room-detail-main{width:100%;max-width:100%;overflow:hidden}
.room-detail-hero{position:relative}
.room-detail-media-section img{max-width:100%}

@media(max-width:991.98px){
  .room-detail-hero{
    width:100%!important;
    max-width:100%!important;
    height:420px!important;
    min-height:420px;
    margin-right:auto!important;
    margin-left:auto!important;
    border-radius:0!important;
  }
  .room-detail-content-section .sticky-column{position:static!important}
}

@media(max-width:767.98px){
  .room-detail-main>.container,
  .room-detail-main section>.container{
    width:100%;
    max-width:100%!important;
    padding-right:16px!important;
    padding-left:16px!important;
  }
  .room-detail-hero{
    height:330px!important;
    min-height:330px!important;
    padding-right:16px!important;
    padding-left:16px!important;
  }
  .room-detail-hero h1{
    font-size:clamp(30px,10vw,42px)!important;
    line-height:1.1;
  }
  .room-detail-hero .hstack{
    gap:10px!important;
    font-size:12px;
  }
  .room-detail-hero .fs-4{font-size:16px!important}
  .room-detail-hero>.position-absolute{
    padding:14px 16px!important;
  }
  .room-detail-media-section{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .room-detail-media-section .row{--bs-gutter-x:0}
  .room-detail-media-section img.position-relative{
    width:100%!important;
    height:auto!important;
    aspect-ratio:3/2;
    object-fit:cover;
  }
  .room-detail-media-section .ea-swiper .swiper-slide{
    height:150px;
  }
  .room-detail-media-section .ea-swiper .swiper-slide img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .room-detail-content-section{
    padding-top:0!important;
    padding-bottom:38px!important;
  }
  .room-detail-content-section h2{
    font-size:clamp(28px,9vw,38px);
  }
  .room-detail-content-section p{
    font-size:14px;
    line-height:1.65;
  }
  .room-detail-content-section .row-cols-2>*{
    width:100%;
  }
  .room-detail-content-section .col-md-6{
    margin-bottom:10px;
  }
  .room-detail-content-section iframe{
    display:none!important;
  }
  .room-detail-other-section{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
  .room-detail-other-section h2.w-75{
    width:100%!important;
    font-size:clamp(28px,9vw,38px);
  }
  .room-detail-other-section .swiper-slide> a>div{
    min-height:280px;
  }
}
