/*
|----------------------------------------------------------------
| header
|----------------------------------------------------------------
*/
.bnr .wrapper {
  background-image: url(../images/home/Exterior_3.jpg);
  height: 100vh;
}

.nav .top-menu-container {
  margin-top: 0px;
}
/*
|----------------------------------------------------------------
| banner
|----------------------------------------------------------------
*/
.bg-video-container {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  opacity: 0.2;
}
.bg-video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;

}
.bnr::after {
  content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 0.5;
  z-index: -98;

}

.bnr .logo-metallic {
  width: 551px;
  height: auto;
  top: 45%!important;
  z-index: 99;
}

/*
|----------------------------------------------------------------
| townhomes-intro
|----------------------------------------------------------------
*/
.townhomes-intro {
  background-color: #EBECE8;
  padding: 150px 9vw 250px;
}
.intro-20west-video-container {
  margin-top: 105px;
}
.intro-20west-video {
  object-fit: cover;
  width: 100%;
  height: auto;

}
/*
|----------------------------------------------------------------
|townhomes-intro
|----------------------------------------------------------------
*/

/* lifestle --Flickity */
.townhomes-intro .carousel-row {
  margin-top: 240px;
  display: flex; 
}
.townhomes-intro .left {
  width: 990px;
  flex:0 0 990px;
}
.townhomes-intro p {
  margin-bottom: 0px;
}
.townhomes-intro .carousel-cell {
  width: 990px;
  height: 900px;
  margin-right: 65px;
  counter-increment: carousel-cell;
}
.townhomes-intro .carousel-cell:nth-child(1) {
  background-image: url(../images/home/activity-1.jpg);
} 
.townhomes-intro .carousel-cell:nth-child(2) {
  background-image: url(../images/home/activity-2.jpg);
} 
.townhomes-intro .carousel-cell:nth-child(3) {
  background-image: url(../images/home/activity-3.jpg);
} 
.townhomes-intro .carousel-cell:nth-child(4) {
  background-image: url(../images/home/activity-4.jpg);
}
.townhomes-intro .carousel-cell:nth-child(5) {
  background-image: url(../images/home/activity-5.jpg);
}

.townhomes-intro .carousel-row .nav-icon {
  position: absolute;
  right: -485px;
  bottom: 80px;
}


.townhomes-intro .right {
  width: calc(100vw - 18vw - 990px );
  max-width: 575px;
  flex:0 0 calc(100vw - 18vw - 990px );
  padding: 115px 0px 75px 5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.townhomes-intro .right .content{
  width: 95%;
}
/*
|----------------------------------------------------------------
| main-quarters
|----------------------------------------------------------------
*/
.main-quarters .nav-icon {
  position: absolute;
    bottom: -210px;
    right: 9vw;
}
.main-quarters .bi-arrow-circle::before {
  background-color:#EBECE8 ;
}
.main-quarters-content {
  padding: 180px 9vw 240px;
}


/*
|----------------------------------------------------------------
| room-gallery
|----------------------------------------------------------------
*/
.room-gallery {
  overflow: hidden;
  background-color: #373E29;

}
.room-gallery .flickity-sync {
  padding: 130px 4vw 179px;

}
.room-gallery .flickity-sync.container {
  max-width: 2015px;
}
/* content-row */
.room-gallery .content-row {
  padding: 0px 5vw 90px;
  align-items: flex-start;
}
.room-gallery .count-wrapper {
  width: 60px;
  transform: rotate(90deg) translate(-25px, -35%);
  transform-origin: left top;
}

.room-gallery .counter {
  font-size: 60px;
  font-family: MinSansTrial-Regular;
  font-weight: normal;
  color: #9A9E8A;

}

.room-gallery .counter .total-items {
  font-size: 30px;
}

.room-gallery .count div{
  transform: rotate(-90deg);

}
.room-gallery h2 {
  color: #AB7F53;
  margin-top: 10px;
  margin-left: 35px;
  margin-bottom: 0px;
}
.room-gallery .content-row p {
  color: #FFFFFF;
}

.room-gallery .content-row .subtitle {
  width: 435px;
  height: 125px;
  overflow: hidden;
}
.room-gallery .content-row .subtitle-wrapper {
  transform: rotate(90deg) translate(0px, -100%);
  transform-origin: left top;
  width: 125px;
  height: 435px;
  overflow: hidden;
  
}
.room-gallery .content-row .subtitle .column,
.room-gallery .content-row .subtitle .flickity-viewport {
  width: 125px;
  height: 435px!important;
  overflow: hidden;
}
.room-gallery .content-row .subtitle h2{
  transform: rotate(-90deg) translate(-87px, -142%);
  width: 435px;
  height: 125px;
}


.room-gallery .content-row .right {
  height: 140px;
}
.room-gallery .content-row .detail {
  transform: rotate(90deg) translate(-25px, -100%);
  transform-origin: left top;
  width: 50px;
  height: 800px;
  overflow: hidden;
}
.room-gallery .content-row .detail .flickity-viewport {
  width: 50px;
  height: 800px;
}
.room-gallery .content-row .detail .column {
  width: 50px;
  height: 800px;
}
.room-gallery .content-row .detail p{
  transform: rotate(-90deg) translate(-363px, -722%);
  width: 800px;
  height: 50px;
}

.room-gallery .content-row .detail2, 
.room-gallery .content-row .detail3, 
.room-gallery .content-row .detail4 {
  margin-top: -760px;
}




/* slider-row */
.room-gallery .sliders-row .left {
  height: 630px;
}

/* carousel */
  .room-gallery .sliders-row .carousel {
  overflow: hidden;
  width: 580px;
  height: 580px;
  border-radius: 50%;
}
.flickity-prev-next-button {
  top: -10%;
  width: 60px;
  height: 60px;
  border: 2px solid #9A9E8A;
  background-color: transparent;
  color: #9A9E8A;
}
.flickity-prev-next-button .flickity-button-icon {
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;

}
.flickity-prev-next-button:hover {
  background-color: unset;
}
.flickity-prev-next-button.next {
  left: 95px;
}
.room-gallery .sliders-row .carousel-cell {
  width: 580px!important;
  counter-increment: carousel-cell;
  opacity: 1;
  filter: none;
  transform: scale(1);
  transition: opacity 0.3s,filter 0.3s, transform 0.3s;
}
.room-gallery .sliders-row .carousel-cell .img{
  height: 580px;

}
.room-gallery .sliders-row .left .carousel-cell:nth-child(1) .img {
  background-image: url(../images/room-gallery/Lounge-1\ \(1\).jpg);
} 
.room-gallery .sliders-row .left .carousel-cell:nth-child(2) .img {
  background-image: url(../images/room-gallery/Home\ Office-1.jpg);
} 

.room-gallery .sliders-row .medium .carousel-cell:nth-child(1) .img {
  background-image: url(../images/room-gallery/Closet.jpg);
} 
.room-gallery .sliders-row .medium .carousel-cell:nth-child(2) .img {
  background-image: url(../images/room-gallery/Gym-1.jpg);
} 

.room-gallery .sliders-row .right .carousel-cell:nth-child(1) .img {
  background-image: url(../images/room-gallery/Kidsplay-Room-3.jpg);
  background-position: 50% 95%;
} 
.room-gallery .sliders-row .right .carousel-cell:nth-child(2) .img {
  background-image: url(../images/room-gallery/Media\ Room-1.jpg);
} 


/* captions */
.room-gallery h5 {
  font-size: 20px;
  color: #9A9E8A;
}
.room-gallery .captions-row > .column {
  height: 40px;
  overflow: hidden;
  text-align: center;
}
.room-gallery .caption-wrapper {
  transform: rotate(90deg) translate(-20px, -100%);
  transform-origin: left top;
  width: 40px;
  height: 200px;
  overflow: hidden;
}
.room-gallery .caption-wrapper.is-center {
  left: 30%;
}
.room-gallery .caption-wrapper .column,
.room-gallery .caption-wrapper .flickity-viewport {
  width: 40px;
  height: 200px!important;
  overflow: hidden;
}
.room-gallery .caption-wrapper h5{
  transform: rotate(-90deg) translate(-70px, -224%);
  width: 200px;
  height: 40px;
}

/*
|----------------------------------------------------------------
| Query media
|----------------------------------------------------------------
*/

@media (max-width: 1890px) {
  /* flickity - townhomes-intro*/
  .townhomes-intro .left {
    width: 890px;
    flex:0 0 890px;
  }
  .townhomes-intro .carousel-cell {
    width: 890px;
    height: 809px;
    margin-right: clamp(10px,3vw,65px);
  }
  .townhomes-intro .right {
    width: calc(100vw - 18vw - 890px );
    max-width: 575px;
    flex:0 0 calc(100vw - 18vw - 890px );
  }
  .townhomes-intro .right .content {
    width: 102%;
  }
  .townhomes-intro .carousel-row .nav-icon {
    bottom: 40px;
  }
  
  /* SYNC flickity - room-gallery*/
  /* slider-row */
  .room-gallery .sliders-row .left {
    height: 560px;
  }
    .room-gallery .sliders-row .carousel {
    overflow: hidden;
    width: 510px;
    height: 510px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .carousel-cell {
    width: 510px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .sliders-row .carousel-cell .img{
    height: 510px;

  }

}

@media (max-width: 1700px) { 
  /* change font */


  /* bnr  */
  .bnr .logo-metallic {
    width: clamp(170px,36vw,551px);
  }

  /* townhouse-intro */
  .townhomes-intro {
    padding: clamp(80px,8vw,150px) 9vw clamp(130px,15vw,250px);
  }
  .intro-20west-video-container {
    margin-top: clamp(62px, 5.5vw, 105px);
  }
  .townhomes-intro .carousel-row {
    margin-top: clamp(120px,12vw,240px);
  }

  /* main-quarters-content */
  .main-quarters-content {
    padding: clamp(100px,9vw,180px) 9vw  clamp(120px,12vw,240px);
  }

  /* nav-bottom */
  .nav-bottom .content {
    padding: clamp(100px,9vw,180px) 11vw clamp(120px,9.3vw,200px) 5vw;
  }


  
  /* flickity - townhomes-intro*/
  .townhomes-intro .left {
    width: 790px;
    flex:0 0 790px;
  }
  .townhomes-intro .carousel-cell {
    width: 790px;
    height: 718px;
  }
  .townhomes-intro .right {
    width: calc(100vw - 18vw - 790px );
    flex:0 0 calc(100vw - 18vw - 790px );
  }
  .townhomes-intro .right {
    padding-left: 3vw;
    padding-top: clamp(40px,4.5vw,115px);
  }
  .townhomes-intro .right .content {
    width: 115%;
  }
  .townhomes-intro .carousel-row .nav-icon {
    bottom: 0px;
    right: -440px;
  }

  
  /* SYNC flickity - room-gallery*/
  .room-gallery .flickity-sync {
    padding: clamp(60px,7vw,130px) 4vw clamp(100px,9vw,179px);
  }

  /* content-row */
  .room-gallery .content-row {
    padding: 0px 2vw clamp(50px,4vw,90px);
  }
  .room-gallery .counter {
    font-size:clamp(40px,3.5vw, 60px);
  }
  .room-gallery .count-wrapper {
    width: 55px;
  }
  /* subtitle */
 

  /* detail */
  .room-gallery .content-row .detail {
    transform: rotate(90deg) translate(-25px, -89%);
  }
  .room-gallery .content-row .detail p {
    transform: rotate(-90deg) translate(-350px, -722%);
  }

  /* slider-row */
  .room-gallery .sliders-row .left {
    height: 490px;
  }
    .room-gallery .sliders-row .carousel {
    overflow: hidden;
    width: 440px;
    height: 440px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .carousel-cell {
    width: 440px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .sliders-row .carousel-cell .img{
    height: 440px;

  }

  /* caption */
  .room-gallery h5 {
    font-size: clamp(16px,1vw,20px);
  }
  .room-gallery .caption-wrapper {
    transform: rotate(90deg) translate(-20px, -90%);
  }
  .room-gallery .caption-wrapper h5 {
    transform: rotate(-90deg) translate(-70px, -205%);
  }

  /* icon */
  .flickity-prev-next-button {
    width: clamp(30px,3.5vw,60px);
    height: clamp(30px,3.5vw,60px);
  }
  .flickity-prev-next-button.next {
    left: clamp(50px,6vw,95px);
  }
  
}

@media (max-width: 1500px) { 
  
  .townhomes-intro {
    padding: clamp(80px,8vw,150px) 5vw clamp(130px,15vw,250px);
  }
  
  /* flickity - townhomes-intro*/
  .townhomes-intro .left {
    width: 690px;
    flex:0 0 690px;
  }
  .townhomes-intro .carousel-cell {
    width: 690px;
    height: 627px;
  }
  .townhomes-intro .right {
    width: calc(100vw - 18vw - 690px );
    flex:0 0 calc(100vw - 18vw - 690px );
  }
  .townhomes-intro .right .content {
    width: 116%;
  }
  .townhomes-intro .carousel-row .nav-icon {
    bottom: 0px;
    right: -380px;
  }

  
  
  /* SYNC flickity - room-gallery*/
  
  /* counter */
  .room-gallery .count-wrapper {
    width: 50px;
  }

  /* slider-row */
  .room-gallery .sliders-row .left {
    height: 440px;
  }
    .room-gallery .sliders-row .carousel {
    overflow: hidden;
    width: 390px;
    height: 390px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .carousel-cell {
    width: 390px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .sliders-row .carousel-cell .img{
    height: 390px;

  }
  
  /* caption */
  .room-gallery .caption-wrapper {
    transform: rotate(90deg) translate(-20px, -85%);
  }

  /* main-quaters */
  .main-quarters .nav-icon {
    bottom: -180px;
  }
}

@media (max-width: 1300px) { 
  
  /* flickity - townhomes-intro*/
  .townhomes-intro .left {
    width: 590px;
    flex:0 0 590px;
  }
  .townhomes-intro .carousel-cell {
    width: 590px;
    height: 536px;
  }
  .townhomes-intro .right {
    width: calc(100vw - 18vw - 590px );
    flex:0 0 calc(100vw - 18vw - 590px );
  }
  .townhomes-intro .right .content {
    width: 117%;
  }
  .townhomes-intro .carousel-row .nav-icon {
    bottom: 0px;
    right: -335px;
  }
  
  
  /* SYNC flickity - room-gallery*/
  /* counter */
  .room-gallery .counter {
    width: 110px;
  }
  .room-gallery .count-wrapper {
    width: 43px;
  }

  /* subtitle */
  .room-gallery .content-row .subtitle h2 {
    transform: rotate(-90deg) translate(-130px, -142%);
  }

    /* detail */
  .room-gallery .content-row .detail2, 
  .room-gallery .content-row .detail3, 
  .room-gallery .content-row .detail4 {
    margin-top: -765px;
  }

  /* slider-row */
  .room-gallery .sliders-row .left {
    height: 390px;
  }
    .room-gallery .sliders-row .carousel {
    overflow: hidden;
    width: 340px;
    height: 340px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .carousel-cell {
    width: 340px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .sliders-row .carousel-cell .img{
    height: 340px;

  }
  /* caption */
  .room-gallery .caption-wrapper {
    transform: rotate(90deg) translate(-20px, -80%);
  }

  
  /* main-quaters */
  .main-quarters .nav-icon {
    bottom: -160px;
  }
}

@media (max-width: 1100px) { 
  /* flickity - townhomes-intro*/
  .townhomes-intro .right .content {
    width: 148%;
  }
.townhomes-intro .carousel-row .nav-icon {
  bottom: 0px;
  right: -290px;
}
  
  /* sync flickity */

  /* slider-row */
  .room-gallery .sliders-row .left {
    height: 340px;
  }
    .room-gallery .sliders-row .carousel {
    overflow: hidden;
    width: 290px;
    height: 290px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .carousel-cell {
    width: 290px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .sliders-row .carousel-cell .img{
    height: 290px;

  }

  
  /* main-quaters */
  .main-quarters .nav-icon {
    bottom: -130px;
  }
}

@media (max-width: 1024px) { 
  
  /* flickity - townhomes-intro*/
  .townhomes-intro .left {
    width: 490px;
    flex:0 0 490px;
  }
  .townhomes-intro .carousel-cell {
    width: 490px;
    height: 436px;
  }
  .townhomes-intro .right {
    width: calc(100vw - 18vw - 490px );
    flex:0 0 calc(100vw - 18vw - 490px );
  }
  .townhomes-intro .right .content {
    width: 117%;
  }
  .townhomes-intro .carousel-row .nav-icon {
    bottom: 0px;
    right: -285px;
  }
}

@media (max-width: 991px) {
  
  .desktop-version991 {
    display: none!important;
  }
  .mobile-version991 {
    display: block;
  }

  /* townhomes-intro */
 
  /* carousel */
  .townhomes-intro .carousel-row {
    margin-top: 113px;
    flex-direction: column;
  }
  
  .townhomes-intro .carousel-cell {
    width: 310px;
    height: 382px;
    margin-right: 10px;
  }
  .townhomes-intro .left {
    width: 100vw;
    flex: 0 0 0vw;
  }
  .townhomes-intro .right {
    width: 100%;
    flex: 0 0 100%;
    padding: 70px 0px 0px 0px;
  }
  .townhomes-intro .right .content {
    width: 100%;
  }
  .flickity-page-dots {
    text-align: left;
  }
  .flickity-page-dots .dot.is-selected {
    background-color: #737A57;
  }
  .flickity-page-dots .dot {
    background-color: transparent;
    border: 1px solid #737A57;
    opacity: 1;
    margin: 0 6px;
  }
  /* SYNC flickity - room-gallery*/
  .room-gallery .flickity-sync {
    padding: 70px 0% 130px;
   }
   .room-gallery .content-row {
    padding-left: 7vw;
    padding-bottom: 0px;
    margin-bottom: -50px;
    width: 70%;
    margin: 0;
    margin-bottom: -50px;
  }
  .room-gallery .content-row .left{
   margin-bottom: 40px;
 }
  /* counter */
  .room-gallery .counter {
    width: 110px;
    font-size: 36px;
    line-height: 50px;
  }
  .room-gallery .counter .total-items {
    font-size: 18px;
    margin-left: 5px;
  }
  .room-gallery .count-wrapper {
    width: 35px;
    transform: rotate(90deg) translate(5px, -35%);
  }
  .room-gallery p {
    font-size: 14px;
    line-height: 20px;
  }

  /* subtitle */
  .room-gallery .content-row .subtitle h2 {
    transform: rotate(-90deg) translate(-130px, -142%);
  }
  .room-gallery .content-row .subtitle {
    height: 85px;
  }

    /* detail */
    .room-gallery .content-row .detail {
      transform: rotate(90deg) translate(-25px, -98%);
    }
  .room-gallery .content-row .detail2, 
  .room-gallery .content-row .detail3, 
  .room-gallery .content-row .detail4, 
  .room-gallery .content-row .detail5 {
    margin-top: -780px;
  }

  /* btn icon */
  .flickity-prev-next-button.previous {
    left: 86vw;
  }
  .flickity-prev-next-button.next {
    left: 92vw;
  }
   
  /* optimizedforFamily */
  .optimizedforFamily {
    padding: 50px 11.3% 93px 12%;
  }


}

/* flickity change to full width */
@media (max-width: 900px) { 
    /* sync flickity */

  /* slider-row */
  .room-gallery .sliders-row .left {
    height: 310px;
  }
    .room-gallery .sliders-row .carousel {
    overflow: hidden;
    width: 260px;
    height: 260px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .carousel-cell {
    width: 260px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .sliders-row .carousel-cell .img{
    height: 260px;

  }
  /* caption */
  .room-gallery .caption-wrapper {
    transform: rotate(90deg) translate(-20px, -75%);
  }

}

@media (min-width: 768px) {
  .mobile-version {
    display: none!important;
  }
}

@media (max-width: 767px) {
  .desktop-version {
    display: none!important;
  }
  .mobile-version {
    display: block!important;
  }
  
  /* bnr  */
  .bg-video-container, .bg-video {
    height: 83vh;
  }
  
  /* townhomes-intro */
  .townhomes-intro {
    padding: 103px 12% 100px;
  }
  .townhomes-intro h1 {
    width: 120%;
  }
  .intro-20west-video-container {
    margin-top: 35px;
  }

  /* sync flickity */
   
  .room-gallery .content-row .left{
    /* margin-bottom: 20px; */
    margin-bottom: 8px;
  }
    /* slider-row */
    .room-gallery .sliders-row .left {
      height: 260px;
    }
      .room-gallery .sliders-row .carousel {
      overflow: hidden;
      width: 210px;
      height: 210px;
      border-radius: 50%;
    }
    .room-gallery .sliders-row .carousel-cell {
      width: 210px!important;
      counter-increment: carousel-cell;
      opacity: 1;
      filter: none;
      transform: scale(1);
      transition: opacity 0.3s,filter 0.3s, transform 0.3s;
    }
    .room-gallery .sliders-row .carousel-cell .img{
      height: 210px;
  
    }
    
  /* caption */
  .room-gallery .caption-wrapper {
    transform: rotate(90deg) translate(-20px, -68%);
  }
 


  /* .main-quarters-content */
  .main-quarters-content {
    padding: 50px 12% 100px;
  }
  .main-quarters-content p {
    width: 93%;
  }


}


@media (max-width: 650px) {
    /* slider-row */
    .room-gallery .sliders-row .left {
      height: 230px;
    }
      .room-gallery .sliders-row .carousel {
      overflow: hidden;
      width: 180px;
      height: 180px;
      border-radius: 50%;
    }
    .room-gallery .sliders-row .carousel-cell {
      width: 180px!important;
      counter-increment: carousel-cell;
      opacity: 1;
      filter: none;
      transform: scale(1);
      transition: opacity 0.3s,filter 0.3s, transform 0.3s;
    }
    .room-gallery .sliders-row .carousel-cell .img{
      height: 180px;
    }
    
  /* caption */
  .room-gallery .caption-wrapper {
    transform: rotate(90deg) translate(-20px, -63%);
  }

  /* btn icon */
  .flickity-prev-next-button.previous {
    left: 84vw;
  }
  .flickity-prev-next-button.next {
    left: 91vw;
  }
  .flickity-prev-next-button {
    top: -12%;
  }
}


@media (min-width: 576px) {
  .room-gallery .sliders-row .left .carousel {
    overflow: visible;
  }
  .room-gallery .sliders-row .left .flickity-viewport {
    border-radius: 50%!important;
    overflow: hidden!important;
  }
}

@media (max-width: 575px) {

  
  .desktop-version575 {
    display: none!important;
  }
  .mobile-version575{
    display: block;
  }
  .bnr .logo-metallic {
    width: 227px;
    top: 31%!important;
  }

   /* SYNC flickity - room-gallery*/
   .room-gallery .content-row {
    width: 100%;
   }

   
  .room-gallery .content-row .detail2-2, 
  .room-gallery .content-row .detail3-3, 
  .room-gallery .content-row .detail4-4, 
  .room-gallery .content-row .detail5-5 {
    margin-top: -780px;
  }

   /* sider-row */

  /* caption */


   /* slider-row */
.room-gallery .sliders-row {
  /* max-width: 540px; */
  max-width: 421px;
  margin: 0 auto;
}
  .room-gallery h5 {
    font-size: 14px;
    text-align: center;
  }
  /* left */
  .room-gallery .sliders-row .left {
    height: 430px;
    /* height: 405px; */
  }
    .room-gallery .sliders-row .carousel {
    overflow: hidden;
    width: 390px;
    height: 390px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .carousel-cell {
    width: 390px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .sliders-row .carousel-cell .img{
    height: 390px;

  }
  /* medium */
  .room-gallery .medium {
    height: 230px;
  }
    .room-gallery .medium .carousel {
    overflow: hidden;
    width: 190px;
    height: 190px;
    border-radius: 50%;
  }
  .room-gallery .sliders-row .right .flickity-viewport {
    margin-top: 0px;
  }
  .room-gallery .medium .carousel-cell {
    width: 190px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .medium .carousel-cell .img{
    height: 190px;
  }
  /* medium */
  .room-gallery .right {
    height: 230px;
  }
    .room-gallery .right .carousel {
    overflow: hidden;
    width: 190px;
    height: 190px;
    border-radius: 50%;
  }
  .room-gallery .right .carousel-cell {
    width: 190px!important;
    counter-increment: carousel-cell;
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition: opacity 0.3s,filter 0.3s, transform 0.3s;
  }
  .room-gallery .right .carousel-cell .img{
    height: 190px;
  }

  /* caption */
  .room-gallery .left .caption-wrapper {
    transform: rotate(90deg) translate(205px, -85%);
  }
  .room-gallery .medium .caption-wrapper {
    transform: rotate(90deg) translate(105px, -68%);
  }
  .room-gallery .right .caption-wrapper {
    transform: rotate(90deg) translate(105px, -68%);
  }

  /* btn icon */
  
  .caption-wrapper.caption-wrapper1-1 {
    overflow: visible!important;
  }
  .flickity-prev-next-button {
    top: unset;
    width: 49px;
    height: 49px;
  }
  .flickity-prev-next-button.previous {
    left: -25px;
    top: 130%;
    z-index: 999;
  }
  .flickity-prev-next-button .flickity-button-icon {
    transform: rotate(-89deg);
  }
  .flickity-prev-next-button.next {
    left: -27px;
    top: -45%;
    z-index: 999;
  }

}


@media (max-width: 420px) {
  .flickity-prev-next-button.next {
    top: -42%;
  }

}
@media (max-width: 414px) {
  .flickity-prev-next-button.next {
    top: -40%;
  }

}
@media (max-width: 400px) {
  .flickity-prev-next-button.next {
    top: -37%;
  }

}