/* ----------------- Extra Small Device Start ----------------- */
@media (min-width: 320px) and (max-width: 575.98px) {
    .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar-brand .nav_logo {
        width: 89px;
        padding: 20px 15px 20px 15px;
    }

    #hero .toggler-icon {
        background: #fff;
    }

    .navbar .navbar-collapse {
        background: #d3ffce;
        width: 100%;
        padding: 20px 0;
    }

    #hero .navbar .nav_middle .nav-item .nav-link {
        color: var(--primary-blue);
    }

    .navbar .nav_middle .nav-item .nav-link {
        padding: 8px 4px;
    }

    .navbar .nav_right {
        width: 100%;
        align-items: flex-start;
    }

    .navbar .nav_middle {
        width: 100%;
    }

    .navbar .nav_right .nav-item .nav-link {
        padding: 8px 14px;
    }

    #hero .navbar-nav .nav_search {
        color: var(--primary-blue);
    }

    #hero .nav_others .nav_others_box {
        background-color: var(--primary-blue);
    }

    .nav_right .modal-body {
        height: 300px;
        padding: 0 18px;
    }

    .nav_right .modal-body input {
        width: 100% !important;
        margin-right: 0 !important;
    }

    nav .modal .modal-body {
        padding: 20px 10px;
    }

    nav .modal .form_group {
        flex-direction: column;
        gap: 20px;
    }

    nav .modal .form_group button {
        width: 100%;
    }

    .nav-item .nav_others {
        display: none;
    }

    .sm_dropdown {
        display: block;
        font-family: var(--primary-font);
        font-size: 16px;
        color: var(--primary-blue);
        text-transform: uppercase;
        transition: all linear 0.2s;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: transparent;
        border: none;
        margin: 0 16px;
    }

    .navbar .dropdown-menu .dropdown-item {
        text-align: left;
    }

    #hero .hero_details h1 {
        font-size: 54px;
    }

    #hero .hero_details h2 {
        font-size: 22px;
    }

    #hero .hero_details p {
        width: 100%;
    }

    #hero .slick-dots {
        left: 0;
    }

    #hero .down_arrow {
        display: none;
    }

    #why_dsc .why_dsc_wrapper .dsc_text {
        margin-top: 0;
    }

    #why_dsc .why_dsc_wrapper .dsc_text .paragraph {
        -webkit-line-clamp: none;
    }

    #why_dsc .why_dsc_wrapper .dsc_main_img .dsc_bg_img {
        display: none;
    }

    #why_dsc .why_dsc_wrapper .why_dsc_data {
        position: relative;
        bottom: 0;
        margin-top: 75px;
        flex-direction: column;
        padding: 30px;
    }

    #why_dsc .why_dsc_wrapper .why_dsc_data .data_box {
        justify-content: center;
    }

    #why_dsc .why_dsc_wrapper .dsc_main_img {
        height: 350px;
        margin-top: 120px;
    }

    #features .features_img {
        display: none;
    }

    #features {
        margin-top: 75px;
    }

    #features .features_list .feature_main {
        flex-direction: column;
    }

    #features .features_list .feature_main .feature_wrapper {
        width: 100%;
    }

    #venues .venues_top {
        align-items: flex-start;
        flex-direction: column;
        gap: 55px;
    }

    #venues .venues_main {
        flex-direction: column;
    }

    #venues .venues_main .venue_box {
        width: 100%;
    }

    #venues .venues_main .venue_box .venue_img_small,
    #venues .venues_main .venue_box .venue_img_big {
        height: 350px;
    }

    #venues .venues_main .venue_box .overlay {
        padding: 30px;
    }

    #venues .venues_main .venue_box .overlay p {
        -webkit-line-clamp: 4;
    }

    #bird_eye_view .bird_eye_view_wrapper .bird_eye_text {
        margin-top: 0;
    }

    #bird_eye_view .bird_eye_view_wrapper .dsc_bg_img {
        display: none;
    }

    #bird_eye_view .bird_eye_view_wrapper .bird_eye_main_img {
        height: 350px;
        margin-top: 75px;
    }

    #bird_eye_view {
        margin-top: 75px;
    }

    #video_view .video_view_wrapper .video_text {
        margin-top: 0;
    }

    #video_view .video_view_wrapper .dsc_bg_img {
        display: none;
    }

    #video_view .video_view_wrapper .video_main_img {
        height: 350px;
        margin-top: 72px;
    }

    #different {
        margin-top: 120px;
    }

    #different .different_top {
        text-align: center;
    }

    #different .different_wrapper .different_main {
        margin-top: 100px;
        flex-direction: column;
    }

    #different .different_wrapper .different_main .different_box {
        width: 100%;
        margin-bottom: 75px;
        padding: 0 10px;
    }

    #future_projects .future_projects_top {
        align-items: flex-start;
        flex-direction: column;
        gap: 55px;
    }

    #future_projects .future_projects_main {
        flex-direction: column;
    }

    #future_projects .future_projects_main .future_projects_box {
        width: 100%;
    }

    #future_projects .future_projects_main .future_projects_box .overlay {
        padding: 30px;
    }

    #future_projects .future_projects_main .future_projects_box .future_projects_img_small,
    #future_projects .future_projects_main .future_projects_box .future_projects_img_big {
        height: 350px;
    }

    #news_events {
        margin-top: 120px;
    }

    #news_events .news_events_top {
        align-items: flex-start;
        flex-direction: column;
        gap: 55px;
    }

    #news_events .new_event_main .news_event_box {
        margin-bottom: 24px;
    }

    #map {
        margin-top: 75px;
    }

    #map iframe {
        height: 350px;
    }

    #reserve_venue .section_heading {
        width: 100%;
    }

    #reserve_venue p {
        width: 100%;
    }

    footer {
        padding-top: 75px;
    }

    .footer_main {
        flex-direction: column;
    }

    .footer_left {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }

    footer .footer_social ul {
        justify-content: center;
    }

    footer .footer_logo img {
        margin: 0 auto;
    }

    .footer_right {
        margin-left: 0;
        width: 100%;
    }

    footer .footer_links ul {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    footer .footer_links ul li::after {
        display: none;
    }

    footer .footer_contact {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

    footer .footer_contact .footer_address {
        width: 100%;
    }

    footer .footer_contact i {
        margin-right: 0;
        margin-bottom: 10px;
    }

    /* ==================== About DSC Page Start ==================== */
    .about_text p {
        margin-bottom: 60px;
    }

    #video_view {
        margin-top: 100px;
    }

    #about_feature h3 {
        margin-top: 100px;
    }

    #main_venue {
        overflow: hidden;
    }

    /* ==================== About DSC Page End ==================== */

    /* ==================== All Events Page Start ==================== */
    #upcoming_event .upcoming_event_main {
        flex-direction: column;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_left {
        width: 100%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_left .upcoming_event_img {
        min-height: 300px;
        height: 300px;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right {
        width: 100%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right p {
        -webkit-line-clamp: none;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .schedule {
        display: flex;
        gap: 0;
        flex-direction: column;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .btn_box a {
        margin-bottom: 35px;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .btn_box a:last-child {
        margin-bottom: 0;
    }

    #news_events .new_event_main .news_event_box .new_events_info p {
        -webkit-line-clamp: none;
    }

    .pagination_main .pagination {
        justify-content: center;
    }

    .pagination_main .pagination {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .pagination_main .pagination .page-item .page-link {
        margin: 0;
    }

    /* ==================== All Events Page End ==================== */

    /* ==================== All News Blogs Page Start ==================== */
    #latest .latest_main .latest_img {
        height: 350px;
    }

    #latest .latest_main .new_events_info p {
        -webkit-line-clamp: none;
    }

    /* ==================== All News Blogs Page End ==================== */

    /* ==================== All venue Page Start ==================== */
    #all_venue .nav-pills .nav-item .nav-link {
        margin: 11px;
    }

    #all_venue .all_venue_wrapper {
        margin: 0;
    }

    #all_venue .all_venue_wrapper .all_venue_box {
        width: 100%;
        padding: 0;
    }

    /* ==================== All venue Page End ==================== */

    /* ==================== Map Page Start ==================== */
    #contact .map iframe {
        height: 350px;
    }

    .contact_main.mt_150 {
        margin-top: 100px;
    }

    /* ==================== Map Page End ==================== */

    /* ==================== Dinning venue Page Start ==================== */
    #venue_deatils .venue_info p {
        -webkit-line-clamp: none;
        margin-right: 0;
    }

    #venue_deatils .venue_data {
        padding: 45px 30px;
        flex-direction: column;
        margin-top: 80px;
    }

    #venue_deatils .venue_data .venue_data_part {
        flex-wrap: wrap;
        justify-content: center;
    }

    #venue_glance {
        overflow: hidden;
    }

    #dinning_menu .dinning_menu_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    #dinning_menu {
        margin: 100px 0;
    }

    #dinning_menu .dinning_menu_box {
        margin-bottom: 24px;
    }

    #reserve_this_venue .section_heading {
        width: 100%;
    }

    #reserve_this_venue p {
        width: 100%;
    }

    #more_venue {
        padding: 100px 0;
    }

    #more_venue .more_venue_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    #more_venue .more_venue_wrapper {
        margin: 0;
    }

    #more_venue .more_venue_wrapper .more_venue_item {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .menu_table_top {
        flex-direction: column;
        gap: 20px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .menu_table_top .sub_heading_28 {
        font-size: 20px !important;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content {
        padding: 5px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .btn_box_top {
        margin-bottom: 5px;
    }

    #venue_deatils .venue_data .venue_data_part .venue_data_box p {
        width: 124px;
    }

    #more_venue .more_venue_wrapper .more_venue_item .main_venue_img {
        height: 350px;
    }

    /* ==================== Dinning venue Page End ==================== */

    /* ==================== Dinning Page Start ==================== */
    #dinning {
        padding: 100px 0;
    }

    #dinning .dinning_venue_wrapper {
        margin: 0;
        flex-direction: column;
    }

    #dinning .dinning_venue_wrapper .dinning_venue_item {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    #dinning .dinning_venue_wrapper .dinning_venue_item .dinning_venue_img {
        height: 350px;
    }

    /* ==================== Dinning Page End ==================== */

    /* ==================== All Facilities Page Start ==================== */
    .col-reverse {
        flex-direction: column-reverse;
    }

    .facility_text {
        margin-bottom: 60px;
    }

    #all_facilities.mt_150 {
        margin-top: 100px;
    }

    .all_facility_box.mb_150 {
        margin-bottom: 100px;
    }

    /* ==================== All Facilities Page End ==================== */

    /* ==================== News Events Blog Details Page Start ==================== */
    #news_events_blog_details .news_events_blog_details_main .news_events_blog_details_img {
        height: 350px;
    }

    .news_events_blog_gallery_img {
        margin-bottom: 24px;
    }

    /* ==================== News Events Blog Details Page End ==================== */

    /* ==================== Pricing Page End ==================== */
    #pricing .pricing_main {
        flex-direction: column;
    }

    #pricing .pricing_main .pricing_category {
        width: 100%;
        margin-bottom: 60px;
    }

    #pricing .pricing_main .price_details {
        width: 100%;
        padding-left: 0;
    }

    #pricing .pricing_main .price_details .price_wrapper {
        flex-direction: column;
    }

    #pricing .price_details .price_text {
        width: 100%;
        margin-bottom: 60px;
    }

    #pricing .price_details .price_info {
        width: 100%;
        margin-left: 0;
    }

    #pricing.mt_150 {
        margin-top: 100px;
    }

    #pricing.mb_150 {
        margin-bottom: 100px;
    }

    #pricing .price_details .price_info .price_data_box p {
        width: 124px;
    }

    /* ==================== Pricing Page End ==================== */

    /* ==================== Venue Pricing Page Start ==================== */
    #venue_pricing .venue_pricing_main .nav-pills .venue_pills {
        flex-wrap: wrap;
    }

    #venue_pricing .venue_pricing_main .nav-pills .venue_pills .nav-link {
        margin: 11px;
    }

    #venue_pricing .venue_pricing_main .venue_pricing_box .venue_pricing_details .btn_group {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .venue_pricing_main.mt_80 {
        margin-top: 40px;
    }

    /* ==================== Venue Pricing Page End ==================== */

    /* ==================== Venue Details Page Start ==================== */
    #venue_glance .venue_glance_slider .venue_glance_img {
        height: 350px;
    }

    /* ==================== Venue Details Page End ==================== */

    /* ==================== Virtual Tour Page Start ==================== */
    #virtual_tour .virtual_tour_main iframe {
        height: 350px;
    }

    /* ==================== Virtual Tour Page End ==================== */
    .details_img img {
        clear: both;
        width: 100%;
        height: 250px;
    }
}

/* ----------------- Extra Small Device End ----------------- */

/* ----------------- Small Device Start ----------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar-brand .nav_logo {
        width: 89px;
        padding: 20px 15px 20px 15px;
    }

    #hero .toggler-icon {
        background: #fff;
    }

    .navbar .navbar-collapse {
        background: #d3ffce;
        width: 100%;
        padding: 20px 0;
    }

    .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar-brand .nav_logo {
        width: 89px;
        padding: 20px 15px 20px 15px;
    }

    .navbar .navbar-collapse {
        background: #d3ffce;
        width: 100%;
        padding: 20px 0;
    }

    #hero .navbar .nav_middle .nav-item .nav-link {
        color: var(--primary-blue);
    }

    .navbar .nav_middle .nav-item .nav-link {
        padding: 8px 4px;
    }

    .navbar .nav_right {
        width: 100%;
        align-items: flex-start;
    }

    .navbar .nav_middle {
        width: 100%;
    }

    .navbar .nav_right .nav-item .nav-link {
        padding: 8px 14px;
    }

    #hero .navbar-nav .nav_search {
        color: var(--primary-blue);
    }

    #hero .nav_others .nav_others_box {
        background-color: var(--primary-blue);
    }

    .nav_right .modal-body {
        height: 300px;
        padding: 0 18px;
    }

    .nav_right .modal-body input {
        width: 100% !important;
        margin-right: 0 !important;
    }

    nav .modal .modal-body {
        padding: 20px 10px;
    }

    nav .modal .form_group {
        flex-direction: column;
        gap: 20px;
    }

    nav .modal .form_group button {
        width: 100%;
    }

    .nav-item .nav_others {
        display: none;
    }

    .sm_dropdown {
        display: block;
        font-family: var(--primary-font);
        font-size: 16px;
        color: var(--primary-blue);
        text-transform: uppercase;
        transition: all linear 0.2s;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: transparent;
        border: none;
        margin: 0 16px;
    }

    .navbar .dropdown-menu .dropdown-item {
        text-align: left;
    }

    #hero .hero_details h1 {
        font-size: 54px;
    }

    #hero .hero_details h2 {
        font-size: 22px;
    }

    #hero .hero_details p {
        width: 100%;
    }

    #hero .slick-dots {
        left: 0;
    }

    #hero .down_arrow {
        display: none;
    }

    #why_dsc .why_dsc_wrapper .dsc_text {
        margin-top: 0;
    }

    #why_dsc .why_dsc_wrapper .dsc_text .paragraph {
        -webkit-line-clamp: none;
    }

    #why_dsc .why_dsc_wrapper .dsc_main_img .dsc_bg_img {
        display: none;
    }

    #why_dsc .why_dsc_wrapper .why_dsc_data {
        position: relative;
        bottom: 0;
        margin-top: 75px;
        flex-direction: column;
        padding: 30px;
    }

    #why_dsc .why_dsc_wrapper .why_dsc_data .data_box {
        justify-content: center;
    }

    #why_dsc .why_dsc_wrapper .dsc_main_img {
        height: 450px;
        margin-top: 120px;
    }

    #features .features_img {
        display: none;
    }

    #features {
        margin-top: 75px;
    }

    #features .features_list .feature_main {
        flex-direction: column;
    }

    #features .features_list .feature_main .feature_wrapper {
        width: 100%;
    }

    #venues .venues_main {
        flex-direction: column;
    }

    #venues .venues_main .venue_box {
        width: 100%;
    }

    #venues .venues_main .venue_box .venue_img_small,
    #venues .venues_main .venue_box .venue_img_big {
        height: 450px;
    }

    #venues .venues_main .venue_box .overlay {
        padding: 30px;
    }

    #venues .venues_main .venue_box .overlay p {
        -webkit-line-clamp: 4;
    }

    #bird_eye_view .bird_eye_view_wrapper .bird_eye_text {
        margin-top: 0;
    }

    #bird_eye_view .bird_eye_view_wrapper .dsc_bg_img {
        display: none;
    }

    #bird_eye_view .bird_eye_view_wrapper .bird_eye_main_img {
        height: 450px;
        margin-top: 75px;
    }

    #bird_eye_view {
        margin-top: 75px;
    }

    #video_view .video_view_wrapper .video_text {
        margin-top: 0;
    }

    #video_view .video_view_wrapper .dsc_bg_img {
        display: none;
    }

    #video_view .video_view_wrapper .video_main_img {
        height: 450px;
        margin-top: 72px;
    }

    #different {
        margin-top: 120px;
    }

    #different .different_top {
        text-align: center;
    }

    #different .different_wrapper .different_main {
        margin-top: 100px;
        flex-direction: column;
    }

    #different .different_wrapper .different_main .different_box {
        width: 100%;
        margin-bottom: 75px;
        padding: 0 10px;
    }

    #future_projects .future_projects_main {
        flex-direction: column;
    }

    #future_projects .future_projects_main .future_projects_box {
        width: 100%;
    }

    #future_projects .future_projects_main .future_projects_box .overlay {
        padding: 30px;
    }

    #future_projects .future_projects_main .future_projects_box .future_projects_img_small,
    #future_projects .future_projects_main .future_projects_box .future_projects_img_big {
        height: 450px;
    }

    #news_events {
        margin-top: 120px;
    }

    #news_events .new_event_main .news_event_box {
        margin-bottom: 24px;
    }

    #map {
        margin-top: 75px;
    }

    #map iframe {
        height: 450px;
    }

    #reserve_venue .section_heading {
        width: 100%;
    }

    #reserve_venue p {
        width: 100%;
    }

    footer {
        padding-top: 75px;
    }

    .footer_main {
        flex-direction: column;
    }

    .footer_left {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }

    footer .footer_social ul {
        justify-content: center;
    }

    footer .footer_logo img {
        margin: 0 auto;
    }

    .footer_right {
        margin-left: 0;
        width: 100%;
    }

    footer .footer_links ul {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    footer .footer_links ul li::after {
        display: none;
    }

    footer .footer_contact {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

    footer .footer_contact .footer_address {
        width: 100%;
    }

    footer .footer_contact i {
        margin-right: 0;
        margin-bottom: 10px;
    }

    /* ==================== About DSC Page Start ==================== */
    .about_text p {
        margin-bottom: 60px;
    }

    #video_view {
        margin-top: 100px;
    }

    #about_feature h3 {
        margin-top: 100px;
    }

    #main_venue {
        overflow: hidden;
    }

    /* ==================== About DSC Page End ==================== */

    /* ==================== All Events Page Start ==================== */
    #upcoming_event .upcoming_event_main {
        flex-direction: column;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_left {
        width: 100%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_left .upcoming_event_img {
        min-height: 300px;
        height: 300px;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right {
        width: 100%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right p {
        -webkit-line-clamp: none;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .schedule {
        display: flex;
        gap: 0;
        flex-direction: column;
    }

    #news_events .new_event_main .news_event_box .new_events_info p {
        -webkit-line-clamp: none;
    }

    .pagination_main .pagination {
        justify-content: center;
    }

    .pagination_main .pagination {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .pagination_main .pagination .page-item .page-link {
        margin: 0;
    }

    /* ==================== All Events Page End ==================== */

    /* ==================== All News Blogs Page End ==================== */
    #latest .latest_main .latest_img {
        height: 350px;
    }

    #latest .latest_main .new_events_info p {
        -webkit-line-clamp: none;
    }

    /* ==================== All News Blogs Page Start ==================== */

    /* ==================== All venue Page Start ==================== */
    #all_venue .nav-pills .nav-item .nav-link {
        margin: 11px;
    }

    #all_venue .all_venue_wrapper {
        margin: 0;
    }

    #all_venue .all_venue_wrapper .all_venue_box {
        width: 100%;
        padding: 0;
    }

    /* ==================== All venue Page End ==================== */

    /* ==================== Map Page Start ==================== */
    #contact .map iframe {
        height: 350px;
    }

    .contact_main.mt_150 {
        margin-top: 100px;
    }

    /* ==================== Map Page End ==================== */

    /* ==================== Dinning venue Page Start ==================== */
    #venue_deatils .venue_info p {
        -webkit-line-clamp: none;
        margin-right: 0;
    }

    #venue_deatils .venue_data {
        padding: 45px 30px;
        flex-direction: column;
        margin-top: 80px;
    }

    #venue_deatils .venue_data .venue_data_part {
        flex-wrap: wrap;
        justify-content: center;
    }

    #venue_glance {
        overflow: hidden;
    }

    #dinning_menu .dinning_menu_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    #dinning_menu {
        margin: 100px 0;
    }

    #dinning_menu .dinning_menu_box {
        margin-bottom: 24px;
    }

    #reserve_this_venue .section_heading {
        width: 100%;
    }

    #reserve_this_venue p {
        width: 100%;
    }

    #more_venue {
        padding: 100px 0;
    }

    #more_venue .more_venue_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    #more_venue .more_venue_wrapper {
        margin: 0;
    }

    #more_venue .more_venue_wrapper .more_venue_item {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .menu_table_top {
        flex-direction: column;
        gap: 20px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .menu_table_top .sub_heading_28 {
        font-size: 20px !important;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content {
        padding: 5px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .btn_box_top {
        margin-bottom: 5px;
    }

    #venue_deatils .venue_data .venue_data_part .venue_data_box p {
        width: 124px;
    }

    /* ==================== Dinning venue Page End ==================== */

    /* ==================== Dinning Page Start ==================== */
    #dinning {
        padding: 100px 0;
    }

    #dinning .dinning_venue_wrapper {
        margin: 0;
        flex-direction: column;
    }

    #dinning .dinning_venue_wrapper .dinning_venue_item {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    #dinning .dinning_venue_wrapper .dinning_venue_item .dinning_venue_img {
        height: 350px;
    }

    /* ==================== Dinning Page End ==================== */

    /* ==================== All Facilities Page Start ==================== */
    .col-reverse {
        flex-direction: column-reverse;
    }

    .facility_text {
        margin-bottom: 60px;
    }

    #all_facilities.mt_150 {
        margin-top: 100px;
    }

    .all_facility_box.mb_150 {
        margin-bottom: 100px;
    }

    /* ==================== All Facilities Page End ==================== */

    /* ==================== News Events Blog Details Page Start ==================== */
    #news_events_blog_details .news_events_blog_details_main .news_events_blog_details_img {
        height: 350px;
    }

    .news_events_blog_gallery_img {
        margin-bottom: 24px;
    }

    /* ==================== News Events Blog Details Page End ==================== */

    /* ==================== Pricing Page Start ==================== */
    #pricing .pricing_main {
        flex-direction: column;
    }

    #pricing .pricing_main .pricing_category {
        width: 100%;
        margin-bottom: 60px;
    }

    #pricing .pricing_main .price_details {
        width: 100%;
        padding-left: 0;
    }

    #pricing .pricing_main .price_details .price_wrapper {
        flex-direction: column;
    }

    #pricing .price_details .price_text {
        width: 100%;
        margin-bottom: 60px;
    }

    #pricing .price_details .price_info {
        width: 100%;
        margin-left: 0;
    }

    #pricing.mt_150 {
        margin-top: 100px;
    }

    #pricing.mb_150 {
        margin-bottom: 100px;
    }

    #pricing .price_details .price_info .price_data_box p {
        width: 124px;
    }

    /* ==================== Pricing Page End ==================== */

    /* ==================== Venue Pricing Page Start ==================== */
    #venue_pricing .venue_pricing_main .nav-pills .venue_pills {
        flex-wrap: wrap;
    }

    #venue_pricing .venue_pricing_main .nav-pills .venue_pills .nav-link {
        margin: 11px;
    }

    .venue_pricing_main.mt_80 {
        margin-top: 40px;
    }

    #venue_pricing .venue_pricing_main .venue_pricing_box .venue_pricing_details .btn_group {
        justify-content: center;
        gap: 24px;
    }

    /* ==================== Venue Pricing Page End ==================== */

    /* ==================== Virtual Tour Page Start ==================== */
    #virtual_tour .virtual_tour_main iframe {
        height: 350px;
    }

    /* ==================== Virtual Tour Page End ==================== */

    .details_img img {
        clear: both;
        width: 100%;
        height: 250px;
    }
}

/* ----------------- Small Device Start ----------------- */

/* ----------------- Medium Device Start ----------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar-brand .nav_logo {
        width: 89px;
        padding: 20px 15px 20px 15px;
    }

    #hero .toggler-icon {
        background: #fff;
    }

    .navbar .navbar-collapse {
        background: #d3ffce;
        width: 100%;
        padding: 20px 0;
    }

    .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar .navbar-brand img {
        width: 60px;
    }

    #hero .navbar-brand .nav_logo {
        width: 89px;
        padding: 20px 15px 20px 15px;
    }

    .navbar .navbar-collapse {
        background: #d3ffce;
        width: 100%;
        padding: 20px 0;
    }

    #hero .navbar .nav_middle .nav-item .nav-link {
        color: var(--primary-blue);
    }

    .navbar .nav_middle .nav-item .nav-link {
        padding: 8px 4px;
    }

    .navbar .nav_right {
        width: 100%;
        align-items: flex-start;
    }

    .navbar .nav_middle {
        width: 100%;
    }

    .navbar .nav_right .nav-item .nav-link {
        padding: 8px 14px;
    }

    #hero .navbar-nav .nav_search {
        color: var(--primary-blue);
    }

    #hero .nav_others .nav_others_box {
        background-color: var(--primary-blue);
    }

    .nav_right .modal-body {
        height: 300px;
        padding: 0 18px;
    }

    .nav_right .modal-body input {
        width: 100% !important;
        margin-right: 0 !important;
    }

    nav .modal .modal-body {
        padding: 20px 10px;
    }

    nav .modal .form_group {
        flex-direction: column;
        gap: 20px;
    }

    nav .modal .form_group button {
        width: 100%;
    }

    .nav-item .nav_others {
        display: none;
    }

    .sm_dropdown {
        display: block;
        font-family: var(--primary-font);
        font-size: 16px;
        color: var(--primary-blue);
        text-transform: uppercase;
        transition: all linear 0.2s;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: transparent;
        border: none;
        margin: 0 16px;
    }

    .navbar .dropdown-menu .dropdown-item {
        text-align: left;
    }

    #why_dsc .why_dsc_wrapper .dsc_text {
        margin-top: 0;
    }

    #why_dsc .why_dsc_wrapper .dsc_text .paragraph {
        -webkit-line-clamp: none;
    }

    #why_dsc .why_dsc_wrapper .dsc_main_img .dsc_bg_img {
        display: none;
    }

    #why_dsc .why_dsc_wrapper .why_dsc_data {
        position: relative;
        bottom: 0;
        margin-top: 75px;
        flex-direction: column;
        padding: 30px;
    }

    #why_dsc .why_dsc_wrapper .why_dsc_data .data_box {
        justify-content: center;
    }

    #why_dsc .why_dsc_wrapper .dsc_main_img {
        height: 450px;
        margin-top: 120px;
    }

    #features .features_img {
        display: none;
    }

    #features {
        margin-top: 75px;
    }

    #features .features_list .feature_main .feature_wrapper {
        width: 100%;
    }

    #venues .venues_main {
        flex-direction: column;
    }

    #venues .venues_main .venue_box {
        width: 100%;
    }

    #venues .venues_main .venue_box .venue_img_small,
    #venues .venues_main .venue_box .venue_img_big {
        height: 450px;
    }

    #venues .venues_main .venue_box .overlay {
        padding: 30px;
    }

    #venues .venues_main .venue_box .overlay p {
        -webkit-line-clamp: 4;
    }

    #bird_eye_view .bird_eye_view_wrapper .bird_eye_text {
        margin-top: 0;
    }

    #bird_eye_view .bird_eye_view_wrapper .dsc_bg_img {
        display: none;
    }

    #bird_eye_view .bird_eye_view_wrapper .bird_eye_main_img {
        height: 450px;
        margin-top: 75px;
    }

    #bird_eye_view {
        margin-top: 75px;
    }

    #video_view .video_view_wrapper .video_text {
        margin-top: 0;
    }

    #video_view .video_view_wrapper .dsc_bg_img {
        display: none;
    }

    #video_view .video_view_wrapper .video_main_img {
        height: 450px;
        margin-top: 72px;
    }

    #different {
        margin-top: 120px;
    }

    #different .different_top {
        text-align: center;
    }

    #different .different_wrapper .different_main {
        margin-top: 100px;
        flex-direction: column;
    }

    #different .different_wrapper .different_main .different_box {
        width: 100%;
        margin-bottom: 75px;
        padding: 0 10px;
    }

    #future_projects .future_projects_main {
        flex-direction: column;
    }

    #future_projects .future_projects_main .future_projects_box {
        width: 100%;
    }

    #future_projects .future_projects_main .future_projects_box .overlay {
        padding: 30px;
    }

    #future_projects .future_projects_main .future_projects_box .future_projects_img_small,
    #future_projects .future_projects_main .future_projects_box .future_projects_img_big {
        height: 450px;
    }

    #news_events {
        margin-top: 120px;
    }

    #news_events .new_event_main .news_event_box {
        margin-bottom: 24px;
    }

    #map {
        margin-top: 75px;
    }

    #map iframe {
        height: 450px;
    }

    #reserve_venue .section_heading {
        width: 100%;
    }

    #reserve_venue p {
        width: 100%;
    }

    /* ==================== About DSC Page Start ==================== */
    .about_text p {
        margin-bottom: 60px;
    }

    #video_view {
        margin-top: 100px;
    }

    #about_feature h3 {
        margin-top: 100px;
    }

    #main_venue {
        overflow: hidden;
    }

    /* ==================== About DSC Page End ==================== */

    /* ==================== All Events Page Start ==================== */
    #upcoming_event .upcoming_event_main {
        flex-direction: column;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_left {
        width: 100%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_left .upcoming_event_img {
        min-height: 300px;
        height: 300px;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right {
        width: 100%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right p {
        -webkit-line-clamp: none;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .schedule {
        display: flex;
        gap: 0;
        flex-direction: column;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .btn_box a:last-child {
        margin-bottom: 0;
    }

    #news_events .new_event_main .news_event_box .new_events_info p {
        -webkit-line-clamp: none;
    }

    .pagination_main .pagination {
        justify-content: center;
    }

    .pagination_main .pagination {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .pagination_main .pagination .page-item .page-link {
        margin: 0;
    }

    /* ==================== All Events Page End ==================== */

    /* ==================== All News Blogs Page End ==================== */
    #latest .latest_main .latest_img {
        height: 350px;
    }

    #latest .latest_main .new_events_info p {
        -webkit-line-clamp: none;
    }

    /* ==================== All News Blogs Page Start ==================== */

    /* ==================== All venue Page Start ==================== */
    #all_venue .nav-pills .nav-item .nav-link {
        margin: 11px;
    }

    #all_venue .all_venue_wrapper {
        margin: 0;
    }

    #all_venue .all_venue_wrapper .all_venue_box {
        width: 100%;
        padding: 0;
    }

    /* ==================== All venue Page End ==================== */

    /* ==================== Map Page Start ==================== */
    #contact .map iframe {
        height: 350px;
    }

    .contact_main.mt_150 {
        margin-top: 100px;
    }

    /* ==================== Map Page End ==================== */

    /* ==================== Dinning venue Page Start ==================== */
    #venue_deatils .venue_info p {
        -webkit-line-clamp: none;
        margin-right: 0;
    }

    #venue_deatils .venue_data {
        margin-top: 80px;
    }

    #venue_glance {
        overflow: hidden;
    }

    #dinning_menu {
        margin: 100px 0;
    }

    #dinning_menu .dinning_menu_box {
        margin-bottom: 24px;
    }

    #reserve_this_venue .section_heading {
        width: 100%;
    }

    #reserve_this_venue p {
        width: 100%;
    }

    #more_venue {
        padding: 100px 0;
    }

    #more_venue .more_venue_wrapper {
        margin: 0;
    }

    #more_venue .more_venue_wrapper .more_venue_item {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .menu_table_top .sub_heading_28 {
        font-size: 20px !important;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content {
        padding: 5px;
    }

    #dinning_menu .dinning_menu_time .modal .modal-content .btn_box_top {
        margin-bottom: 5px;
    }

    #venue_deatils .venue_data .venue_data_part .venue_data_box p {
        width: 124px;
    }

    #dinning_menu .dinning_menu_box .dinning_menu_img {
        height: 390px;
    }

    /* ==================== Dinning venue Page End ==================== */

    /* ==================== Dinning Page Start ==================== */
    #dinning {
        padding: 100px 0;
    }

    #dinning .dinning_venue_wrapper {
        margin: 0;
        flex-direction: column;
    }

    #dinning .dinning_venue_wrapper .dinning_venue_item {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    /* ==================== Dinning Page End ==================== */

    /* ==================== All Facilities Page Start ==================== */
    .col-reverse {
        flex-direction: column-reverse;
    }

    .facility_text {
        margin-bottom: 60px;
    }

    #all_facilities.mt_150 {
        margin-top: 100px;
    }

    .all_facility_box.mb_150 {
        margin-bottom: 100px;
    }

    /* ==================== All Facilities Page End ==================== */

    /* ==================== News Events Blog Details Page Start ==================== */
    #news_events_blog_details .news_events_blog_details_main .news_events_blog_details_img {
        height: 350px;
    }

    .news_events_blog_gallery_img {
        margin-bottom: 24px;
    }

    /* ==================== News Events Blog Details Page End ==================== */

    /* ==================== Pricing Page End ==================== */
    #pricing.mt_150 {
        margin-top: 100px;
    }

    #pricing .pricing_main {
        flex-direction: column;
    }

    #pricing .pricing_main .pricing_category {
        width: 100%;
        margin-bottom: 60px;
    }

    #pricing .pricing_main .price_details {
        width: 100%;
        padding-left: 0;
    }

    #pricing .pricing_main .price_details .price_wrapper {
        flex-direction: column;
    }

    #pricing .price_details .price_text {
        width: 100%;
        margin-bottom: 60px;
    }

    #pricing .price_details .price_info {
        width: 100%;
        margin-left: 0;
    }

    #pricing.mt_150 {
        margin-top: 100px;
    }

    #pricing.mb_150 {
        margin-bottom: 100px;
    }

    #pricing .price_details .price_info .price_data_box p {
        width: 124px;
    }

    /* ==================== Pricing Page End ==================== */

    /* ==================== Venue Pricing Page Start ==================== */
    #venue_pricing .venue_pricing_main .nav-pills .venue_pills {
        flex-wrap: wrap;
    }

    #venue_pricing .venue_pricing_main .nav-pills .venue_pills .nav-link {
        margin: 11px;
    }

    .venue_pricing_main.mt_80 {
        margin-top: 40px;
    }

    #venue_pricing .venue_pricing_main .venue_pricing_box .venue_pricing_details .btn_group {
        justify-content: center;
        gap: 24px;
    }

    /* ==================== Venue Pricing Page End ==================== */

    /* ==================== Virtual Tour Page Start ==================== */
    #virtual_tour .virtual_tour_main iframe {
        height: 450px;
    }

    /* ==================== Virtual Tour Page End ==================== */
    .details_img img {
        clear: both;
        width: 100%;
        height: 300px;
    }
}

/* ----------------- Medium Device End ----------------- */

/* ----------------- Large Device Start ----------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #why_dsc .why_dsc_wrapper .dsc_main_img .dsc_bg_img {
        right: -222px;
    }

    #why_dsc .why_dsc_wrapper .why_dsc_data {
        padding: 60px 46px;
        gap: 80px;
    }

    #video_view .video_view_wrapper .dsc_bg_img {
        right: -222px;
    }

    /* ==================== About DSC Page Start ==================== */
    #main_venue {
        overflow: hidden;
    }

    /* ==================== About DSC Page End ==================== */

    /* ==================== All Events Page Start ==================== */
    #upcoming_event .upcoming_event_main .upcoming_event_left {
        width: 60%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right {
        width: 40%;
        padding: 30px 24px 24px 24px;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .schedule {
        gap: 0;
        flex-direction: column;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .btn_box a {
        margin-bottom: 35px;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .btn_box a:last-child {
        margin-bottom: 0;
    }

    /* ==================== All Events Page End ==================== */

    /* ==================== All venue Page Start ==================== */
    #all_venue .nav-pills .nav-item .nav-link {
        margin: 11px;
    }

    #all_venue .all_venue_wrapper {
        margin: 0 -20px;
    }

    #all_venue .all_venue_wrapper .all_venue_box {
        padding: 0 20px;
    }

    /* ==================== All venue Page End ==================== */

    /* ==================== Dinning venue Page Start ==================== */
    #venue_deatils .venue_data .venue_data_part .venue_data_box .venue_data_img img {
        width: 70px;
    }

    #venue_deatils .venue_data .venue_data_part .venue_data_box .data .number {
        font-size: 30px;
    }

    #venue_deatils .venue_data {
        padding: 72px 20px;
    }

    #venue_deatils .venue_data .venue_data_part {
        flex-wrap: wrap;
        justify-content: center;
    }

    #venue_glance {
        overflow: hidden;
    }

    #more_venue {
        overflow: hidden;
    }

    /* ==================== Dinning venue Page End ==================== */

    /* ==================== Dinning Page Start ==================== */
    #dinning .dinning_venue_wrapper {
        margin: 0 -20px;
    }

    /* ==================== Dinning Page End ==================== */

    /* ==================== Pricing Page Start ==================== */
    #pricing .pricing_main .price_details {
        padding-left: 20px;
    }

    #pricing .price_details .price_info {
        margin-left: 20px;
    }

    /* ==================== Pricing Page End ==================== */

    /* ==================== Venue Pricing Page Start ==================== */
    #venue_pricing .venue_pricing_main .nav-pills .venue_pills {
        flex-wrap: wrap;
    }

    #venue_pricing .venue_pricing_main .nav-pills .venue_pills .nav-link {
        margin: 11px;
    }

    #venue_pricing .venue_pricing_main .venue_pricing_box .venue_pricing_details .btn_group {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    /* ==================== Venue Pricing Page End ==================== */
}

/* ----------------- Large Device End ----------------- */

/* ----------------- Extra Large Device Start ----------------- */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #upcoming_event .upcoming_event_main .upcoming_event_left {
        width: 60%;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right {
        width: 40%;
        padding: 30px 24px 24px 24px;
    }

    #upcoming_event .upcoming_event_main .upcoming_event_right .schedule {
        gap: 0;
        flex-direction: column;
    }

    #venue_deatils .venue_data {
        padding: 72px 40px;
    }

    #venue_deatils .venue_data .venue_data_part {
        width: 46%;
    }

    #venue_pricing .venue_pricing_main .venue_pricing_box .venue_pricing_details .btn_group {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
}

/* ----------------- Extra Large Device End ----------------- */