* {
    padding: 0;
    margin: 0;
}

:root {
    --btn-text-direction: ltr;
    --btn-border-r-color: var(--btn-border-color);
    --btn-border-l-color: var(--btn-border-color);
    --btn-border-b-width: var(--btn-border-width);
    --btn-border-width: 1px;
    --btn-border-radius: 0px;
    --btn-border-t-width: var(--btn-border-width);
    --btn-border-tl-radius: var(--btn-border-radius);
    --btn-border-br-radius: var(--btn-border-radius);
    --btn-border-bl-radius: var(--btn-border-radius);
    --btn-bg-color: rgb(53, 87, 63);
    --btn-border-color: rgba(0, 0, 0, 0);
    --btn-border-tr-radius: var(--btn-border-radius);
    --btn-border-r-width: var(--btn-border-width);
    --btn-bg-image: none;
    --btn-border-b-color: var(--btn-border-color);
    --btn-border-l-width: var(--btn-border-width);
    --btn-border-t-color: var(--btn-border-color);
    --btn-text-align: center;
    --btn-text-color: rgb(255, 255, 255);
    --btn-text-decoration: none;
    --btn-text-font-weight: 400;
    --btn-text-font-family: Poppins, "Poppins Fallback";
    --btn-icon-color: rgb(247, 247, 247);
    --btn-icon-fill: rgb(247, 247, 247);
    --btn-icon-wrpr-display: none;
    --btn-hover-border-b-color: var(--btn-hover-border-color);
    --btn-hover-bg: rgb(45, 46, 50);
    --btn-hover-border-t-color: var(--btn-hover-border-color);
    --btn-hover-border-r-color: var(--btn-hover-border-color);
    --btn-hover-border-l-color: var(--btn-hover-border-color);
    --btn-hover-border-color: rgb(26, 27, 31);
    --btn-hover-text-color: var(--btn-text-color);
    --btn-hover-text-font-weight: var(--btn-text-font-weight);
    --btn-hover-text-decoration: var(--btn-text-decoration);
    --btn-hover-text-font-style: var(--btn-text-font-style);
    --text-color: #565a5c;
    --border-color: #565a5c;
    --bg-color: #fff;
    --submit-btn-text-color: #fff;
}

@media (min-width: 1025px) {
    :root {
        --btn-text-font-size: 16px;
    }
}

html {
    scroll-behavior: smooth;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

a:hover {
    /* 添加悬停反馈 */
    opacity: 0.8;
}

.placeholder-50 {
    width: 100%;
    height: 50px;
}

.placeholder-147 {
    width: 100%;
    height: 147px;
}

.placeholder-100 {
    width: 100%;
    height: 100px;
}

.clear-both {
    clear: both;
}

.navbar {
    height: 108px;
    transition: height .2s ease, background-color 0.5s linear, color 0.5s linear;
}

.navbar .navbar-nav {
    margin-left: auto !important;
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: 0 20px;
    cursor: pointer;
}

.navbar .navbar-nav .nav-item .nav-link span {
    display: block;
    height: 39px;
    line-height: 39px;
    color: #fff;
    font-weight: 400;
    letter-spacing: .03em;
    white-space: nowrap;
    pointer-events: none;
}

.navbar .navbar-nav .nav-item .nav-link span.nav-link-after::after {
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid transparent;
    display: block;
    transform-origin: left;
    transform: scaleX(1);
    transition: transform .2s ease-out, opacity .2s ease-out;
}

.navbar .navbar-nav .nav-item .nav-link.active span.nav-link-after::after {
    border-bottom: 1px solid #f6f6f6;
}

.book-now-btn {
    height: 39px;
    padding: 0 20px;
    color: #463939;
    white-space: nowrap;
    transition: background-color .2s ease, border-color .2s ease;
    cursor: pointer;
    text-decoration: none;
    border-radius: 8px;
    direction: var(--btn-text-direction);
    background-color: var(--btn-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.book-now-btn span {
    display: inline-block;
    vertical-align: middle;
    color: var(--btn-text-color);
    font-size: var(--btn-text-font-size);
    font-weight: var(--btn-text-font-weight);
    font-family: Montserrat;
    transition: color .2s ease;
}


.widget {}

.videobgwrapper {
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.videobg {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.videobg::after {
    content: "";
    height: 0;
    clear: both;
    overflow: hidden;
    display: block;
    visibility: hidden;
}

.videobg .videobg-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translateY(-50%) translateX(-50%);
    background-color: #021910;
    opacity: .61;
    border-radius: inherit;
}

.videobg .text-content {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translateY(-50%) translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

.videobg .center-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
}

.videobg .center-content .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videobg .center-content .container .row {
    width: 100%;
}

.videobg .center-content .container .row ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.videobg .center-content .container .row ul li {
    padding: 2px 0;
    margin: 0;
    text-align: right;
}

.videobg .center-content .container .row ul li+li {
    margin-top: 15px;
}

.videobg .center-content .container .row ul li a {
    font-size: 18px;
    color: #fff;
}

.videobg .center-content .container .row ul li a .fab,
.videobg .center-content .container .row ul li a .fa-brands {
    font-size: 20px;
    padding: 0 8px;
}

.videobg .center-content .container .row .form-control-plaintext {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.grid-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding: 15px 0;
}

.grid-4 .block {
    margin: 15px 0;
    padding: 0 15px;
}

.videobg .center-content .container .row .block .btn {
    background: transparent;
    width: 200px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-color: rgba(255, 255, 255, 1) !important;
    border-radius: 8px !important;
    margin: 20px 15px 50px !important;
    transition: background-color .2s ease, border-color .2s ease;
    color: #fff;
    padding: 0 15px;
}

.videobg .text-content strong {
    font-size: 24px;
    font-weight: bold;
}

.videobg video {
    max-width: 100% !important;
    display: block;
}

.videobg .videobgframe {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 968px;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translateY(-50%) translateX(-50%);
    object-fit: cover;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    border-radius: inherit;
}

.widget-wrapper {
    transform: translate3d(0%, 4.08906%, 0px);
    visibility: visible !important;
    transition-delay: unset !important;
    transition-duration: unset !important;
    animation-delay: unset !important;
    animation-duration: unset !important;
    transition-property: none !important;
    width: 100%;
    height: 484px;
    min-width: 10px;
    min-height: 10px;
    margin-top: 0;
    margin-bottom: 0;
    align-self: flex-end;
    position: relative;
    max-width: 100%;
}

.imageWidget {
    width: 100%;
    margin: 0;
    padding: 0;
}

.rooms-grid {
    padding: 100px 0;
    margin: 0;
    display: grid;
    grid-template-columns: 2fr 1.5fr;
    gap: 10px;
    align-items: start;
    justify-content: start;
    background-color: #fff;
}

.rooms-grid.even {
    grid-template-columns: 1.5fr 2fr;
}

.rooms-group {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    column-gap: 4%;
    row-gap: 35px;
}

.rooms-grid.even .rooms-group:nth-child(2) {
    padding-left: 45px;
}

.rooms-group .imageWidget:not(.displayNone) {
    display: inline-block;
    max-width: 100%;
}

.rooms-group .imageWidget img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-style: solid !important;
    border-width: 0 !important;
    border-radius: 10px !important;
}

.rooms-group h2 {
    margin-top: 30px;
    font-family: Montserrat, "Montserrat Fallback";
    border: 0px solid rgb(51, 51, 51);
    color: rgb(0, 0, 0);
    display: block;
    text-decoration: inherit;
    direction: ltr;
    font-size: 83px;
}

.rooms-group .imageWidget .carousel,
.rooms-group .imageWidget .carousel-inner,
.rooms-group .imageWidget .carousel-item {
    width: 100%;
    height: 100%;
}

.jump-btn {
    width: 200px;
    height: 52px;
    color: #463939;
    outline: 0;
    vertical-align: inherit;
    border-style: solid;
    white-space: nowrap;
    transition: background-color .2s ease, border-color .2s ease;
    line-height: 22px;
    cursor: pointer;
    box-shadow: none;
    clear: both;
    position: relative;
    text-decoration: none;
    overflow: initial;
    background-clip: border-box;
    text-align: CENTER !important;
    border-radius: 8px !important;
    border-width: var(--btn-border-t-width) var(--btn-border-r-width) var(--btn-border-b-width) var(--btn-border-l-width);
    direction: var(--btn-text-direction);
    background-color: var(--btn-bg-color);
    background-image: var(--btn-bg-image);
    border-color: var(--btn-border-t-color) var(--btn-border-r-color) var(--btn-border-b-color) var(--btn-border-l-color);
}

.jump-btn span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    white-space: normal;
    color: var(--btn-text-color);
    font-size: var(--btn-text-font-size);
    font-weight: var(--btn-text-font-weight);
    text-decoration: none !important;
    font-family: Montserrat !important;
    padding: 16px 0;
    transition: color .2s ease;
}

.dmRespRow {
    padding: 127.5px 40px 77.5px !important;
    width: auto !important;
    margin: 0 0 100px !important;
    height: auto !important;
    text-align: start !important;
    min-height: auto !important;
    min-width: 0 !important;
    float: none !important;
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    max-width: 100% !important;
}

.dmRespRow-top {
    text-align: center;
}

.dmRespRow-top p {
    color: rgb(0, 0, 0);
    font-family: BRANCH;
    font-size: 83px !important;
    display: block;
    opacity: 1;
    transform: translate3d(0%, 0%, 0px);
    visibility: visible !important;
    transition-delay: unset !important;
    transition-duration: unset !important;
    animation-delay: unset !important;
    animation-duration: unset !important;
    transition-property: none !important;
    height: auto !important;
    margin: 0 0 20px !important;
}

.dmRespRow-top span {
    display: block;
    color: rgb(0, 0, 0);
    font-size: 16px !important;
    width: calc(100% - 331px) !important;
    height: auto !important;
    max-width: 538px !important;
    margin: 8px auto !important;
    padding: 2px 0 !important;
    min-width: 25px !important;
}

.dmRespRow .slide {
    height: 484px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
}

.dmRespRow .slide .carousel-item {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.dmRespRow .slide .carousel-item img {
    object-fit: cover;
    vertical-align: top;
}

.dmRespRow .slide .carousel-item .carousel-caption h3 {
    font-size: 58px;
}

.dmRespRow .slide .carousel-item .carousel-caption p {
    font-size: 16px;
}

.dmRespRow .slide .carousel-control-prev,
.dmRespRow .slide .carousel-control-next {
    position: static;
    width: 45px;
}

.dmRespRow .slide .carousel-control-prev-icon,
.dmRespRow .slide .carousel-control-next-icon {
    background-color: black;
    background-image: none;
}

.dmRespRow .slide .carousel-control-prev-icon {
    margin-right: 15px;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}

.dmRespRow .slide .carousel-control-next-icon {
    margin-left: 15px;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.footer {
    background-color: #f6f6f6;
    padding: 50px 0 70px;
}

.footer .imageWidget img {
    width: 100% !important;
    height: auto !important;
}

.copyright {
    font-size: 14px;
    color: rgb(78, 78, 78);
}

.footer h5 {
    color: #1a1b1f;
    direction: ltr;
    font-family: Montserrat, "Montserrat Fallback";
    font-weight: bold;
    font-size: 14px;
    line-height: initial;
    text-decoration: inherit;
}

.footer ul {
    padding-top: 25px;
}

.footer ul li {
    padding: 2px 0;
    margin: 0;
}

.footer ul li a {
    font-size: 14px;
    color: #000;
}

.footer ul li a .nav-item-text {
    pointer-events: none;
    white-space: initial;
    letter-spacing: .03em;
}

.footer ul li a .fab,
.footer ul li a .fa-brands {
    font-size: 20px;
    padding: 0 8px;
}

.faqs {
    font-size: 83px;
    color: #000;
}

.accordion {
    border: none !important;
}
.accordion .accordion-item {
    margin-bottom: 20px !important;
    border: none !important;
    border-radius: 10px !important;
}
.accordion .accordion-header {
    border-radius: 10px !important;
}
.accordion .accordion-collapse:active {
    box-shadow: none !important;
}
.accordion .accordion-collapse.show {

}
.accordion-button {
    background-color: rgba(243, 243, 243, 1) !important;
    
}

.about-title {
    font-size: 83px;
    text-align: center;
    margin-bottom: 20px;
}

.about-title p {
    margin: 0;
    line-height: 1;
    color: #1a1b1f;
    font-family: Montserrat, "Montserrat Fallback";
}

.about-title p:last-child {
    font-family: BRANCH;
}

.about-card {
    background-color: rgba(243, 243, 243, 1);
    border-radius: 10px;
    text-align: center;
    margin-top: 100px;
}

.about-card .img {
    width: 100%;
    height: 90px;
    max-width: 100%;
    text-align: center;
    display: block;
}

.about-card .img img {
    margin: -45px auto 0;
    border-radius: 50%;
}

.about-card p {
    margin: 0;
    transition: opacity 1s ease-in-out 0s;
    line-height: 1.7;
    color: rgb(0, 0, 0);
    font-family: Montserrat, 'Montserrat Fallback';
    font-size: 18px;
}

.about-card .name {
    font-weight: 600;
    margin: 8px 0;
}

.about-card .info {
    padding: 20px 40px 50px;
    letter-spacing: 0.05em;
}


.our-locations-card {
    background-color: rgba(246, 246, 246, 1);
    border-radius: 15px;
    padding: 50px;
}

.our-locations-card h3 {
    color: rgb(0, 0, 0);
    font-size: 50px;
    margin: 0 0 20px;
    line-height: 1;
}

.our-locations-card p {
    color: rgb(0, 0, 0);
    font-size: 16px;
    margin: 0;
}

.our-locations-card a {
    display: block;
    width: 274px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 8px;
    border-color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 1px;
    background-clip: border-box;
    transition: background-color .2s ease, border-color .2s ease;
    background-color: var(--btn-bg-color);
    color: #fff;
    font-size: 18px;
    font-family: var(--btn-text-font-family);
    margin: 40px 0 20px;
}

.bg-top {
    background-image: url(/static/images/pexels-photo-7078693-2880w.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    padding: 170px 20px;
}

.comfort p {
    padding: 10px 0;
    margin-bottom: 8px;
    color: rgba(26, 27, 31, 1);
    font-family: Montserrat, "Montserrat Fallback";
    line-height: 2;
    font-size: 16px;
    text-transform: uppercase;
}
.comfort h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 60px;
}
.comfort .imageWidget {

}
.comfort .imageWidget img {

}


.comfort .text-content {
    display: flex;
    align-items: stretch;
}

.comfort .text-content .item {
    padding: 16px;
}

.comfort .text-content .item .item-child {

}

.comfort .text-content .item .item-child h3 {
    margin-bottom: 20px;
}
.comfort .text-content .item .item-child h3 strong {
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 30px;
}

.comfort .text-content .item .item-child p {
    color: rgba(26, 27, 31, 1);
    font-family: Montserrat, "Montserrat Fallback";
    font-size: 16px;
    line-height: 2;
}

.spacer-42 {
    width: 100%;
    height: 42px;
}

.experiences .title {
    padding: 16px;
    text-align: center;
}

.experiences .title p {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.experiences .title h2 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
}

.experiences .card {
    height: calc(100% - 30px);
    padding: 30px;
    border-radius: 20px;
    border-color: rgba(75, 76, 83, 0.5);
    border-width: 1px;
    border-style: solid;
    margin: 12px 0;
}

.experiences .card .card-top {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.experiences .card .card-top .imageWidget {
    width: auto;
    margin-right: 20px;
}

.experiences .card .card-top .imageWidget img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}

.experiences .card .card-top p {
    flex: 1;
    margin: 0;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.experiences .card .card-top .star {
    margin-left: 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.experiences .card .card-top .star .icon {

}

.experiences .card .card-top .star p {
    font-weight: 300;
}

.experiences .card .card-bottom {
    margin-top: 30px;
}

.experiences .card .card-bottom p {
    font-size: 20px;
    font-weight: 300;
    line-height: 2;
    color: rgba(26, 27, 31, 1);
    font-family: Montserrat, "Montserrat Fallback";
}

.corporate-housing-info .rooms-grid {
    grid-template-columns: 1fr 1fr;
}

.corporate-housing-info .rooms-group-bg {
    padding: 40px 16px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px;
    background-repeat: no-repeat;
    background-image: url(/static/images/pexels-photo-5331879-2880w.jpeg);
    background-size: cover;
}

.corporate-housing-info .text-box {
    margin-bottom: 50px;
}

.corporate-housing-info .text-box h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

.corporate-housing-info .text-box p {
    font-size: 16px;
    font-weight: 300;
    color: rgba(26, 27, 31, 1);
    font-family: Montserrat, "Montserrat Fallback";
}

.photogallery-row {
    display: flex;
    cursor: pointer;
}

.photogallery-column {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
    margin: 0;
}

.photogallery-column.column-2 {
    width: 50%;
}

.photogallery-column.row-direction {
    flex-direction: row;
    flex-wrap: wrap;
}

.photogallery-column .photoGalleryThumbs {
    position: relative;
    overflow: hidden;
    padding: 5px;
    list-style: none;
    transition: all 5s;
}

.photoGalleryThumbs .thumbnailInnerWrapper {
    overflow: hidden;
    transform: translateZ(0);
}

.photogallery-column .photoGalleryThumbs .image-container.revealed {
    background: 0;
    width: 100%;
    overflow: hidden;
}

.photoGalleryThumbs .image-container {
    background: url(/static/images/galleryLoader.gif) no-repeat center;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

.photoGalleryThumbs .image-container a {
    display: flex;
    flex-direction: column;
    background-size: cover;
    padding-top: 100%;
    transition: all .2s ease-out;
    background-repeat: no-repeat;
    background-position: center;
}

.photoGalleryThumbs .image-container a img {
    display: none;
}

.photoGalleryThumbs .caption-container {
    position: absolute;
    left: 0;
    pointer-events: none;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.photoGalleryThumbs .caption-container .caption-inner {
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-width: 0px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #333;
    padding: 15px;
    height: 100%;
    box-sizing: border-box;
    justify-content: flex-end;
    align-items: flex-start;
}

.photoGalleryThumbs .caption-container .caption-inner .caption-title {
    direction: ltr;
    font-family: "BRANCH";
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 0em;
    line-height: 1;
    color: rgba(255, 255, 255, 1);
    font-size: 22px;
    text-align: left;
}

.photoGalleryThumbs:hover a {
    transform: scale(1.1);
}

.width-50 {
    width: 50%;
}

.asymetric3-long-image {
    width: 100%;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.footer .row >div {
    margin-bottom: 30px;
}

/* 当屏幕宽度小于等于xxx像素时应用的样式 */
@media screen and (max-width: 1400px) {
    .navbar .navbar-nav {
        flex-wrap: wrap !important;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 1200px) {
    .rooms-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .rooms-grid .rooms-group >h2 {
        font-size: 54px !important;
    }

    .rooms-grid .rooms-group >p {
        width: 460px !important;
    }

    .comfort, .experiences {
        padding: 50px 0 !important;
    }
}

@media screen and (max-width: 992px) {
    .navbar {
        height: auto !important;
        min-height: 78px !important;
        padding: 0 !important;
    }

    .navbar .container {
        padding-top: 20px;
    }

    .navbar-toggler {
        background-color: #fff !important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .videobgwrapper {
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .videobg {
        border-radius: 0 !important;
    }

    .videobg .videobgframe {
        min-height: 768px !important;
    }

    .center-content p {
        padding-top: 150px !important;
        font-size: 78px !important;
    }

    .rooms-grid {
        padding: 50px 0 0 !important;
    }
    .rooms-grid .rooms-group >h2 {
        font-size: 38px !important;
    }

    .rooms-grid .rooms-group >p {
        width: 320px !important;
    }

    .rooms-grid .widget-wrapper {
        height: 360px !important;
    }

    .dmRespRow.index {
        padding: 0 0 40px !important;
        margin-bottom: 50px !important;
    }

    .dmRespRow.index .dmRespRow-top p {
        font-size: 68px !important;
    }

    .dmRespRow.index .dmRespRow-top span {
        width: auto !important;
        max-width: max-content;
    }

    .contact-faq {
        padding: 60px 0 !important;
    }

    .our-locations-card h3 {
        font-size: 38px !important;
    }
}

@media screen and (max-width: 768px) {
    .videobgwrapper .videobg {
        height: 768px !important;
    }

    .rooms-grid {
        padding: 50px 0 !important;
        grid-template-columns: 1fr !important;
    }

    .rooms-grid .rooms-group {
        min-height: 0 !important;
    }

    .rooms-grid .rooms-group.rooms-group-bg {
        min-height: 300px !important;
    }

    .rooms-grid.even .rooms-group:nth-child(2) {
        padding-left: 0 !important;
    }

    .dmRespRow.index {
        padding: 40px 0 !important;
    }

    .dmRespRow.index .dmRespRow-top p {
        font-size: 38px !important;
    }

    .dmRespRow.index .dmRespRow-top span {
        width: auto !important;
    }

    .dmRespRow.index .carousel .carousel-control-prev,
    .dmRespRow.index .carousel .carousel-control-next {
        position: absolute !important;
    }

    .dmRespRow.index .carousel .carousel-control-prev .carousel-control-prev-icon,
    .dmRespRow.index .carousel .carousel-control-next .carousel-control-next-icon {
        background-color: #fff !important;
    }

    .faqs,
    .about-title {
        font-size: 60px !important;
    }

    .text-center h1 {
        font-size: 48px !important;
    }

    .photogallery-row {
        flex-direction: column !important;
    }

    .photogallery-row .photogallery-column {
        width: 100% !important;
    }

    .comfort .imageWidget img {
        width: 100% !important;
    }

    .footer .imageWidget {
        width: 70% !important;
    }

    .footer .placeholder-100 {
        height: 50px !important;
    }
}

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

    .videobgwrapper .videobg {
        height: 646px !important;
    }

    .videobgwrapper .text-content {
        width: 95% !important;
    }

    .videobgwrapper .text-content h1 {
        font-size: 32px !important;
    }

    .center-content p {
        padding-top: 200px !important;
        font-size: 48px !important;
    }

    .faqs, .about-title {
        font-size: 36px !important;
    }

    .rooms-grid {
        padding: 50px 20px !important;
    }

    .rooms-grid .widget-wrapper {
        height: 100% !important;
    }

    .text-center p {
        font-size: 18px !important;
    }

    .comfort .text-content {
        flex-direction: column !important;
    }
}