/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) and (max-width: 1499px){
}

@media (min-width: 1400px) {
.container { max-width: 1220px; }
}

@media (min-width: 1200px) and (max-width: 1399px){
    /* header */
    .header { top: 35px; }
    /* header */

    /* restaurant-charm-section */
    /* .restaurant-charm-left .common-category{margin-left: -48px;}
    .makes-us-section .common-category{margin-left: -48px;}
    .restaurant-charm-v2 .restaurant-song .tag{margin-right: -48px;}
    .restaurant-charm-wrapper .restaurant-charm-left{max-width: 540px;}
    .restaurant-charm-v3 .restaurant-song .tag{margin-right: -47px;}
    .base-probe-block .base-probe-details{left: 48px;} */

    .restaurant-song .tag { margin-right: 0; width: 344px; }
    .restaurant-song.icon .tag::after { right: 50px; }
    .restaurant-charm-left .common-category { margin-left: -47px; }
    .makes-us-section .common-category { margin-left: -47px; padding-left: 45px; }
    /* restaurant-charm-section */

    /* events page */
    .loft-be-us-section .section-title { margin-left: -47px; padding-left: 45px; }
    .eventplan-section .section-title { margin-left: -50px; padding-left: 55px; }
    .eventplan-section { padding: 60px 35px; }
    .eventplan-schedule-block { padding: 35px 30px; margin-bottom: 45px; }
    .eventplan-vouchers-block { padding: 30px 35px; }
    .eventplan-vouchers-block .vouchers-main-detail { margin-bottom: 45px; }
    /* events page */

    /* contact-section */
    .eventplan-section.contact-section .section-title { margin-left: -57px; padding-left: 55px; }
    .eventplan-section.faq-section .section-title { margin-left: -57px; padding-left: 55px; }
    .contact-section { padding: 0 0 51px; }
    /* contact-section */
}

@media (min-width: 992px) and (max-width: 1199px){
    .section-title{font-size: 34px;}
    .btn { font-size: 18px; }

    /* header */
    .header { top: 35px; }
    .header .h-content { padding: 0; }
    .header .h-content .h-left { width: 300px; }
    .header .h-contact-part { padding: 8px 30px; }
    .header .h-contact-part ul { margin: 0 -15px; }
    .header .h-contact-part ul li { margin: 0 15px; }
    .header .h-navigation { padding: 0 30px; }
    .header.h-stick .h-content .h-logo { height: 103px; }
    /* header */

    /* banner */
    .banner-section.home-banner-section .banner-main-image { height: 700px; }
    /* banner */

    /* restaurant-charm-section */
    /* .restaurant-charm-left .common-category{margin-left: -15px; max-width: 475px;}
    .makes-us-section .common-category{margin-left: -15px; max-width: 475px;}
    .restaurant-charm-v2 .restaurant-song .tag{margin-right: -48px;}
    .restaurant-charm-wrapper .restaurant-charm-left{max-width: 540px;}
    .restaurant-charm-v3 .restaurant-song .tag{margin-right: -47px;}
    .base-probe-block .base-probe-details{left: 48px;} */

    .restaurant-charm-list .restaurant-charm-wrapper .restaurant-charm-right { margin-left: 85px; }
    .restaurant-charm-list .restaurant-charm-wrapper:first-child { margin-bottom: 35px; }

    .restaurant-song .tag { margin-right: 0; width: 311px; }
    .restaurant-song.icon .tag::after { right: 15px; }
    .restaurant-charm-left .common-category { margin-left: -15px; }
    .restaurant-charm-left .base-probe-block { padding: 70px 65px 125px; }
    .makes-us-section .common-category { margin-left: -15px; padding-left: 15px; }
    /* restaurant-charm-section */

    /* makes-us-section */
    .makes-us-section .makes-us-list .makes-us-block { padding: 35px 0 35px 25px; margin-bottom: 40px; }
    /* makes-us-section */

    /* events page */
    .loft-be-us-section .section-title { margin-left: -15px; padding-left: 15px; }
    .loft-be-us-section .loft-be-us-block { padding: 30px 15px 15px 30px; }
    .loft-be-us-section .loft-be-us-sidebar .loft-be-board-block { padding: 45px 45px 55px; }
    .eventplan-section .section-title { margin-left: -45px; padding-left: 50px; margin-bottom: 45px; }
    .eventplan-section { padding: 50px 30px; }
    .eventplan-schedule-block { padding: 35px 30px; margin-bottom: 45px; }
    .eventplan-vouchers-block { padding: 30px 35px; }
    .eventplan-vouchers-block .vouchers-main-detail { margin-bottom: 45px; }
    /* events page */

    /* contact-section */
    .eventplan-section.contact-section .section-title { margin-left: -15px; margin-bottom: 45px; padding-left: 15px; }
    .eventplan-section.faq-section .section-title { margin-left: -15px; margin-bottom: 45px; padding-left: 15px; }
    .contact-page .content-wrapper { padding-bottom: 80px; }
    .faq-block .accordion .accordion-item .accordion-button { font-size: 18px; }
    .contact-section { padding: 0 0 51px; }
    /* contact-section */

    /* footer */
    .footer .f-logo { margin-bottom: 20px; }
    /* .footer .f-bottom { padding-top: 50px; } */
    /* footer */
}

@media (max-width: 991px){
    /* header */
    .header { top: 25px; }
    .header.h-stick .h-content .h-logo { height: 101px; }
    .header .h-content { padding: 0; }
    .header .h-content .h-logo { height: 135px; }
    .header .h-content .h-left { width: 250px; }
    .header.nav-menu-open .h-contact-part { background: transparent; }
    .header .h-contact-part { padding: 8px 20px 8px 35px; }
    .header .h-contact-part ul { margin: 0 -15px; }
    .header .h-contact-part ul li { margin: 0 15px; }
    .header .h-navigation { padding: 0 20px 0 35px; }
    .header .h-navigation .navbar { padding: 15px 0; }
    .header .h-navigation .navbar .navbar-nav { margin: 0; }
    .header .h-navigation .navbar .navbar-nav .nav-item { margin: 0 0 15px; }
    .header .h-navigation .navbar .navbar-collapse { display: block; position: fixed; right: -100%; top: 0; height: 100%; z-index: 999; width: 100%; overflow: auto; background: #95C11F; padding: 185px 0 35px; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; }
    .header .h-navigation .navbar .navbar-collapse.show { right: 0; }
    .header .navbar  .navbar-collapse.show:after { position: fixed; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 160px; background: #95C11F; z-index: 9999; }
    .header .navbar .navbar-nav .nav-item .nav-link { position: relative; display: inline-block; padding: 0 15px !important; text-transform: none; }
    .header .h-navigation .navbar .navbar-nav .nav-item.active .nav-link,
    .header .h-navigation .navbar .navbar-nav .nav-item.current-menu-item .nav-link,
    .header .h-navigation .navbar .navbar-nav .nav-item.current-menu-parent .nav-link,
    .header .h-navigation .navbar .navbar-nav .nav-item.current_page_parent .nav-link,
    .header .h-navigation .navbar .navbar-nav .nav-item .nav-link.active,
    .header .h-navigation .navbar .navbar-nav .nav-item .nav-link.current-menu-item,
    .header .h-navigation .navbar .navbar-nav .nav-item .nav-link.current-menu-parent,
    .header .h-navigation .navbar .navbar-nav .nav-item .nav-link.current_page_parent,
    .header .h-navigation .navbar .navbar-nav .nav-item .nav-link:hover { color: rgba(255,255,255,0.75); }
    /* header */
}

@media (min-width: 768px) and (max-width: 991px){
    .section-title{font-size: 30px;}
    .block-title { font-size: 25px; }
    .btn { font-size: 18px; }

    /* banner */
    .banner-section .banner-main-image { height: 425px; }
    .banner-section.home-banner-section .banner-main-image { height: 575px; }
    .banner-section .banner-overlay-shape { bottom: -10px; }
    /* banner */

    /* restaurant-charm-section */
    .content .content-wrapper { padding-top: 50px; padding-bottom: 25px; }



    /* .restaurant-charm-left .common-category{margin-left: -15px; max-width: 475px;}
    .makes-us-section .common-category{margin-left: -15px; max-width: 475px;}
    .restaurant-charm-v2 .restaurant-song .tag{margin-right: -48px;}
    .restaurant-charm-wrapper .restaurant-charm-left{max-width: 540px;}
    .restaurant-charm-v3 .restaurant-song .tag{margin-right: -47px;}
    .base-probe-block .base-probe-details{left: 48px;} */

    .restaurant-charm-list .restaurant-charm-wrapper .restaurant-charm-right { margin-left: 0; }
    .restaurant-video-frame .restaurant-video-img { margin: 0; }
    .restaurant-charm-left .base-probe-block { padding: 70px 65px 125px; }
    .restaurant-charm-list .restaurant-charm-wrapper:first-child { margin-bottom: 35px; }

    .restaurant-charm-cart { max-width: 100%; padding: 25px; }
    .restaurant-charm-list .restaurant-charm-wrapper > * { flex: 0 0 auto !important; width: 100% !important; }
    .restaurant-song .restaurant-video-frame { margin-left: auto; margin-right: auto; max-width: 400px; }
    .restaurant-video-frame .video-play-pause { margin-left: 0; width: 75px; height: 75px; font-size: 35px; }
    .restaurant-charm-left .next-event { max-width: initial; }
    .restaurant-charm-right .next-urchig-block { max-width: initial; }
    .restaurant-charm-v3 .base-probe-block .base-img { height: auto; max-width: initial; }
    .with-probe-details { max-width: initial; }

    .common-category { padding: 10px 20px; }
    .restaurant-song .tag { margin-right: 0; width: initial; }
    .restaurant-song.icon .tag::after { right: 15px; }
    .restaurant-charm-left .next-event-cart { margin-bottom: 35px; }
    .restaurant-charm-v3 { margin-bottom: 35px; }
    .restaurant-charm-list .restaurant-charm-wrapper > * { margin-bottom: 30px; }
    .restaurant-charm-list .restaurant-charm-wrapper > *:last-child { margin-bottom: 0; }
    .restaurant-charm-left .common-category { max-width: initial; text-align: left !important; margin-left: -15px; margin-bottom: 25px; }
    .restaurant-video-frame .restaurant-video { max-width: 240px; height: 240px; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
    .makes-us-section .common-category { margin-left: -15px; padding-left: 15px; max-width: initial; }
    .restaurant-charm-list .restaurant-charm-v2 { margin-bottom: 50px; }
    /* restaurant-charm-section */

    /* makes-us-section */
    .makes-us-section .makes-us-list .makes-us-block { padding: 0; margin-bottom: 40px; }
    .makes-us-section .makes-us-block .makes-us-main-detail { height: auto; padding: 35px 0 0; }
    .makes-us-section .makes-us-block .makes-us-main-detail .makes-us-detail { width: calc(100% - 50px); padding-bottom: 20px; }
    /* makes-us-section */

    /* events page */
    .loft-be-us-section { margin-bottom: 35px; }
    .loft-be-us-section .section-title { margin-left: -15px; padding-left: 20px; }
    .loft-be-us-section .loft-be-us-block { padding: 30px 15px 15px 30px; }
    .loft-be-us-section .loft-be-us-sidebar .loft-be-board-block { margin-top: 35px; max-width: 65%; width: 100%; padding: 50px 65px; text-align: center; margin-left: auto; margin-right: auto; }
    .eventplan-section .section-title { margin-left: -20px; padding-left: 20px; margin-bottom: 45px; }
    .eventplan-section { padding: 0 20px 35px; }
    .eventplan-section .eventplan-description { padding-left: 0; padding-right: 0; }
    .eventplan-schedule-block { padding: 25px 15px; margin-bottom: 25px; }
    .eventplan-vouchers-block { padding: 30px 20px; }
    .eventplan-schedule-block .schedule-block .schedule-main-detail .title { width: auto; min-width: 160px; }
    .eventplan-vouchers-block .vouchers-main-detail { margin-bottom: 30px; }
    .eventplan-schedule-block .schedule-block .schedule-main-detail .extra-small-block-title { width: 100%; margin-top: 20px; }
    /* events page */

    /* contact-section */
    .eventplan-section.contact-section .section-title { margin-left: -20px; margin-bottom: 30px; padding: 15px 80px 15px 20px; }
    .eventplan-section.faq-section .section-title { margin-left: -20px; margin-bottom: 30px; padding: 15px 40px 15px 20px; }
    .contact-page .content-wrapper { padding-bottom: 80px; }
    .contact-section .location-block { padding: 25px 20px; }
    .location-block .location-block-map { margin-bottom: 25px; }
    .faq-block .accordion .accordion-item .accordion-button { font-size: 18px; }
    .eventplan-section.faq-section .eventplan-description { padding: 0 20px; }
    /* contact-section */

    /* footer */
    .footer .f-back-shape { height: 100px; }
    .footer .f-logo { margin-bottom: 20px; }
    /* .footer .f-bottom { padding-top: 25px; } */
    /* footer */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
.content .content-wrapper { padding-top: 75px; padding-bottom: 30px; }
.section-title{font-size: 25px;}
.block-title { font-size: 22px; }
.extra-small-block-title { font-size: 20px; }
.btn { font-size: 16px; }

/* header */
.header.h-stick { top: 0; }
.header .h-content .h-logo { height: 115px; }
.header.h-stick .h-content .h-logo { height: 85px; }
.header .h-content { position: relative; }
.header .h-content .h-left { width: 175px; position: absolute; left: 0; }
.header .h-navigation { margin-left: 15px; }
.header .h-contact-part { padding: 5px 20px; margin-left: 15px; }
.header .h-contact-part ul { text-align: right; margin: 0 -5px; }
.header .h-contact-part ul li { margin: 0 5px; }
.header .h-contact-part ul li * { font-size: 0; line-height: 100%; }
.header .h-contact-part ul li svg { font-size: 15px; }
.header .h-navigation .navbar { padding: 10px 0; }
/* header */

    /* banner */
    .banner-section .banner-main-image { height: 350px; }
    .banner-section.home-banner-section .banner-main-image { height: 425px; }
    .banner-section .banner-overlay-shape { bottom: -10px; }
    /* banner */

    /* restaurant-charm-section */
    .content .content-wrapper { padding-top: 50px; padding-bottom: 25px; }



    /* .restaurant-charm-left .common-category{margin-left: -15px; max-width: 475px;}
    .makes-us-section .common-category{margin-left: -15px; max-width: 475px;}
    .restaurant-charm-v2 .restaurant-song .tag{margin-right: -48px;}
    .restaurant-charm-wrapper .restaurant-charm-left{max-width: 540px;}
    .restaurant-charm-v3 .restaurant-song .tag{margin-right: -47px;}
    .base-probe-block .base-probe-details{left: 48px;} */

    .restaurant-charm-list .restaurant-charm-wrapper .restaurant-charm-right { margin-left: 0; }
    .restaurant-video-frame .restaurant-video-img { margin: 0; }

    .restaurant-charm-cart { max-width: 100%; padding: 25px; }
    .restaurant-charm-list .restaurant-charm-wrapper > * { flex: 0 0 auto !important; width: 100% !important; }
    .restaurant-song .restaurant-video-frame { margin-left: auto; margin-right: auto; max-width: 400px; }
    .restaurant-video-frame .video-play-pause { margin-left: 0; width: 75px; height: 75px; font-size: 35px; }
    .restaurant-charm-left .next-event { max-width: initial; }
    .restaurant-charm-right .next-urchig-block { max-width: initial; }
    .restaurant-charm-v3 .base-probe-block .base-img { height: auto; max-width: initial; }
    .with-probe-details { max-width: initial; }
    .next-event-cart .next-event-details .next-event-title { font-size: 18px; }
    .restaurant-charm-list .restaurant-charm-wrapper:first-child { margin-bottom: 35px; }

    .common-category { padding: 10px 20px; }
    .restaurant-song .tag { margin-right: 0; width: initial; }
    .restaurant-song.icon .tag::after { right: 15px; width: 75px; }
    .restaurant-charm-left .next-event-cart { margin-bottom: 35px; }
    .restaurant-charm-v3 { margin-bottom: 35px; }
    .restaurant-charm-list .restaurant-charm-wrapper > * { margin-bottom: 30px; }
    .restaurant-charm-list .restaurant-charm-wrapper > *:last-child { margin-bottom: 0; }
    .restaurant-charm-left .common-category { max-width: initial; text-align: left !important; margin-left: -15px; margin-bottom: 25px; }
    .restaurant-video-frame .restaurant-video { max-width: 240px; height: 240px; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
    .makes-us-section .common-category { margin-left: -15px; padding-left: 15px; max-width: initial; }
    .restaurant-charm-list .restaurant-charm-v2 { margin-bottom: 50px; }
    /* restaurant-charm-section */

    /* makes-us-section */
    .makes-us-section .makes-us-list .makes-us-block { padding: 0; margin-bottom: 40px; }
    .makes-us-section .makes-us-block .makes-us-main-detail { height: auto; padding: 35px 0 0; }
    .makes-us-section .makes-us-block .makes-us-main-detail .makes-us-detail { width: 100%; padding-bottom: 20px; }
    /* .base-probe-block .base-probe-details { position: absolute; left: 50%; top: 50%; font-size: 28px; max-width: 365px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } */
    .base-probe-block .base-probe-details{ -webkit-line-clamp: 5; }
    .restaurant-charm-left .base-probe-block { padding: 60px 55px 85px; }
    .makes-us-slider .slide-arrow.prev-arrow { left: 15px; }
    .makes-us-slider .slide-arrow.next-arrow { right: 15px; }
    /* makes-us-section */

    /* events page */
    .loft-be-us-section .section-title { margin-left: -15px; padding-left: 15px; padding-right: 35px; }
    .loft-be-us-section .section-title:before { width: 70px; height: 35px; margin-left: -20px; bottom: 15px; }
    .loft-be-us-section .loft-be-us-block { padding: 30px 15px 25px 15px; }
    .loft-be-us-section .loft-be-us-block .view-program-button { margin-top: 25px; }
    .loft-be-us-section .loft-be-us-sidebar .loft-be-board-block { margin-top: 25px; max-width: 350px; width: 100%; padding: 50px 35px; text-align: center; margin-left: auto; margin-right: auto; }
    .eventplan-section .section-title { margin-left: -15px; padding-left: 15px; margin-bottom: 30px; }
    .eventplan-section { padding: 35px 15px; }
    .eventplan-section .eventplan-description { padding-left: 0; padding-right: 0; }
    .eventplan-schedule-block { padding: 25px 15px; margin-bottom: 25px; }
    .eventplan-vouchers-block { padding: 30px 15px; }
    .eventplan-schedule-block .schedule-block .schedule-main-detail .title { width: auto; min-width: 160px; }
    .eventplan-vouchers-block .vouchers-main-detail { margin-bottom: 20px; }
    .eventplan-schedule-block .schedule-block .schedule-main-detail .extra-small-block-title { width: 100%; margin-top: 20px; }
    .eventplan-vouchers-block .reserve-contact .extra-small-block-title a:before { width: 32px; height: 25px; }
    /* events page */

    /* contact-section */
    .eventplan-section.contact-section .section-title { margin-left: -15px; }
    .eventplan-section.faq-section .section-title { margin-left: -15px; }
    .contact-section .location-block { padding: 20px 15px; }
    .location-block .location-block-map { height: 283px; }
    .location-block-details .location-block-main-details ul li a { word-wrap: break-word; }
    .eventplan-section.faq-section .section-title { margin-bottom: 30px; padding: 15px 40px 15px 15px; }
    .location-block .location-block-map { margin-bottom: 30px; }
    .eventplan-section.contact-section .section-title { margin-bottom: 30px; padding: 15px 60px 15px 17px; }
    .contact-section { padding: 0 15px 35px; }
    .location-block-details .btn-container { flex-direction: column; }
    .location-block-details .btn-container .btn { margin-bottom: 10px; }
    .faq-block .accordion .accordion-item .accordion-button { font-size: 14px; padding: 15px; }
    .content .contact-page .content-wrapper { padding-top: 50px; padding-bottom: 50px; }
    .eventplan-section.faq-section .eventplan-description { padding: 0 15px; }
    /* contact-section */

    /* footer */
    .footer .f-back-shape { height: 75px; }
    .footer .f-content { padding: 0; }
    .footer .f-top { padding-top: 75px; }
    .footer .f-logo { margin-bottom: 15px; }
    .footer .f-bottom { padding-top: 15px; }
    .footer .f-bottom ul { margin: 0 -15px; }
    .footer .f-bottom ul li { margin: 0 15px 15px; }
    /* footer */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
/* home page */
.restaurant-charm-left .base-probe-block { padding: 40px 40px 55px; }
.base-probe-block .base-probe-details { font-size: 28px; max-width: 325px; margin-left: auto; margin-right: auto; }

.restaurant-song .restaurant-video-frame { max-width: 245px; }
.restaurant-video-frame .restaurant-video { max-width: 242px; height: 138px; }

.restaurant-video-frame .restaurant-video { flex-direction: column; }
.restaurant-video-frame .restaurant-video > * { flex: 0 0 auto !important; max-width: 100% !important; width: 100% !important; }
.restaurant-charm-left .next-event-cart { flex-direction: column; }
.next-event-cart .next-event-details { margin: 0 0 20px; }
.restaurant-charm-left .next-event-cart > * { flex: 0 0 auto !important; max-width: 100% !important; width: 100% !important; margin: 0 0 15px; }
.restaurant-charm-left .next-event-cart > *:last-child { margin-bottom: 0; }
.next-urchig-block .btn-container { flex-direction: column; }
.next-urchig-block .btn-container > * { flex: 0 0 auto !important; width: 100% !important; text-align: center; } 
.next-urchig-block .btn-container .btn { font-size: 14px; }
/* home page */

/* footer */
.footer .f-back-shape { height: 55px; }
.footer .f-top { padding-top: 65px; }
/* footer */
}
/*---------- Large Desktop , Large Screen End ----------*/