.room-details-list ul{
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
.room-details-list ul li{
width:33.3%;
padding-right:24px;
margin-bottom: 8px;
}
.room-details-list ul  li::marker{
color: #A14F45;
}
@media only screen and (max-width : 800px) {
.room-details-list ul li{
width:100%;
}
} html{
font-size:12px
} @media only screen and (min-width : 800px) {
html{
font-size:12px
}
} @media only screen and (min-width : 1080px) {
html{
font-size:18px
}
}
.et_pb_slide{
background-size: cover;
} @media only screen and (min-width : 1450px) {
.et_pb_slide{
background-size: 140%!important;
}
} #logo{
max-height: 72px !important;
}
.et-fixed-header #logo{
max-height: 48px !important;
} .popup-box {
display: none;
position: fixed;
z-index: 99999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.popup-content {
background-color: #fefefe;
margin: auto;
border: 1px solid #000;
width: 80vw;
max-width: 80vh;
max-height: 80vh;
position:fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.popup-close {
position: fixed;
right: -32px;
top: -32px;
color: #ffffff;
float: right;
font-size: 56px;
font-weight: bold;
}
.popup-close:hover,
.popup-close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.popup-image {
display: block;
width: 100%;
height: 100%;
}