@media (min-width: 1600px) {
:root {
    --bs-h1: 65px;
    --bs-h2: 65px;
    --bs-h3: 35px;
    --bs-fs30: 27px;
    --bs-fs24: 23px;
    --bs-fs22: 22px;
    --bs-fs20: 20px;
}
.button {
    padding: 13px 45px;
}
.py_3{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.mt_3 {
    margin-top: 6rem;
}
.mb_3 {
    margin-bottom: 6rem;
}
header {
    .navbar-nav {
        li {
            margin-left: 2.25rem !important;
            margin-right: 2.25rem !important;
        }
    }
}
.main_banner {
    .subtitle {
        img {
            width: 50px;
            height: 50px;
        }
    }
    .banner_content {
        padding: 2rem 0 6rem;
    } 
    .img_pos {
        height: calc(100% - 4rem) !important;
    }
}
.inner_banner {
    height: 570px;
    .banner_content {
        border-left: 15px solid var(--bs-maroon);
        padding: 20px 45px;
    }
}
.video_container {
    height: 550px;
    .video_overlay {
        h2 {
            max-width: 850px;
        }
        button.full-screen {
            width: 60px;
        }
    }
}
.room_carousel, .room_carousel_list {
    .item {
        img.item--image {
            height: 350px;
            margin-bottom: -150px;
        }
        .item--text {
            padding-bottom: 2rem;
            padding-top: 170px;
        }
    }
}
.offer--list {
    .col--item {
        margin: 5rem 0;
    }
}
.blog_carousel_row {
    .item--inner {
        .item--image {
            height: 420px;
            margin-bottom: -170px;
        }
        .item--text {
            padding-top: 190px;
        }
    }
}
.gallery_carousel_list {
    img.w-100, .gal_video_wrap {
        height: 420px;
    }
}
.single_room_slider {
    .item {
        height: 550px !important;
    }
}
}

@media (min-width: 1400px) and (max-width: 1899.98px) {  
:root {
    --bs-h1: 50px;
    --bs-h2: 50px;
    --bs-h3: 32px;
    --bs-fs30: 25px;
    --bs-fs24: 21px;
    --bs-fs22: 20px;
    --bs-fs20: 18px;
}
.offer--list {
    .col--item {
        margin: 4rem 0;
    }
}
.main_banner {
    .banner_content {
        padding-top: 20px !important;
    } 
}
}


@media (min-width: 1200px) and (max-width: 1399.98px) {  
:root {
    --bs-h1: 50px;
    --bs-h2: 50px;
    --bs-h3: 24px;
    --bs-fs30: 21px;
    --bs-fs24: 18px;
    --bs-fs22: 16px;
    --bs-fs20: 15px;
}
.offer--list {
    .col--item {
        margin: 4rem 0 !important;
    }
}
}

@media (min-width: 768px) {
.room_carousel, .testimonial_carousel {
    .owl-stage {
        display: flex;
    }
    .item {
        height: 100%;
    }
}
.video_modal {
    .modal-dialog {
        max-width: 700px !important;
    }
}
.single_room_slider {
    .item {
        height: 450px;
    }
}
}

@media (min-width: 992px) {
.page-content {
    padding-top: 130px;
}
header {
    .navbar {
        .navbar-nav {
            align-items: center;
        }
    }
}
.main_banner {
    &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: url(../images/banner-brush.png) no-repeat left center;
        background-size: 80%;
        z-index: -1;
    }
    .img_pos {
        width: 48%;
        height: calc(100% - 2rem);
        border-radius: 205px 0 0 0;
        position: absolute;
        right: 0;
        top: 0;
		overflow: hidden;
		.owl-carousel, .owl-stage-outer, .owl-stage, .owl-stage * {
			height: 100%;
			object-fit: cover;
		}
		.owl-dots {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}
    }
}
.room_suits {
    .text_col {
        padding-right: 3rem;
    }
    .slider_col {
        .custom_carousel_btn {
            display: none !important;
        }
    }
}
.room_enquiry {
    .form_wrapper {
        position: sticky;
        top: 100px;
    }
}
}


@media (min-width: 1200px) {
header {
    .navbar-nav {
        li {
            margin-left: 1.5rem;
            margin-right: 1.5rem;
        }
    }
}
}

@media (max-width: 1300px) {
.container-xxl {
    --bs-gutter-x: 100px;
}
}

@media (max-width: 1199px) {
:root {
    --bs-h1: 45px;
    --bs-h2: 38px;
    --bs-h3: 21px;
    --bs-fs30: 19px;
    --bs-fs24: 16px;
    --bs-fs22: 15px;
    --bs-fs20: 14px;
}
.why_list {
    .col--item {
        .item--inner {
            h3 {
                margin: 0.75rem auto .5rem;
                max-width: 100%;
            }
        }
    }
}
.rooms_suites-Single {
    .family_suite, .rsuites_detail {
        .li_item {
            flex-basis: 50%;
        }
    }
    .form_wrapper {
        padding: 1.5rem;
    }
}
}

@media (max-width: 991px) {
.py_3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.mt_3 {
    margin-top: 2rem;
}
.page-content {
    padding-top: 150px;
}
.top_navbar {
    .top_nav_right {
        gap: 10px;
        & > a {
            font-size: 0;
        }
    }
}
header .navbar {
    padding: 1rem 0;
    .navbar-brand {
        img {
            width: 120px;
        }
    }
    .navbar-toggler {
        width: 40px;
        height: 40px;
        background: transparent;
        border: var(--bs-border0);
        min-width: auto;
        margin: 0;
        padding: 0;
        margin-left: 0.65rem;
        outline: none;
        box-shadow: none;
        display: block;
    }
    #mainNavbar {
        padding-top: 1rem;
    }
    .navbar-nav {
        li {
            margin-left: 0;
            margin-right: 0;
        }
        a.nav-link {
            padding: 10px 0 !important;
            font-size: 24px;
            position: relative;
            text-transform: uppercase;
        }
    }
}
.main_banner {
    .banner_content {
        padding: 1rem 0 2rem;
    }
    .img_col {
        img {
            border-radius: 200px 0 0 0;
        }
    }
}
.inner_banner {
    height: 350px;
}
.room_suits {
    .text_col {
        .custom_carousel_btn {
            display: none !important;
        }
    }
    .slider_col {
        .room_carousel, .custom_carousel_btn {
            margin-top: 2rem;
        }
    }
}
.offer--list {
    padding: 0;
    margin-top: 0;
    .list-item-col {
        width: 48%;
    }
    .col-image-holder {
        display: none;
    }
}
footer {
    .mob_col_order_1 {
        order: 1;
    }
    .mob_col_order_2 {
        order: 2;
    }
    .mob_col_order_3 {
        order: 3;
    }
}
.thankyou_error {
    .sec__content {
        text-align: center;
    }
    .btn_block {
        justify-content: center;
    }
}
}

@media (min-width: 768px) and (max-width: 991px) {
.blog_carousel_row {
    .item--inner {
        .item--image {
            height: 240px;
        }
    }
}
}

@media (max-width: 767px) {
.button {
    min-width: unset;
    padding: 10px 25px;
}
.offer--list {
    flex-wrap: wrap;
    .list-item-col {
        width: 100%;
        .col--item {
            margin-bottom: 0;
        }
    }
}
footer {
    .copyright_footer {
        flex-direction: column;
        align-items: center;
        gap: 4px;
        padding-bottom: 1rem;
        p {
            margin-bottom: 0;
            text-align: center;
        }
    }
}
}

@media (max-width: 575px) {
:root {
    --bs-h1: 34px;
    --bs-h2: 30px;
}
.container-xxl {
    --bs-gutter-x: 2rem;
}
.top_navbar {
    .container-xxl {
        justify-content: center;
    }
    .top_nav_left {
        display: none;
    }
}
.main_banner {
    .img_col {
        img {
            border-radius: unset;
        }
    }
}
.custom_carousel_btn {
    .item_counter {
        span {
            width: 40px;
            margin-left: 8px;
            margin-right: 8px;
        }
    }
    button {
        width: 40px;
    }
}
.offer--list {
    .col--item {
        img {
            width: 40px;
            height: 40px;
        }
    }
}
footer {
    .ftr_form {
        padding: 1.25rem;
    }
}
.owl-carousel .owl-dots {
    button.owl-dot span {
        width: 15px;
    }
    button.owl-dot.active span {
        width: 30px;
    }
}
.gallery_carousel_list {
    img.w-100, .gal_video_wrap {
        height: 280px;
        button {
            width: 50px;
            height: 50px;
        }
    }
}
}

@media (max-width: 480px) {
.inner_banner {
    height: 280px;
    .banner_content {
        padding: 15px;
    }
}
ul.nav.nav-tabs {
    a.nav-link {
        padding: 12px 25px;
    }
}
.contact_form_row {
    .form_shadow {
        padding: 1rem;
    }
}
.rooms_suites-Single {
    .room_title_price {
        flex-direction: column;
        span {
            padding-top: 0;
            padding-bottom: 1rem;
        }
    }
    .family_suite, .rsuites_detail, .room_facilities {
        .li_item {
            flex-basis: 100%;
        }
    }
}
.single_room_slider {
    .item {
        height: 300px;
    }
}
}

@media (max-width: 460px) {
.gallery_carousel_list {
    .gal_col {
        width: 100% !important;
    }
}
.blog_carousel_row {
    .item--inner {
        .item--image {
            height: 240px;
        }
    }
}
footer {
    .footer_address .li--item {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }
}
}