/* RESPONSIVE CSS */
@media only screen and (max-width: 1399px)
{
    .mr-hero-title
    {
        font-size: 58px;
    }

    .mr-logo
    {
        max-width: 130px;
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        font-size: 46px;
    }

    .mr-title,
  .mr-title-2,
  .mr-title-3
    {
        margin-bottom: 30px;
    }

    .mr-room-card-title
    {
        font-size: 23px;
    }

    .mr-room-card-price strong
    {
        font-size: 26px;
    }

    .mr-experience-title
    {
        font-size: 21px;
    }

    .mr-stat-num
    {
        font-size: 54px;
    }

    .mr-amenity-name
    {
        font-size: 21px;
    }

    .mr-dish-name
    {
        font-size: 19px;
    }

    .mr-restaurant-img-card-num
    {
        font-size: 46px;
    }

    .mr-package-title
    {
        font-size: 25px;
    }

    .mr-newsletter::before
    {
        font-size: 150px;
    }

    .mr-footer-gallery img
    {
        height: 95px;
    }

    .mr-footer-links li
    {
        padding: 10px 0;
    }

    .breadcrumb-title
    {
        font-size: 39px;
    }

    .mr-value-title
    {
        font-size: 21px;
    }

    .mr-value-num
    {
        font-size: 54px;
    }

    .mr-timeline-year
    {
        font-size: 40px;
    }

    .mr-timeline-title
    {
        font-size: 21px;
    }

    .mr-team-name
    {
        font-size: 21px;
    }

    .mr-sustainability-stat-num
    {
        font-size: 46px;
    }

    .mr-award-title
    {
        font-size: 18px;
    }

    .mr-contact-form-title
    {
        font-size: 19px;
    }

    .mr-reach-title
    {
        font-size: 21px;
    }

    .mr-department-card .mr-title
    {
        font-size: 21px;
    }

    .mr-service-card.mr-service-featured .mr-service-card-title
    {
        font-size: 24px;
    }

    .mr-service-card-title
    {
        font-size: 21px;
    }

    .mr-service-card-price
    {
        font-size: 23px;
    }

    .mr-process-step-title
    {
        font-size: 21px;
    }

    .mr-process-step-num
    {
        font-size: 23px;
    }

    .mr-pricing-name
    {
        font-size: 26px;
    }

    .mr-pricing-price
    {
        font-size: 50px;
    }

    .mr-accordion .accordion-button
    {
        font-size: 19px;
    }

    .mr-detail-title
    {
        font-size: 34px;
    }

    .mr-detail-booking-price
    {
        font-size: 34px;
    }

    .mr-detail-section-title
    {
        font-size: 25px;
    }

    .mr-detail-layout-num
    {
        font-size: 28px;
    }

    .mr-detail-review-score-num
    {
        font-size: 50px;
    }

    .mr-detail-gallery-grid
    {
        height: 500px;
    }

    .mr-similar-room-price
    {
        font-size: 21px;
    }

    .mr-treatment-duration
    {
        font-size: 13px;
    }

    .mr-bd-hero-title
    {
        font-size: 38px;
    }

    .mr-bd-body h2
    {
        font-size: 24px;
    }

    .mr-bd-intro
    {
        font-size: 21px;
        line-height: 1.4;
    }

    .mr-bd-body h3
    {
        font-size: 21px;
    }

    .mr-bd-comments-title
    {
        font-size: 21px;
    }

    .mr-blog-list-view .mr-blog-card-title
    {
        font-size: 21px;
    }

    .mr-job-title
    {
        font-size: 20px;
    }

    .mr-careers-stat-num
    {
        font-size: 42px;
    }

    .mr-hero-title-2
    {
        font-size: 62px;
    }

    .mr-hero-num-2
    {
        font-size: 140px;
    }

    .mr-hero-film-caption-2
    {
        font-size: 19px;
    }

    .mr-nav-2 .mobile-menu-2 li a
    {
        font-size: 26px;
    }

    .mr-terms-content h4, .mr-privacy-card h4
    {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1199px)
{
    .mr-room-card.mr-featured
    {
        grid-column: span 1;
    }

    .mr-packages-grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .mr-nav
    {
        gap: 30px;
    }

    .mr-logo
    {
        max-width: 125px;
    }

    .mr-hero-title
    {
        font-size: 55px;
    }

    .mr-hero
    {
        height: 650px;
        min-height: auto;
    }

    .mr-welcome-img-main
    {
        width: calc(100% - 30px);
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        font-size: 36px;
    }

    .mr-welcome-images
    {
        height: calc(100% - 100px);
    }

    .mr-welcome-quote
    {
        font-size: 18px;
    }

    .mr-welcome-stat-num
    {
        font-size: 36px;
    }

    .mr-welcome-badge
    {
        right: 70px;
    }

    .mr-room-card-title
    {
        font-size: 22px;
    }

    .mr-experience-title
    {
        font-size: 20px;
    }

    .mr-stat-num
    {
        font-size: 44px;
    }

    .mr-amenity-name
    {
        font-size: 20px;
    }

    .mr-dish-name
    {
        font-size: 18px;
    }

    .mr-restaurant-img-card-num
    {
        font-size: 44px;
    }

    .mr-package-title
    {
        font-size: 24px;
    }

    .mr-newsletter::before
    {
        font-size: 130px;
        top: 45%;
    }

    .breadcrumb-title
    {
        font-size: 38px;
    }

    .mr-value-title
    {
        font-size: 20px;
    }

    .mr-value-num
    {
        font-size: 52px;
    }

    .mr-timeline-year
    {
        font-size: 38px;
    }

    .mr-timeline-title
    {
        font-size: 20px;
    }

    .mr-team-name
    {
        font-size: 20px;
    }

    .mr-sustainability-stat-num
    {
        font-size: 44px;
    }

    .mr-contact-form-title
    {
        font-size: 18px;
    }

    .mr-reach-title
    {
        font-size: 20px;
    }

    .mr-department-card .mr-title
    {
        font-size: 20px;
    }

    .mr-service-card.mr-service-featured .mr-service-card-img
    {
        max-width: 400px;
    }

    .mr-service-card.mr-service-featured .mr-service-card-title
    {
        font-size: 22px;
    }

    .mr-service-card-title
    {
        font-size: 20px;
    }

    .mr-service-card-price
    {
        font-size: 22px;
    }

    .mr-process-step-title
    {
        font-size: 20px;
    }

    .mr-pricing-name
    {
        font-size: 25px;
    }

    .mr-pricing-price
    {
        font-size: 48px;
    }

    .mr-accordion .accordion-button
    {
        font-size: 18px;
    }

    .mr-room-listing-title
    {
        font-size: 22px;
    }

    .mr-room-listing-price
    {
        font-size: 25px;
    }

    .mr-amenities-strip-grid
    {
        grid-template-columns: repeat(3, 1fr);
    }

    .mr-detail-title
    {
        font-size: 32px;
    }

    .mr-detail-booking-price
    {
        font-size: 32px;
    }

    .mr-detail-section-title
    {
        font-size: 23px;
    }

    .mr-detail-layout-num
    {
        font-size: 25px;
    }

    .mr-detail-review-score-num
    {
        font-size: 45px;
    }

    .mr-detail-gallery-grid
    {
        height: 400px;
    }

    .mr-detail-layout-strip
    {
        grid-template-columns: repeat(3, 1fr);
    }

    .mr-treatment-duration
    {
        font-size: 14px;
    }

    .mr-blog-card-title
    {
        font-size: 19px;
    }

    .mr-sidebar-post-title
    {
        font-size: 13px;
    }

    .mr-sidebar-widget-title
    {
        font-size: 17px;
    }

    .mr-blog-filter-inner
    {
        justify-content: center;
    }

    .mr-bd-hero-title
    {
        font-size: 36px;
    }

    .mr-bd-intro
    {
        font-size: 20px;
        line-height: 1.3;
    }

    .mr-bd-body h2
    {
        font-size: 23px;
    }

    .mr-bd-widget-title
    {
        font-size: 17px;
    }

    .mr-bd-numbered li
    {
        font-size: 14px;
    }

    .mr-bd-author-avatar-lg
    {
        width: 60px;
        height: 60px;
    }

    .mr-bd-body p
    {
        font-size: 14px;
    }

    .mr-blog-list-view .mr-blog-card-title
    {
        font-size: 20px;
    }

    .mr-job-title
    {
        font-size: 19px;
    }

    .mr-careers-stat-num
    {
        font-size: 38px;
    }

    .mr-booking-bar
    {
        padding: 30px 0;
    }

    .mr-booking-bar .mr-booking-inner
    {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }

    .mr-booking-field
    {
        border: 1px solid var(--mr-border);
    }

    .mr-hero-title-2
    {
        font-size: 52px;
    }

    .mr-hero-num-2
    {
        font-size: 120px;
    }

    .mr-hero-film-caption-2
    {
        font-size: 18px;
    }

    .mr-nav-2 .mobile-menu-2 li a
    {
        font-size: 24px;
    }
}

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

    .mr-booking-bar
    {
        padding: 30px 0;
    }

    .mr-topbar
    {
        display: none;
    }

    .mr-nav
    {
        display: none;
    }

    .mr-book-now
    {
        display: none;
    }

    .mr-hamburger
    {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .mr-welcome-images
    {
        order: -1;
    }

    .mr-restaurant-grid
    {
        grid-template-columns: 1fr;
    }

    .mr-experience-grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .mr-footer-grid
    {
        grid-template-columns: 1fr 1fr;
    }

    .mr-booking-submit
    {
        width: 100%;
        min-width: 100%;
        grid-column: span 2;
        justify-content: center;
        padding: 18px;
    }

    .mr-booking-inner
    {
        display: flex;
        flex-direction: column;
    }

    .mr-logo
    {
        max-width: 120px;
    }

    .mr-hero-title
    {
        font-size: 50px;
    }

    .mr-hero-eyebrow
    {
        letter-spacing: 0.2em;
    }

    .mr-welcome-images
    {
        height: 100%;
        padding-bottom: 50px;
    }

    .mr-welcome-img-accent
    {
        bottom: 90px;
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        font-size: 32px;
        line-height: 1.3;
    }

    .mr-title
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .mr-title h2
    {
        text-align: center;
    }

    .mr-title>div
    {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .mr-room-card-title
    {
        font-size: 21px;
    }

    .mr-room-card-price strong
    {
        font-size: 24px;
    }

    .mr-experience-title
    {
        font-size: 19px;
    }

    .mr-experience-icon
    {
        width: 50px;
        height: 50px;
    }

    .mr-stats-row
    {
        gap: 20px;
    }

    .mr-stat-num
    {
        font-size: 40px;
    }

    .mr-parallax-section
    {
        min-height: 500px;
    }

    .mr-experience-card
    {
        padding: 20px;
    }

    .mr-amenity-name
    {
        font-size: 19px;
    }

    .mr-restaurant-img-main
    {
        height: 460px;
    }

    .mr-restaurant-img-card
    {
        bottom: -15px;
    }

    .mr-package-title
    {
        font-size: 23px;
    }

    .mr-gallery-filters
    {
        justify-content: center;
    }

    .newsletter-info
    {
        font-size: 15px;
    }

    .mr-footer-bottom
    {
        flex-direction: column;
    }

    .mr-footer-title
    {
        font-size: 19px;
    }

    .mr-footer-copy
    {
        text-align: center;
    }

    .mr-footer-bottom-links
    {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
        line-height: 1;
        justify-content: center;
    }

    .mr-footer-bottom
    {
        gap: 20px;
    }

    .mr-footer-links li
    {
        padding: 7px 0;
    }

    .mr-footer-gallery img
    {
        height: 80px;
    }

    .mr-footer
    {
        padding-top: 70px;
    }

    .mr-footer-bottom
    {
        margin-top: 70px;
    }

    .breadcrumb-title
    {
        font-size: 36px;
    }

    .breadcrumb .section-badge
    {
        font-size: 14px;
    }

    .mr-value-title
    {
        font-size: 19px;
    }

    .mr-value-num
    {
        font-size: 48px;
    }

    .mr-timeline-year
    {
        font-size: 36px;
    }

    .mr-timeline-title
    {
        font-size: 19px;
    }

    .mr-team-name
    {
        font-size: 19px;
    }

    .mr-sustainability .mr-title-3 h2
    {
        max-width: 100%;
    }

    .mr-sustainability-stat-num
    {
        font-size: 42px;
    }

    .modal .mr-heading
    {
        font-size: 21px;
    }

    .mr-contact-strip
    {
        display: none;
    }

    .mr-contact-form-title
    {
        font-size: 17px;
    }

    .mr-reach-title
    {
        font-size: 19px;
    }

    .mr-department-card .mr-title
    {
        font-size: 19px;
    }

    .mr-department-card .mr-title
    {
        align-items: flex-start;
    }

    .mr-service-card.mr-service-featured
    {
        flex-direction: column;
    }

    .mr-service-card.mr-service-featured .mr-service-card-img
    {
        max-width: 100%;
    }

    .mr-service-card.mr-service-featured .mr-service-card-title
    {
        font-size: 21px;
    }

    .mr-service-card-title
    {
        font-size: 19px;
    }

    .mr-service-card-text
    {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .mr-service-card-price
    {
        font-size: 23px;
    }

    .mr-service-card-price
    {
        font-size: 21px;
    }

    .mr-process-step-title
    {
        font-size: 19px;
    }

    .mr-process-step-num
    {
        font-size: 22px;
    }

    .mr-pricing-name
    {
        font-size: 24px;
    }

    .mr-pricing-price
    {
        font-size: 46px;
    }

    .mr-pricing-card.mr-pricing-featured
    {
        transform: scale(1);
    }

    .mr-room-listing-card.mr-room-featured
    {
        flex-direction: column;
    }

    .mr-room-listing-card.mr-room-featured .mr-room-listing-img-wrap
    {
        width: 100%;
        height: 260px;
    }

    .mr-rooms-filter-inner
    {
        flex-direction: column;
        align-items: stretch;
    }

    .mr-rooms-filter-group
    {
        justify-content: center;
    }

    .mr-rooms-filter-meta
    {
        justify-content: center;
        flex-wrap: wrap;
    }

    .mr-room-listing-title
    {
        font-size: 21px;
    }

    .mr-detail-title
    {
        font-size: 30px;
    }

    .mr-detail-booking-price
    {
        font-size: 30px;
    }

    .mr-detail-section-title
    {
        font-size: 22px;
    }

    .mr-detail-layout-num
    {
        font-size: 23px;
    }

    .mr-detail-review-score-num
    {
        font-size: 40px;
    }

    .mr-mobile-book-bar
    {
        display: flex;
    }

    .mr-concept-img-main
    {
        height: 450px;
    }

    .mr-dish-grid
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .mr-dish-card
    {
        border-right: 0;
    }

    .mr-dish-card:nth-last-child(-n+2)
    {
        border-bottom: 1px solid var(--mr-border);
    }

    .mr-dish-card:nth-last-child(-n+1)
    {
        border-bottom: 0;
    }

    .mr-dining-nav
    {
        display: none;
    }

    .mr-header
    {
        height: auto;
    }

    .mr-blog-card-title
    {
        font-size: 18px;
    }

    .mr-blog-filter-bar
    {
        top: 60px;
    }

    .mr-header.mr-scrolled .mr-header-inner
    {
        padding: 15px 0;
    }

    .mr-blog-cat-btn
    {
        padding: 5px 15px;
    }

    .mr-blog-filter-inner
    {
        gap: 5px;
    }

    .mr-blog-search-input
    {
        padding: 5px 38px 5px 14px;
    }

    .mr-blog-view-btn
    {
        width: 32px;
        height: 32px;
    }

    .mr-page-btn
    {
        width: 35px;
        height: 35px;
    }

    .mr-bd-hero-title
    {
        font-size: 32px;
    }

    .mr-bd-intro
    {
        font-size: 18px;
    }

    .mr-bd-body h2
    {
        font-size: 22px;
    }

    .mr-bd-body h2
    {
        font-size: 21px;
    }

    .mr-bd-share-btn
    {
        padding: 5px 10px;
    }

    .mr-blog-list-view .mr-blog-card-title
    {
        font-size: 19px;
    }

    .mr-job-title
    {
        font-size: 18px;
    }

    .mr-jobs-toolbar .mr-booking-field:first-child
    {
        border-left: 1px solid var(--mr-border);
    }

    .mr-careers-stat-num
    {
        font-size: 35px;
    }

    .mr-careers-stats-grid
    {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .mr-careers-stat-item
    {
        border: 1px solid rgba(255, 255, 255, 0.07);
    }

    .mr-careers-stats
    {
        padding: 15px 0;
    }

    .mr-accordion .accordion-button
    {
        padding: 15px;
    }

    .mr-booking-bar .mr-booking-inner
    {
        grid-template-columns: 1fr;
    }

    .mr-booking-field input,
  .mr-booking-field select,
  .mr-booking-bar .mr-booking-field .mr-custom-select-trigger
    {
        height: 60px;
    }

    .mr-hero-2
    {
        height: calc(100vh - 70px);
        min-height: 680px;
        grid-template-columns: 45% 55%;
    }

    .mr-hero-title-2
    {
        font-size: 45px;
    }

    .mr-hero-2
    {
        height: 100%;
        min-height: 100%;
        grid-template-columns: 100%;
    }

    .mr-hero-right-2
    {
        max-height: 700px;
    }

    .mr-hero-right-2
    {
        padding: 10px 20px 10px 20px;
    }

    .mr-hero-left-2
    {
        padding: 70px 50px 50px 50px;
    }

    .mr-hero-num-2
    {
        display: none;
    }

    .mr-nav-2 .nav-toggle-2
    {
        width: 50px;
        height: 50px;
    }

    .mr-hero-film-caption-2
    {
        font-size: 17px;
    }

    .mr-nav-2 .mobile-menu-2 li a
    {
        font-size: 22px;
    }

    .mr-nav-2 .mobile-menu-2
    {
        width: 500px;
    }

    .mr-terms-content h4, .mr-privacy-card h4
    {
        font-size: 19px;
    }

    .mr-privacy-card .mr-icon, .mr-terms-icon
    {
        width: 60px;
        height: 60px;
    }
}

@media only screen and (max-width: 767px)
{
    .mr-logo
    {
        max-width: 115px;
    }

    .mr-hero-title
    {
        font-size: 44px;
    }

    .mr-packages-grid
    {
        grid-template-columns: 1fr 1fr;
    }

    .mr-gallery-grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .mr-experience-grid
    {
        grid-template-columns: 1fr;
    }

    .mr-stat-divider
    {
        display: none;
    }

    .mr-testimonial-card
    {
        flex: none;
    }

    .mr-rooms-header
    {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .mr-hero-counter
    {
        display: none;
    }

    .mr-scroll-hint
    {
        display: none;
    }

    .mr-welcome-stats
    {
        gap: 24px;
    }

    .mr-booking-inner
    {
        grid-template-columns: 1fr;
    }

    .mr-booking-submit
    {
        grid-column: span 1;
    }

    .mr-hero-eyebrow
    {
        letter-spacing: 0.1em;
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        font-size: 28px;
    }

    .mr-room-card-title
    {
        font-size: 20px;
    }

    .mr-room-card-price strong
    {
        font-size: 22px;
    }

    .mr-experience-title
    {
        font-size: 18px;
    }

    .mr-stat-num
    {
        font-size: 36px;
    }

    .mr-amenity-name
    {
        font-size: 18px;
    }

    .mr-dish-name
    {
        font-size: 17px;
    }

    .mr-restaurant-img-card-num
    {
        font-size: 40px;
    }

    .mr-package-title
    {
        font-size: 22px;
    }

    .newsletter-info
    {
        font-size: 14px;
    }

    .mr-newsletter::before
    {
        font-size: 110px;
    }

    .mr-footer-title
    {
        font-size: 18px;
    }

    .breadcrumb-title
    {
        font-size: 34px;
    }

    .mr-value-num
    {
        font-size: 46px;
    }

    .mr-timeline-year
    {
        font-size: 35px;
    }

    .mr-timeline-title
    {
        font-size: 18px;
    }

    .mr-timeline-item
    {
        width: calc(100% - 15px);
    }

    .mr-timeline-item:nth-child(odd)
    {
        margin-right: 0;
        margin-left: 15px;
    }

    .mr-timeline-track::before
    {
        left: 0;
    }

    .mr-timeline-item:nth-child(odd) .mr-timeline-dot
    {
        right: auto;
        left: -23px;
    }

    .mr-timeline-item:nth-child(odd) .mr-timeline-dot:after
    {
        width: 10px;
        left: 11px;
    }

    .mr-timeline-item:nth-child(odd)
    {
        text-align: left;
    }

    .mr-timeline-item:nth-child(even)
    {
        margin-left: 15px;
        left: 0;
    }

    .mr-timeline-item:nth-child(even) .mr-timeline-dot
    {
        left: -23px;
    }

    .mr-timeline-item:nth-child(even) .mr-timeline-dot:after
    {
        width: 10px;
    }

    .mr-timeline-item:not(:last-child)
    {
        margin-bottom: 24px;
    }

    .mr-sustainability-stat-num
    {
        font-size: 40px;
    }

    .modal .mr-heading
    {
        font-size: 20px;
    }

    .mr-reach-title
    {
        font-size: 18px;
    }

    .mr-service-card.mr-service-featured .mr-service-card-title
    {
        font-size: 19px;
    }

    .mr-service-card-price
    {
        font-size: 22px;
    }

    .mr-service-card-price
    {
        font-size: 20px;
    }

    .mr-process-step-title
    {
        font-size: 18px;
    }

    .mr-pricing-name
    {
        font-size: 22px;
    }

    .mr-pricing-price
    {
        font-size: 44px;
    }

    .mr-room-listing-title
    {
        font-size: 20px;
    }

    .mr-amenities-strip-grid
    {
        grid-template-columns: repeat(2, 1fr);
    }

    .mr-detail-gallery-grid
    {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .mr-detail-gallery-main
    {
        grid-row: 1 / 17;
    }

    .mr-detail-gallery-grid
    {
        height: 100%;
    }

    .mr-detail-title
    {
        font-size: 29px;
    }

    .mr-detail-section-title
    {
        font-size: 21px;
    }

    .mr-detail-policy-title
    {
        font-size: 17px;
    }

    .mr-detail-review-score-num
    {
        font-size: 38px;
    }

    .mr-detail-booking-price
    {
        font-size: 28px;
    }

    .mr-detail-title
    {
        font-size: 28px;
    }

    .mr-detail-section-title
    {
        font-size: 20px;
    }

    .mr-detail-layout-strip
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .mr-detail-section-title
    {
        font-size: 19px;
    }

    .mr-detail-policy-title
    {
        font-size: 16px;
    }

    .mr-detail-review-score-num
    {
        font-size: 36px;
    }

    .mr-detail-booking-price
    {
        font-size: 26px;
    }

    .mr-detail-amenity-row i
    {
        line-height: 22px;
    }

    .mr-mobile-book-bar-price
    {
        font-size: 21px;
    }

    .mr-concept-img-main
    {
        height: 400px;
    }

    .mr-concept-img-accent
    {
        width: 200px;
        height: 200px;
    }

    .mr-blog-filter-cats
    {
        justify-content: center;
    }

    .mr-blog-card-title
    {
        font-size: 17px;
    }

    .mr-sidebar-widget-title
    {
        font-size: 16px;
    }

    .mr-bd-hero-title
    {
        font-size: 26px;
    }

    .mr-bd-hero-meta
    {
        gap: 10px;
    }

    .mr-bd-body h2
    {
        font-size: 20px;
    }

    .mr-bd-body h3
    {
        font-size: 20px;
    }

    .mr-bd-author-name
    {
        font-size: 18px;
    }

    .mr-bd-widget-title
    {
        font-size: 16px;
    }

    .mr-bd-comments-title
    {
        font-size: 20px;
    }

    .mr-bd-comment-form-title
    {
        font-size: 20px;
    }

    .mr-blog-list-view .mr-blog-card-title
    {
        font-size: 18px;
    }

    .mr-blog-list-view .mr-blog-card
    {
        flex-direction: column;
    }

    .mr-blog-list-view .mr-blog-card-img
    {
        width: 100%;
    }

    .mr-blog-list-view .mr-blog-card-body
    {
        padding: 15px;
    }

    .mr-job-title
    {
        font-size: 17px;
    }

    .mr-job-excerpt
    {
        font-size: 13px;
    }

    .mr-careers-stat-num
    {
        font-size: 30px;
    }

    .amenity-item-list .amenity:nth-child(odd) .mr-amenity-item
    {
        margin-top: 24px;
    }

    .amenity-item-list
    {
        margin-top: -24px;
    }

    .package-list .package:nth-child(odd) .mr-package-card
    {
        margin-top: 24px;
    }

    .package-list
    {
        margin-top: -24px;
    }

    .mr-hero-title-2
    {
        font-size: 42px;
    }

    .mr-hero-stat-num-2
    {
        font-size: 24px;
    }

    .mr-nav-2 .mobile-menu-2
    {
        width: 400px;
    }

    .mr-nav-2 .mobile-menu-2 li a
    {
        font-size: 20px;
    }

    .mr-terms-item
    {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .mr-terms-content h4, .mr-privacy-card h4
    {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px)
{
    .mr-hero-title
    {
        font-size: 35px;
    }

    .mr-hero
    {
        height: 600px;
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        font-size: 24px;
    }

    .mr-welcome-img-accent
    {
        width: 200px;
        height: 200px;
    }

    .mr-welcome-stat-num
    {
        font-size: 34px;
    }

    .mr-room-card-title
    {
        font-size: 19px;
    }

    .mr-room-card-price strong
    {
        font-size: 20px;
    }

    .mr-room-card-body
    {
        padding: 15px;
    }

    .mr-room-card-amenities
    {
        gap: 12px;
    }

    .mr-experience-card
    {
        padding: 15px;
    }

    .mr-stat-num
    {
        font-size: 32px;
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        line-height: 1.4;
    }

    .mr-amenity-name
    {
        font-size: 17px;
    }

    .mr-dish-name
    {
        font-size: 16px;
    }

    .mr-restaurant-img-card-num
    {
        font-size: 36px;
    }

    .mr-restaurant-img-card
    {
        min-width: 150px;
    }

    .mr-menu-tab
    {
        padding: 10px 15px;
    }

    .mr-package-title
    {
        font-size: 21px;
    }

    .mr-testimonial-card
    {
        padding: 15px;
    }

    .mr-testimonial-quote
    {
        top: 12px;
        font-size: 60px;
    }

    .mr-newsletter::before
    {
        display: none;
    }

    .mr-footer-title
    {
        font-size: 17px;
    }

    .mr-footer
    {
        padding-top: 60px;
    }

    .mr-footer-bottom
    {
        margin-top: 60px;
    }

    .breadcrumb-title
    {
        font-size: 30px;
    }

    .mr-value-num
    {
        font-size: 44px;
    }

    .mr-timeline-year
    {
        font-size: 33px;
    }

    .mr-timeline-item
    {
        padding: 20px;
    }

    .mr-sustainability-stat-num
    {
        font-size: 38px;
    }

    .mr-sustainability-stat
    {
        padding: 15px;
    }

    .mr-contact-form-wrap
    {
        padding: 15px;
    }

    .mr-subtext
    {
        font-size: 14px;
    }

    .mr-hours-row
    {
        flex-direction: column;
    }

    .mr-map-embed
    {
        height: 400px;
    }

    .mr-reach-card
    {
        padding: 15px;
    }

    .mr-department-card
    {
        padding: 15px;
    }

    .breadcrumb
    {
        height: 370px;
    }

    .mr-accordion .accordion-button
    {
        font-size: 17px;
    }

    .mr-service-card.mr-service-featured .mr-service-card-body
    {
        padding: 15px;
    }

    .mr-service-card-body
    {
        padding: 15px;
    }

    .mr-service-card-title
    {
        font-size: 18px;
    }

    .mr-service-card.mr-service-featured .mr-service-card-title
    {
        font-size: 18px;
    }

    .mr-service-card-price
    {
        font-size: 19px;
    }

    .mr-pricing-name
    {
        font-size: 21px;
    }

    .mr-pricing-price
    {
        font-size: 40px;
    }

    .mr-room-listing-title
    {
        font-size: 19px;
    }

    .mr-room-listing-body
    {
        padding: 15px;
    }

    .mr-room-listing-top
    {
        flex-direction: column;
        gap: 0;
    }

    .mr-room-listing-rating
    {
        padding: 0 0 5px 0;
    }

    .mr-room-listing-footer
    {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .mr-room-listing-actions
    {
        width: 100%;
        flex-wrap: wrap;
    }

    .flatpickr-calendar
    {
        left: 50% !important;
        transform: translatex(-50%);
    }

    .flatpickr-weekdays
    {
        width: 280px;
    }

    .dayContainer
    {
        width: 280px;
        min-width: 280px;
        max-width: 280px;
    }

    .flatpickr-days
    {
        width: 280px;
    }

    .flatpickr-calendar
    {
        width: 280px;
    }

    .flatpickr-calendar.animate.open
    {
        animation: none;
    }

    .mr-detail-highlights-grid
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .mr-detail-review-score-num
    {
        font-size: 34px;
    }

    .mr-detail-booking-price
    {
        font-size: 24px;
    }

    .mr-detail-booking-card
    {
        padding: 15px;
    }

    .mr-detail-review-card
    {
        padding: 15px;
    }

    .mr-detail-policy-card
    {
        padding: 15px;
    }

    .mr-detail-desc-text
    {
        font-size: 14px;
    }

    .mr-detail-title
    {
        font-size: 26px;
    }

    .mr-detail-policy-grid
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .mr-detail-amenities-grid
    {
        grid-template-columns: repeat(1, 1fr);
        gap: 2px 0;
    }

    .mr-detail-meta-row
    {
        gap: 15px;
    }

    .mr-similar-room-body
    {
        padding: 15px;
    }

    .mr-similar-room-title
    {
        font-size: 18px;
    }

    .mr-mobile-book-bar-price
    {
        font-size: 20px;
    }

    .mr-dish-card
    {
        padding: 15px;
    }

    .mr-blog-grid
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .mr-blog-filter-bar
    {
        position: relative;
        top: 0;
    }

    .mr-blog-card-excerpt
    {
        font-size: 13px;
    }

    .mr-blog-card-body
    {
        padding: 15px;
    }

    .mr-bd-hero-title
    {
        font-size: 24px;
    }

    .mr-bd-body h2
    {
        font-size: 19px;
    }

    .mr-bd-body h3
    {
        font-size: 19px;
    }

    .mr-bd-key-facts
    {
        padding: 12px;
    }

    .mr-bd-intro
    {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .mr-bd-pullquote,
  .mr-bd-tip
    {
        padding: 12px;
    }

    .mr-bd-article-footer
    {
        margin-top: 20px;
        padding-top: 20px;
    }

    .mr-bd-author-card
    {
        padding: 12px;
    }

    .mr-bd-progress-widget,
  .mr-bd-widget,
  .mr-bd-newsletter-widget
    {
        padding: 15px;
    }

    .mr-booking-field input,
  .mr-booking-field select
    {
        height: 50px;
    }

    .mr-booking-bar .mr-booking-field .mr-custom-select-trigger
    {
        height: 50px;
    }

    .mr-mobile-book-bar
    {
        padding: 5px;
    }

    .mr-field-wrap.date input
    {
        height: auto;
    }

    .mr-blog-list-view .mr-blog-card-title
    {
        font-size: 17px;
    }

    .mr-job-card
    {
        flex-direction: column;
    }

    .mr-job-actions
    {
        flex-direction: row;
    }

    .mr-job-actions .mr-btn
    {
        padding: 8px 20px;
    }

    .mr-job-title
    {
        font-size: 16px;
    }

    .mr-careers-stat-num
    {
        font-size: 26px;
    }

    .mr-experience-text
    {
        font-size: 13px;
    }

    .mr-file-upload-title
    {
        font-size: 13px;
    }

    .mr-hero-issue-2
    {
        display: none;
    }

    .mr-hero-left-2
    {
        padding: 70px 12px 30px 12px;
    }

    .mr-hero-right-2
    {
        padding: 10px 12px 2px 12px;
    }

    .mr-hero-title-2
    {
        font-size: 38px;
    }

    .mr-hero-stat-num-2
    {
        font-size: 22px;
    }

    .mr-nav-2 .mobile-menu-2
    {
        width: 350px;
        padding: 15px;
    }

    .mr-nav-2 .mobile-menu-2 li a
    {
        font-size: 18px;
    }

    .mr-terms-content h4, .mr-privacy-card h4
    {
        font-size: 17px;
    }
}

@media only screen and (max-width: 480px)
{
    .mr-packages-grid
    {
        grid-template-columns: 1fr;
    }

    .mr-hero-actions
    {
        flex-direction: column;
        align-items: flex-start;
    }

    .mr-logo
    {
        max-width: 110px;
    }

    .mr-hero-title
    {
        font-size: 30px;
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        font-size: 22px;
    }

    .mr-welcome-img-accent
    {
        width: 180px;
        height: 180px;
    }

    .mr-welcome-badge
    {
        width: 100px;
        height: 100px;
    }

    .mr-welcome-badge-num
    {
        font-size: 28px;
    }

    .mr-welcome-badge-text
    {
        font-size: 10px;
        line-height: 1.1;
    }

    .mr-welcome-stat-num
    {
        font-size: 32px;
    }

    .mr-package-title
    {
        font-size: 20px;
    }

    .mr-footer .col-6
    {
        width: 100%;
    }

    .breadcrumb-title
    {
        font-size: 28px;
    }

    .mr-timeline-year
    {
        font-size: 30px;
    }

    .mr-service-card-price
    {
        font-size: 18px;
    }

    .mr-pricing-name
    {
        font-size: 20px;
    }

    .mr-pricing-price
    {
        font-size: 38px;
    }

    .mr-concept-meta-strip
    {
        padding: 15px;
        display: grid;
        gap: 15px;
    }

    .mr-concept-meta-item
    {
        border-right: 0;
        padding: 0;
    }

    .mr-careers-stats-grid
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .mr-careers-stat-num
    {
        font-size: 24px;
    }

    .mr-nav-2 .mobile-menu-2
    {
        width: 300px;
    }

    .mr-nav-2 .mobile-menu-2 li a
    {
        font-size: 16px;
    }
}

@media only screen and (max-width: 420px)
{
    .mr-hero-title
    {
        font-size: 25px;
    }

    .mr-hero
    {
        height: 550px;
    }

    .mr-title h2,
  .mr-title-2 h2,
  .mr-title-3 h2
    {
        font-size: 20px;
    }

    .mr-welcome-img-accent
    {
        display: none;
    }

    .mr-welcome-img-main
    {
        width: 100%;
    }

    .mr-welcome-badge
    {
        right: 40px;
    }

    .mr-welcome-stat-num
    {
        font-size: 30px;
    }

    .mr-welcome-stat-label
    {
        font-size: 11px;
        line-height: 1.2;
    }

    .mr-dish-item
    {
        flex-direction: column;
        align-items: flex-start;
    }

    .mr-dish-price
    {
        line-height: 1;
    }

    .mr-dish-img
    {
        width: 100%;
        height: 100%;
    }

    .mr-restaurant-img-card
    {
        display: none;
    }

    .mr-newsletter-btn
    {
        padding: 16px;
    }

    .mr-newsletter-form
    {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mr-newsletter-input
    {
        width: 100%;
        margin-bottom: 15px;
        flex: auto;
    }

    .breadcrumb-title
    {
        font-size: 26px;
    }

    .mr-timeline-year
    {
        font-size: 28px;
    }

    .mr-pricing-price
    {
        font-size: 34px;
    }

    .mr-detail-title
    {
        font-size: 24px;
    }

    .mr-detail-review-summary
    {
        flex-direction: column;
    }

    .mr-detail-review-top
    {
        flex-direction: column;
        gap: 10px;
    }

    .mr-dish-card
    {
        flex-direction: column;
    }

    .mr-dish-img-wrap
    {
        width: 100%;
        flex-shrink: inherit;
    }

    .mr-blog-filter-right
    {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }

    .mr-blog-card-title
    {
        font-size: 16px;
    }

    .mr-bd-hero-title
    {
        font-size: 22px;
    }

    .mr-bd-body h2
    {
        font-size: 17px;
    }

    .mr-bd-author-card
    {
        flex-direction: column;
        gap: 15px;
    }

    .mr-bd-comment
    {
        flex-direction: column;
    }

    .mr-hero-title-2
    {
        font-size: 30px;
    }

    .mr-hero-footer-strip-2
    {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 360px)
{
    .mr-hero-title
    {
        font-size: 22px;
    }

    .mr-parallax-section
    {
        min-height: 600px;
    }

    .mr-hero-footer-strip-2
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .mr-hero-title-2
    {
        font-size: 26px;
    }
}