@charset "utf-8";
@media only screen and (max-width :1536px) {
    .venue_slider .carousel-item {
        height: 660px
    }
}

@media only screen and (max-width :1399px) {
    .navbar-nav .nav-item .nav-link {
        padding: 0 8px !important
    }

    .header_logo {
        width: 145px !important;
        position: relative;
        z-index: 1
    }

    .testi_slide {
        height: 310px
    }

    .dining_circle {
        width: 350px
    }

    .search_row {
        gap: 35px !important
    }

    .expe_card .expe_box {
        width: 333px;
        height: 54px
    }

    .expe_card {
        height: 450px
    }

    .expe_card:hover .expe_box {
        height: 188px
    }

    .detail_slide .carousel-control-next {
        right: 34%
    }

    .detail_slide .carousel-control-prev {
        left: 53%
    }

    .detail_slide .carousel-caption {
        left: 68%;
        bottom: 0
    }

    .stay_slider .carousel-control-prev {
        left: 48%
    }

    .stay_slider .carousel-control-next {
        right: 30%
    }
}

@media only screen and (max-width :1199px) {
    .blue_bg_half {
        background-image: linear-gradient(to right, #197e76 75%, rgba(0, 0, 0, 0) 20%)
    }

    .header_btn {
        padding: 15px 18px !important
    }

    .search_row {
        gap: 25px !important
    }

    .r_line::after {
        left: -15px
    }

    .room-slider__img {
        width: 730px;
        transform: translate(-350px, 300px)
    }

    .feat_sec {
        margin-top: 310px
    }

    .custom,
    .dining_img {
        height: 440px
    }

    .dining_sec {
        margin-top: 120px;
        margin-bottom: 30px;
        padding: 36px
    }

    .expe_card .expe_box {
        width: 276px
    }

    .testi_circle {
        width: 475px
    }

    .sec_padding {
        padding: 55px 0
    }

    .footer h3 {
        font-size: 15px
    }

    .detail_slide .room-slider__img {
        width: 522px
    }

    .detail_slide .carousel-control-prev {
        left: 50%
    }

    .stay_slider .carousel-control-prev {
        left: 46%
    }

    .wedding_img {
        margin-top: -270px
    }

    .venue_slider .carousel-caption {
        width: 400px
    }

    .contact_box .img_div img {
        width: 28px
    }

    .contact_box {
        padding: 12px !important
    }

    .exp_heading {
        font-size: 25px !important;
        margin-bottom: 7px
    }

    .testi_slide {
        height: 330px
    }

    .expe_card:hover .expe_box {
        height: 225px
    }
}

@media only screen and (max-width :1024px) {
    .dining_circle {
        width: 220px
    }
}

@media only screen and (max-width :991px) {
    h1 {
        font-size: 27px
    }

    h2 {
        font-size: 20px
    }

    .blue_bg_half {
        background-image: linear-gradient(to right, #197e76 95%, rgba(0, 0, 0, 0) 20%)
    }

    .room-slider {
        max-width: 100%;
        margin-top: 40px
    }

    .room-slider__img {
        width: 100%;
        transform: translate(0, 309px) !important;
        min-height: 335px
    }

    .room-slider .swiper-button-next,
    .room-slider .swiper-button-prev,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        margin-top: -110px
    }

    .swiper-button-next,
    .swiper-button-prev {
        padding: 22px;
        background-size: 10px 44px !important
    }

    .testi_col {
        background-size: 105%
    }

    .footer_logo_col {
        border-right: none;
        display: flex;
        gap: 15px;
        border-bottom: 1px solid #ffffff57
    }

    .footer_logo {
        width: 150px
    }

    .nav_col {
        padding: 15px 5px
    }

    .header_btn {
        padding: 15px 13px !important
    }

    .header_logo {
        width: 175px
    }

    .navbar-collapse {
        position: absolute;
        top: 60px;
        right: 0;
        background-color: #fff;
        padding: 25px;
        border-radius: 5px
    }

    .nav-link {
        color: #000;
        font-size: 16px;
        border-right: none;
        padding: 0 15px !important;
        margin-bottom: 5px
    }

    .slider_img {
        height: 600px
    }

    .slider_img img {
        width: 100%;
        height: 600px;
        object-fit: cover;
        object-position: center
    }

    .detail_slide .carousel-caption {
        position: relative;
        left: 0;
        bottom: 40px;
        padding-bottom: 0
    }

    .detail_slide .room-slider__img {
        width: auto
    }

    .detail_slide .carousel-control-next {
        right: 5%;
        top: 395px;
        bottom: auto
    }

    .detail_slide .carousel-control-prev {
        left: auto;
        top: 395px;
        bottom: auto;
        right: 80px
    }

    .wedding_img {
        display: none
    }

    .gallery_img_div {
        height: 230px
    }

    .gallery_tabs .nav-link {
        padding: 5px 15px !important;
        font-size: 12px
    }

    .gallery_sub_tabs .nav-link {
        padding: 0 10px 10px !important;
        font-size: 12px
    }

    .location_text {
        margin-top: 0
    }

    .location_text .room-slider__img {
        min-height: fit-content
    }

    .exp_heading {
        font-size: 22px !important;
        margin-bottom: 7px
    }

    .testi_caption {
        padding: 10px 30px
    }

    .home_feat {
        margin-top: 350px !important
    }

    .search_bar_col {
        padding: 10px 15px
    }

    .scroll-arrow {
        width: 30px;
        height: 30px
    }

    .scroll-arrow i {
        font-size: 13px
    }

    .blog_text {
        padding: 35px 40px
    }

    .blog_text::before {
        width: 100%;
        height: 10px;
        top: -10px;
        left: 0
    }
}

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

    .dining_content,
    .testi_col {
        background-size: cover
    }

    .dining_sec,
    .wedding_con {
        margin-bottom: 0
    }

    h4 {
        font-size: 14px
    }

    .dining_sec {
        background-image: none
    }

    .dining_content {
        padding-top: 45px;
        background-image: url(../images/gray_bg.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        margin-top: -65px;
        padding-bottom: 45px
    }

    .feat_sec {
        margin-top: 180px;
        height: 350px
    }

    .feat_text {
        position: absolute;
        margin-top: -60px
    }

    .dining_sec {
        margin-top: 477px;
        padding-bottom: 0
    }

    .bottom_con,
    .dining_slider {
        margin-top: 0
    }

    .expe_card .expe_box {
        width: 230px;
        min-height: 70px
    }

    .testi_con {
        overflow: hidden;
        padding-top: 0 !important
    }

    .testi_caption {
        padding: 20px 25px
    }

    .footer_link {
        font-size: 13px
    }

    .room-slider__img {
        min-height: 388px
    }

    .room-slider {
        min-height: 271px;
        height: 271px
    }

    .detail_slide .carousel-item,
    .img_slider {
        height: 340px
    }

    .detail_slide .carousel-control-next,
    .detail_slide .carousel-control-prev {
        top: 265px
    }

    .icon_div .img_div img {
        width: 30px;
        height: auto
    }

    .emp_div {
        height: 530px
    }

    .venue_slider .carousel-item {
        height: 500px
    }

    .flex_md_rev {
        display: flex;
        flex-direction: column-reverse
    }

    .package_sec {
        margin-bottom: 50px
    }

    .gallery_img_div {
        height: 165px
    }

    .testi_slide {
        height: 360px
    }

    .home_feat {
        margin-top: 210px !important
    }

    .mobile_caption {
        color: #fff;
        position: absolute;
        bottom: 20px
    }

    .mobile_caption p {
        color: #fff
    }

    .bb_resbox p {
        font-size: 12px !important;
        width: 50% !important
    }

    #bb_resBookingBox {
        display: block
    }

    .room-slider .swiper-button-next,
    .room-slider .swiper-button-prev,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        margin-top: -80px
    }
}

@media only screen and (max-width :575px) {
    .blue_bg_half {
        background-image: linear-gradient(to right, #197e76 100%, rgba(0, 0, 0, 0) 20%)
    }

    .search_bar p {
        font-size: 14px
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        width: 30px;
        height: 30px;
        font-size: 17px !important
    }

    .owl-nav .owl-prev {
        left: 30px !important
    }

    .owl-nav .owl-next {
        right: 30px
    }

    .feat_text {
        position: relative
    }

    .dining_sec {
        margin-top: 30px;
        margin-bottom: 0
    }

    .expe_card .expe_box {
        width: 290px;
        min-height: 54px
    }

    .footer_col {
        border-right: none
    }

    .footer_logo_col {
        gap: 0;
        flex-direction: column
    }

    .room-slider__img {
        min-height: 401px
    }

    .footer h3 {
        font-size: 20px
    }

    .emp_div {
        height: 30px
    }

    .wedding_contact {
        margin-top: 50px
    }

    h3 {
        font-size: 15px
    }

    .gallery_img_div {
        height: 320px
    }

    .logo_con_div {
        flex-direction: column;
        align-items: start !important
    }

    .logo_div img {
        width: 100px
    }

    .testi_slide {
        height: 390px
    }

    .testi_caption img {
        width: 66px
    }

    .dining_contact_form {
        margin-top: -693px
    }

    .dining_contact {
        height: 650px;
        margin-top: 35px
    }

    .search_bar {
        width: 96%
    }

    .inner_main_img {
        height: 230px
    }

    .thumb-swiper2 {
        height: 350px
    }

    .thumb-swiper {
        height: 90px
    }
}

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

    .room-slider .swiper-button-next,
    .room-slider .swiper-button-prev,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        margin-top: -75px
    }

    .dining_sec {
        padding: 23px
    }

    .testi_circle {
        display: none
    }

    .room-slider__img {
        padding: 20px
    }

    .sub_heading {
        font-size: 12px;
        padding: 3px 8px;
        font-weight: 600
    }

    .arrow_btn p {
        font-size: 11px;
        top: 7px;
        left: 39px
    }

    .acc_div {
        padding-left: 0
    }

    .gallery_img_div {
        height: 270px
    }

    .long_read_more .read-more__checkbox~.read-more__label::after {
        width: 75%
    }

    .exp_heading {
        font-size: 18px !important
    }

    .testi_slide {
        height: 422px
    }

    .dining_contact {
        background-image: none !important
    }

    .blog_text {
        padding: 30px
    }

    .img_slider {
        height: 300px
    }
}

@media only screen and (max-width :460px) {
    .room-slider__img {
        min-height: 419px
    }

    .room-slider .swiper-button-next,
    .room-slider .swiper-button-prev,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        margin-top: -85px
    }

    .swiper-button-next,
    .swiper-button-prev {
        padding: 18px;
        height: 36px !important
    }

    .room-slider .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        right: 54px
    }

    .detail_slide .carousel-item {
        height: 275px
    }

    .detail_slide .carousel-control-next {
        top: 200px
    }

    .detail_slide .carousel-control-prev {
        top: 200px;
        right: 70px
    }

    .list_des {
        padding: 0
    }

    .venue_slider .carousel-caption {
        padding: 20px 20px 40px;
        width: 325px;
        left: 10px
    }

    .gallery_img_div {
        height: 240px
    }

    .gallery_tabs .nav-link {
        min-width: 95px
    }

    .nav_header_btn {
        display: none
    }

    .mobi_booking {
        display: block !important
    }

    .mobi_booking_div {
        position: fixed;
        transform: rotate(-90deg);
        left: -50px;
        top: 220px
    }

    .header_btn {
        padding: 8px 13px !important;
        border-radius: 4px;
        margin-top: 0 !important
    }

    .toggle {
        position: relative;
        width: 40px;
        height: 40px
    }

    .toggle span:nth-child(2) {
        transform: translateY(-9px);
        width: 20px;
        left: 7px
    }

    #bb_resBookingBox .bbres_fieldset11 {
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #bb_resBookingBox .bb_btn {
        width: 100% !important
    }

    input#bb_resBtn {
        height: 43px
    }

    .slider_img,
    .slider_img img {
        height: 665px
    }

    .card-img-overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, #000 100%)
    }

    .gallery_sub_tabs .nav-link {
        min-width: 146px
    }

    .header_btn:after {
        background: 0 0
    }
}

@media only screen and (max-width :375px) {
    .room-slider__img {
        margin-top: 65px;
        min-height: 478px
    }

    .feat_sec {
        margin-top: 245px
    }

    .des_div {
        padding-left: 15px
    }

    h2 {
        margin-bottom: 10px
    }

    .room-slider .swiper-button-next,
    .room-slider .swiper-button-prev,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        margin-top: -75px
    }

    .detail_slide .room-slider__img {
        margin-top: 0 !important
    }

    .acc_div {
        padding-left: 0 !important
    }

    .testi_slide {
        height: 507px
    }

    .home_feat {
        margin-top: 300px !important
    }

    .mobi_nav_link p {
        font-size: 14px
    }

    .thumb-swiper2 {
        height: 233px
    }

    .thumb-swiper {
        height: 65px
    }

    .img_slider {
        height: 235px
    }
}

@media only screen and (max-width :360px) {
    .room-slider__img {
        min-height: 500px
    }

    .room-slider .swiper-button-next,
    .room-slider .swiper-button-prev,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        margin-top: -85px
    }

    .gallery_img_div {
        height: 210px
    }
}