#main-content { margin-top: 90px; }
#room-content { margin-top: 90px; }
#room-content .text_dyn.g3 { padding: 0 120px 0 0; margin-left: auto; width: calc(50% - 120px); }
#room_images { margin-top: -60px; margin-bottom: 40px; width: calc(50% + 120px); position: relative; display: inline-block; }
#room_images img { width: 100%; }
#room_images img:nth-of-type(2) { position: absolute;  z-index: 2; top: 50%; left: 100%; transform: translate(-50%,-50%); border: 20px solid var(--white); }
#disposition { padding-left: calc(100% / 3 - 120px); padding-right: 120px; display: flex; flex-direction: column; gap: 20px;}
.body_camera .room_detail { padding-bottom: 20px; flex-direction: column; align-items: flex-start; border-bottom: 1px solid var(--border-color); }
.body_camera .room_detail:last-of-type { padding-bottom: unset; border: unset; }
.body_camera .room_detail:before { color: var(--color1); }
#amenities { padding: 60px 15px 15px; width: 50%; top: 60px; }
#amenities .fieldkey { color: var(--color1); text-transform: uppercase; font-size: var(--size-h-sm); text-align: right; width: 30%;}
#amenities .wrap-fieldvalues { width: 70%; }
#amenities .fieldvalue:before { margin-right: 10px; font-family: var(--font-icon); content: '\e122'; font-weight: var(--font-weight-solid); font-size:10px; }
#amenities .zcheckbox { width: 100%; display: flex; align-items: flex-start; justify-content: center; gap: 40px; }
.gallery img { margin-bottom: 40px; }
#page-quote-btn { margin: 40px 0 0 calc(30% + 15px); }
.gallery li { display: none; }
.gallery li:nth-child(-n + 3) { display: list-item; }
.back-to-rooms-tpl { margin-top: 120px; text-align: center; }
.back-to-rooms-tpl img { filter: brightness(60%); transition: .4s all; }
.back-to-rooms-tpl .caption-cnt { position: relative; }
.back-to-rooms-tpl .caption-alt { position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.back-to-rooms-tpl .vareditor { color: var(--white); text-transform: uppercase; font-size: var(--size-h-sm); }

/* RWD */

@media (max-width: 2100px ){
    
}

@media(max-width: 1190px){
    #main-content { margin-top: 30px; }
    #room-content { margin-top: 30px; padding: 0 15px; }
    #room-content .text_dyn.g3 { padding-right: 0; width: 100%; }
    #room_images { margin: 40px auto; width: 100%; }
    #disposition { padding-left: calc(100% / 3 - 60px); padding-right: 60px; }
    .room_col { flex-wrap: wrap; }
    #amenities { width: 100%; padding-top: 40px; position: inherit; }
    #amenities .zcheckbox { flex-direction: column; align-items: center; gap: 15px; }
    #amenities .fieldkey { text-align: center; }
    #amenities .wrap-fieldvalues { width: 100%; }
    #page-quote-btn { margin: 40px auto; }
    .gallery { margin-bottom: 40px; }
    .gallery ul { display: flex; gap: 15px; flex-wrap: wrap; }
    .gallery ul li { width: calc(50% - 15px) }
    .gallery img { margin-bottom: 0; }
    .gallery li:nth-child(-n + 4) { display: block; }
    #all-photos-btn { margin: 0 auto; }
    
}

@media(max-width: 767px){
    #room-content > .flex { flex-direction: column; }
    #room_images img:nth-of-type(1) { display: none; }
    #room_images img:nth-of-type(2) { position: inherit; top: 0; left: 0; transform: unset; border: unset; }
    #disposition { padding: 20px; width: 100%; order: -1; background-color: var(--light-green); }
    #amenities { padding-top: 0; }
    .room_detail .fieldkey { display: block!important; color: var(--color1); }
    .back-to-rooms-tpl { margin-top: 60px; }
    .back-to-rooms-tpl img { height: 400px; object-fit: cover; }
}