@media all and (max-width: 1600px) {
    .manage-links {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .popup-col.popup-rooms-container {
        width: calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: -moz-calc(100% - 320px);
    }

    .manage-room-det.t-flex-col-4{
        flex-basis: calc(50% - 48px);
        flex-basis: -webkit-calc(50% - 48px);
        flex-basis: -moz-calc(50% - 52px);
    }

    #addon-dates-rooms .popup-col.popup-rooms-container {
        width: calc(100% - 330px);
        width: -webkit-calc(100% - 330px);
        width: -moz-calc(100% - 330px);
    }

    .room-popup-wrapper .popup-rooms.rooms-container {
        flex-wrap: nowrap;
    }

    #btn-protection {
        width: 100%;
        max-width: 250px;
        padding: 6px 0;
        justify-content: center;
    }
}

@media all and (max-width: 1450px) {
    .guest-form-wrapper {
        flex-direction: column;
        gap: 0;
    }

    .btn-set-split {
        min-width: auto;
    }

    .package-name,
    .package-price {
        font-size: 32px;
        line-height: 40px;
    }

    .package-wrap[data-id="2"] .package-header {
        padding: 32px 40px 32px 66px;
    }

    .additional-extras-wrapper .extras-container {
        flex: 1 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }

    .products-grid .hotel-col {
        width: calc(33% - 17px);
    }       
}

@media all and (max-width: 1350px) {
    .crew-step {
        display: flex;
        flex-basis: 49%;
        align-items: center;
        justify-content: space-between;
    }

    #crewpay-process {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .arrow-2 {
        display: none;
    }

    #add-room-popup,
    #add-extra-popup {
        max-width: 750px;
    }

    .manage-room-det.t-flex-col-3, .manage-room-det.t-flex-col-4{
        flex-basis: calc(50% - 48px);
        flex-basis: -webkit-calc(50% - 48px);
        flex-basis: -moz-calc(50% - 52px);
    }

    .manage-room-det {
        flex-basis: calc(50% - 48px);
        flex-basis: -webkit-calc(50% - 48px);
        flex-basis: -moz-calc(50% - 48px);
    }

    .reservation-field-rooms .reservation-rooms-wrap .reservation-wrapper {
        max-width: 300px;
    }

    .split-room-details {
        flex-direction: column;
    }

    .split-room-info {
        max-width: 100%;
        width: auto;
        order: 1;
    }

    .split-room-information {
        order: 2;
    }

    .btn-set-split {
        max-width: 100%;
    }

    .crewpay-process-arrow {
        margin: 0 13px 0 13px;
    }
}

@media all and (max-width: 1450px) and (min-width: 1301px) {
    .manage-links a {
        display: block;
    }
}

@media all and (max-width: 1300px) {
    .main-hotel-details {
        flex-direction: column;
    }

    .manage-hotel-main {
        width: 100%;
        height: 250px;
    }

    .manage-confirmation {
        align-self: flex-start;
    }

    .main-contacts-wrap {
        flex-direction: column;
        gap: 0;
    }

    #primary-details label,
    #crew-primary-details label {
        margin-top: 10px;
    }

    #header-notifications.room-page-notifications {
        display: none;
    }

    #map-popup {
        max-width: calc(100% - 200px);
        max-width: -webkit-calc(100% - 200px);
        max-width: -moz-calc(100% - 200px);
    }

    #res-extra-container {
        flex-direction: column;
        gap: 20px;
    }

    #policy-popup {
        max-width: 750px;
    }

    .header-popup-modal {
        max-width: 700px;
    }
  
    .home-youtube-popup {
        max-width: 800px;
    }
}

@media all and (max-width: 1200px) {
    .container {
        padding: 0 15px;
    }

    .room_selection_screen h2.hotel-name {
        font-size: 28px;
        line-height: 36px;
    }

    .event-date,
    .event-location,
    .event-date-display {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
    }

    .event-detail-container {
        flex-direction: column;
        gap: 20px;
    }

    .split-room-details {
        flex-direction: column;
    }

    .split-room-gallery {
        width: 100%;
        max-width: 100%;
    }

    .btn-set-split {
        max-width: 100%;
    }

    .hotel-title {
        font-size: 32px;
        line-height: 40px;
    }

    #billing-wrapper {
        margin: 20px 0 20px 0;
    }

    .manage-payment-wrap {
        flex-basis: calc(50% - 50px);
        flex-basis: -webkit-calc(50% - 50px);
        flex-basis: -moz-calc(50% - 50px);
    }

    .gdlr-header-wrapper {
        padding: 1.5% 15px 1.5% 15px;
    }

    .footer-wrapper {
        flex-wrap: wrap;
    }

    footer #footer-col-1,
    footer #footer-col-2,
    footer #footer-col-3,
    footer #footer-col-4,
    footer #footer-col-5,
    footer #footer-col-6 {
        width: calc(33.33333% - 40px);
        width: -webkit-calc(33.33333% - 40px);
        width: -moz-calc(33.33333% - 40px);
    }

    #footer-col-3 {
        order: 1;
    }

    #footer-col-4 {
        order: 2;
    }

    #footer-col-5 {
        order: 3;
    }

    #footer-col-1 {
        order: 4;
    }

    #footer-col-6 {
        order: 5;
    }

    #footer-col-2 {
        order: 6;
    }

    footer .mail-wrapper {
        width: 100%;
    }

    footer input#mail-input {
        width: 100%;
    }

    #site-status {
        margin-top: 10px;
    }

    .footer-select {
        width: 100%;
    }

    .footer-wrapper {
        gap: 50px;
    }

    .billing-pay-choice {
        width: 100%;
        order: 2;
    }

    #billing-terms-container {
        flex-direction: column;
    }

    .other-hotel-wrap {
        width: calc(33.33333% - 60px);
        width: -webkit-calc(33.33333% - 60px);
        width: -moz-calc(33.33333% - 60px);
    }

    #passport-step {
        font-size: 20px;
        height: 40px;
        width: 40px;
    }

    #passport-step-name {
        font-size: 26px;
    }

    #other-hotel-title {
        font-size: 30px;
        line-height: 38px;
    }

    .policy-wrap {
        width: 100%;
        order: 1;
        margin-top: 0;
    }

    .billing-terms {
        order: 2;
    }

    .m-pay-num-date {
        flex-direction: column;
        text-align: center;
    }

    .m-payment-right {
        justify-content: center;
    }

    #payment-information {
        max-width: 600px;
    }

    .billing-group {
        gap: 0;
        flex-direction: column;
    }

    .billing-cards {
        margin-top: 20px;
    }

    .policy-holder {
        flex-direction: column;
        gap: 10px;
        margin-top: 0;
    }
    .home-youtube-popup {
        max-width: 700px;
    }
    .custom-footer {
        flex-wrap: wrap;
    }
    .custom-footer .footer-block {        
        flex-basis: calc(33.33333% - 60px);        
        gap: 20px;
    }

    .extras-popup {
        max-width: 850px;
        width: calc(100vw - 200px);
    }    

    #billing-coupon-wrapper {
        margin-top: 20px;
    }
    .event-location:before {
        width: 17px;
        background-repeat: no-repeat;
    }
    #mr-user-email {
        position: absolute;
        top: 50px;
        right: -15px;
        font-size: 12px;        
    }
    .date-time-group {
        flex-direction: column;
    }
    .time-select-wrapper {
        max-width: 100%;
    }
    .group-modal-field.wrapped .date-time-group {
        flex-direction: row;
    }
    .add-payment-form .datetime-picker {
        max-width: 100%;
    } 
    .billing-left, .billing-right, .billing-middle, .on-left, .on-right {
        flex-basis: 100%;
        max-width: 100%;
    }       
    /* 1200px */
}

@media all and (max-width: 1024px) {
    .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
        display: block;
    }

    .feature .feature-details h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .with-sidebar-container {
        flex-direction: column;
    }

    .with-sidebar-right.eight.columns {
        width: 100%;
    }

    .with-sidebar-right.three.columns {
        width: 100%;
    }

    .with-sidebar-container {
        gap: 0;
    }

    .gallery-modal-wrapper .gallery-slider,
    #room-gallery-popup {
        max-width: 460px;
    }

    #manage-reservations-wrapper .with-sidebar-right.three.columns {
        width: 100%;
        margin-bottom: 30px;
    }

    #home-hotels .right-sidebar {
        max-width: 100vw !important;
    }

    .single-custom-room .four {
        width: 100%;
    }

    .single-custom-room #booking-sidebar .right-sidebar {
        width: 100%;
    }

    .home-youtube-popup {
        max-width: 550px;
    }

    .additional-extras-wrapper .extras-container {
        flex: 1 0 calc(33.33333% - 20px);
        max-width: calc(33.33333% - 20px);
    }        
    #hotel-map-view .map_image {
        height: 300px;
    }
    /* 1024px */
}

@media all and (max-width: 959px) {
    body {
        overflow-x: hidden;
    }

    .sub-hero {
        width: 100%;
        top: 0;
        background: none;
        margin: 0;
    }

    .hotel-avalibity-container {
        margin: 0;
        width: 100%;
    }

    .hotel-avalibity-container .avalibity-sub-container {
        flex-direction: column;
        margin: 0;
        width: 100%;
        margin-top: 20px;
        gap: 0;
    }

    .avalibity-sub-container .reservation-field-rooms {
        margin-bottom: 10px;
    }

    .avalibity-sub-container .reservation-field-dates {
        width: 100%;
        gap: 5px;
        margin-bottom: 10px;
    }

    .avalibity-sub-container .reservation-field-dates .reservation-dates .reservation-date {
        width: 50%;
    }

    .reservation-date .reservation-input-area {
        width: 100%;
        justify-content: space-between;
        max-width: -webkit-fill-available;
    }

    .package-grid .products-grid .hotel-col {
        width: calc(50% - 15px);
    }

    .feature .feature-gallery {
        max-width: 45%;
    }

    .sub-hero .sub-hero-col {
        padding: 10px 0px 10px 0px;
    }

    .map-view-container {
        flex-direction: column;
        padding: 0;
    }

    .products-grid.map-view {
        max-width: 100%;
    }

    .v2 .embedded-map {
        width: 100%;
        margin: 20px 0;
    }

    .no-results-wrap {
        background: #000;
        border-radius: 12px;
    }

    #no-hotels-found {
        padding: 0;
    }

    .daterangepicker {
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto;
        max-width: calc(100% - 75px);
        max-width: -webkit-calc(100% - 75px);
        max-width: -moz-calc(100% - 75px);
    }

    .daterangepicker .drp-buttons .applyBtn {
        top: initial;
        bottom: 20px;
        right: 30px;
        left: initial;
    }

    #add-room-popup,
    #add-extra-popup {
        max-width: 400px;
    }

    input[type="text"].billing-input {
        max-width: 100%;
    }

    .billing-group {
        flex-direction: column;
    }

    .billing-details-wrap .nice-select {
        width: 100%;
        max-width: 100%;
    }

    #cc-info-title {
        margin-bottom: 0;
    }

    .payment-option {
        width: 100%;
        max-width: 100%;
        padding: 8px 0;
    }

    p.alt-payment {
        width: 100%;
    }

    .billing-cards {
        margin-top: 20px;
    }

    .avalibity-sub-container .reservation-date.reservation-select-dates.preset-dates {
        width: 100%;
    }

    .avalibity-sub-container .reservation-date.reservation-select-dates.preset-dates .reservation-input-area {
        justify-content: start;
    }

    .preset-dates.reservation-date .reservation-input-area .reservation-date-input {
        max-width: 100%;
    }

    .manage-hero:after {
        width: 220px;
        height: 112px;
        background-size: 220px 112px;
    }

    .manage-title {
        font-size: 30px;
        line-height: 38px;
    }

    .crew-room-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .gdlr-header-wrapper {
        padding: 0 15px 0 15px;
    }

    .copyright-wrap {
        flex-direction: column;
    }

    #footer-links {
        order: 1;
        gap: 10px;
        flex-direction: column;
        margin-bottom: 10px;
    }

    #footer-links span {
        display: none;
    }

    #copyright-info {
        order: 2;
    }

    .copyright-wrap {
        gap: 10px;
    }

    #footer-links span {
        display: none;
    }

    #mr-user-email {
        margin: 30px 0;
    }

    .gallery-modal-wrapper .gallery-slider .small-slider .small-item {
        min-height: 55px;
        height: 55px;
        border-radius: 12px;
    }

    #menu-main-menu-new {
        margin-top: -5px;
    }

    .billing-group {
        gap: 0;
    }

    #payment-information {
        max-width: 500px;
    }

    .extras-tab-items {
        justify-content: center;
    }

    .extra-card {
        flex-basis: calc(50% - 14px);
    }

    #policy-popup {
        max-width: 550px;
    }
    #change-guest-popup {
        max-width: 550px;
    }

    .multi-nights-selector {
        flex-direction: column;
        flex: 1;
        text-align: center;        
    }
    .multi-nights-options {
        flex-direction: column;
        flex: 1;
    }
    .multi-week-options {
        flex-direction: column;
        flex: 1;        
    }
    .multi-nights-select, .multi-week-select,
    .multi-week-options,
    .multi-nights-options,
    .multi-nights-selector,
    .multi-nights {
        border-radius: 10px;
    }  
    .sub-hero.rows-2 {
        margin-top: 0;
    }    
    #payment-currency-popup,
    #generic-popup {
        max-width: 400px;
    }
    .header-popup-modal {
        max-width: 400px;
    }    
    #confirm-crewpay-empty-guest {
        max-width: 400px !important;
    }
    body.header-style-3 .gdlr-navigation-wrapper {
        margin-top: 22px !important;
    }
    .gallery-video-single img {
        height: 17rem;
        margin: -17% 0;
    }
    .popup-sc-wrapper {
        height: auto;
    }
    .crew-selected-room-container {
        font-size: 16px;
        line-height: 24px;        
    }
    .multi-lang .gdlr-logo-inner a {
        justify-content: center;
    }
    .header-style-3 .multi-lang .gdlr-logo {
        float: none;
    }
    .header-style-3 .multi-lang .gdlr-navigation-wrapper {
        position: relative;
        right: 0;
        float: none;      
        margin-top: 5px !important;
        margin-bottom: 30px;  
    }
    .additional-extras-wrapper .extras-container {
        flex: 1 0 calc(33.33333% - 20px);
        max-width: calc(33.33333% - 20px);
    }    
    .extras-popup .extras-thumb img {
        height: auto;
        aspect-ratio: 1/0.75;
    }
    .extras-popup .extras-thumb {
        min-width: 200px;
    }
    #confirm-change-dates {
        width: calc(100% - 200px);        
    }
    .products-grid .hotel-col img.main-hotel-img {
        height: 300px;
        width: 100%;
        object-fit: cover;        
    }
    #payment-information .billing-card-icons {
        float: none;
        margin-top: 0;
    }
    .card-field.cc-card-field label {
        margin-top: 0;
    }    
    /* 959px */
}

@media all and (max-width: 767px) {
    .feature .feature-gallery {
        max-width: 100%;
        width: 100%;
        justify-content: center;
    }

    .avalibity-sub-container .reservation-field-dates .reservation-dates {
        flex-direction: column;
    }

    .reservation-field-rooms .reservation-rooms-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
    }

    .hotel-avalibity-container .avalibity-sub-container {
        border: none;
        padding: 0;
    }

    .hotel-avalibity-container .avalibity-search-container {
        top: 0;
        margin-top: 5px;
        margin-bottom: 10px;
        width: 100%;
    }

    .manage-room-det.t-flex-col-2, .manage-room-det.t-flex-col-3, .manage-room-det.t-flex-col-4{
        flex-basis: 100%
    }

    body.home #gdlr-hotel-availability .gdlr-button {
        width: 100%;
    }

    .avalibity-sub-container .reservation-field-rooms {
        align-items: stretch;
    }

    .hotel-avalibity-container .avalibity-sub-container {
        align-items: stretch;
    }

    .reservation-field-rooms .reservation-rooms-wrap .reservation-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .reservation-field-rooms .reservation-rooms-wrap .reservation-room {
        width: 100%;
    }

    .feature .feature-details .includes-details .includes-elements .includes-item {
        margin-bottom: 10px;
    }

    .package-grid .package-info-home {
        top: 0;
        position: relative;
    }

    .feature .feature-details h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .v2 .head-cont .sorting-drop {
        flex-direction: column;
    }

    .filter-by-wrapper {
        gap: 10px;
    }

    .package-grid .package-info-home {
        min-width: 226px;
    }

    .elementor-element-4572aa39 {
        order: 2;
    }

    .footer-mlinks a {
        font-size: 14px;
    }

    .page-not-found-block .box3,
    .page-not-found-block .box4,
    .page-not-found-block .box9 {
        display: none;
    }

    .page-not-found-block {
        margin: 0;
    }

    .popup-rooms.rooms-container .rooms-guest-wrapper:after {
        content: none;
    }

    .single-booking .daterangepicker {
        padding-top: 100px !important;
    }

    .room_cat_check_avail_banner {
        display: flex !important;
    }

    .room_cat_check_avail_banner #crew-gdlr-reservation-form .gdlr-button {
        margin-top: 0 !important;
    }

    .room_cat_check_avail_banner .left-text {
        padding: 6px 10px;
        margin: 5px 10px 5px 0 !important;
        width: auto;
    }

    .crew-selected-room .crew_room_title {
        font-size: 14px !important;
    }

    #passport-addon-content .room_cat_check_avail_banner {
        justify-content: space-between !important;
    }

    #primary-info-wrap {
        flex-direction: column;
        gap: 0;
    }

    .pay-crew-title {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }

    .crewpay-process-arrow {
        display: none;
    }

    .btn-split-options {
        width: 100%;
        max-width: 100%;
        padding: 8px 0;
    }

    #split-paypments-popup {
        max-width: 400px;
    }

    .btn-purple.btn-continue {
        width: 100%;
        max-width: 100%;
        padding: 8px 0;
    }

    .crew-pay-monthly-wrap {
        flex-direction: column;
    }

    #reservation-details {
        flex-direction: column;
    }

    #order-confirmed {
        width: 100%;
        min-width: 100%;
    }

    #btn-reservation {
        flex: 1;
        display: flex;
        width: 100%;
        min-width: 100%;
        padding: 6px 0;
        text-align: center;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .confirm-title {
        font-size: 30px;
        line-height: 38px;
    }

    .reservation-info {
        font-size: 14px;
        line-height: 22px;
    }

    #confirm-booking-wrapper #split-page-wrapper .split-room-details-additional {
        margin-top: 20px;
    }

    #trip-changes-popup {
        width: 400px;
    }

    .manage-hero:after {
        content: none;
    }

    .manage-title {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0;
    }

    .mng-included {
        flex-direction: column;
        gap: 0;
    }

    .mng-addon-item {
        margin-bottom: 20px;
    }

    .account-section {
        padding: 25px 20px 10px 20px;
        font-size: 12px;
    }

    .profile-wrap {
        flex-direction: column;
        gap: 10;
    }

    .p-col-half {
        width: 100%;
    }

    .gdlr-header-wrapper {
        padding: 0 15px;
    }

    .gdlr-medium-room .gdlr-room-thumbnail {
        float: none;
        margin-right: 0px;
        margin-bottom: 0;
        max-width: 100%;
    }

    .btn-edit-room {
        margin-top: 10px;
    }

    .footer-wrapper {
        gap: 20px;
    }

    footer #footer-col-2,
    footer #footer-col-3,
    footer #footer-col-4,
    footer #footer-col-5 {
        width: calc(50% - 40px);
        width: -webkit-calc(50% - 40px);
        width: -moz-calc(50% - 40px);
    }

    footer #footer-col-1 {
        width: 100%;
        order: 1;
    }

    footer #footer-col-6 {
        width: 100%;
        order: 2;
    }

    footer #footer-col-3 {
        order: 3;
    }

    footer #footer-col-4 {
        order: 4;
    }

    footer #footer-col-2 {
        order: 6;
    }

    footer .btn-standard {
        margin: 5px auto;
        margin-bottom: 30px;
    }

    #footer-col-1 p {
        text-align: center;
    }

    .chat-cont {
        margin-bottom: 10px;
    }

    .avalibity-sub-container .reservation-field-dates .reservation-dates .reservation-date {
        width: 100%;
        z-index: 1;
    }

    .proceed-to-payment-bar .btn-purple.btn-continue {
        width: auto;
        padding: 14px 20px;
        margin-left: 20px;
    }

    #btn-continue {
        margin-left: 20px;
    }

    .avalibity-sub-container .reservation-field-dates .dates-active .date-active {
        top: 0;
        left: 0;
    }

    .other-hotel-wrap {
        width: 100%;
    }

    .other-hotels-container {
        flex-direction: column;
    }

    #booking-room-gallery {
        display: none;
    }

    #header-notifications {
        flex-direction: column;
        gap: 0;
        font-size: 13px;
        line-height: 21px;
        padding: 5px;
    }

    .notification-title {
        font-size: 15px;
        line-height: 22px;
    }

    .notification-icon {
        width: 25px;
        height: 18px;
        background-size: 25px 18px;
        float: left;
        margin-right: 5px;
    }

    .notification-text {
        float: left;
        margin-right: 10px;
    }

    .notification-wrap {
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .notification-link {
        display: flex;
        gap: 0;
    }

    #menu-main-menu-new {
        margin-top: 5px;
    }

    .gdlr-medium-room .gdlr-room-content-wrapper {
        width: 100%;
    }

    .single-hotel-page .room-gallery-wrapper img {
        max-width: 100%;
        max-height: 300px;
    }

    .feature.multiple-packages {
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .split-paypments-popup {
        width: 440px;
    }

    .input-price {
        width: 260px;
    }

    .room-split-total .remaining-total {
        font-size: 50px;
    }  
    .flight-thumb {
        width: 50px;
        height: 50px;
    }
    .flight-actions {
        padding: 0 0 20px 100px;
    }
    .flight-addon-date, .flight-duration {
        font-size: 16px;
        line-height: 24px;        
    }
    .flight-addon-airline {
        font-size: 14px;
        line-height: 22px;
    }
    .flight-price {
        font-size: 24px;
        line-height: 32px;
    }    
    .flight-search-wrap {
        flex-direction: column;
    }
    .flight-filters {
        min-width: 100%;
    }
    .flight-result-count {
        font-size: 16px;
        line-height: 24px;        
    }
    .flight-search-title {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 5px;
    }
    button.hamburger {
        display: block;
    }
    .gdlr-navigation-wrapper {
        float: none;
        display: none;
        top: 60px;
        width: 100vw;
        position: absolute;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;       
    }
    .header-style-3 .gdlr-navigation-wrapper .sf-menu {
        margin: 0;
    }
    .gdlr-navigation-wrapper .gdlr-main-menu > li {
        float: none;
        width: 100%;
        background: #f2f2f2;
        padding: 8px 0;
    }
    .gdlr-navigation-wrapper .gdlr-main-menu > li:last-child {
        background: #4FF6B1;
    }
    .gdlr-navigation-wrapper .gdlr-navigation {
        width: 100%;
    }
    .gdlr-navigation-wrapper .gdlr-main-menu > li > a,
    .gdlr-navigation-wrapper .gdlr-main-menu > li:last-child > a {
        border: none;
        color: #000;        
    }
    .gdlr-navigation-wrapper .gdlr-main-menu > li:first-child > a {
        background: transparent;
    }        
    #resend-email {
        max-width: 450px !important;
    } 
    .crew-popup {
        width: calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);  
        left: 0px;
        right: 0px;
        margin: 20px auto 0px;        
    }
    .crew-popup .cmw-popup {
        width: calc(100% - 40px);
        min-width: initial;
    }
    .gdlr-navigation-wrapper .gdlr-main-menu li:first-child a:hover,
    .gdlr-navigation-wrapper .gdlr-main-menu li:first-child a:focus {
        background: none;
        color: #000;
    }
    .extra-add-on-price {
        line-height: 12px;        
    }
    .billing-card-icons {
        float: none;
        margin-top: 20px;        
    }
    .profile-section .billing-card-icons {
        position: relative;
        margin-top: 20px;
        margin-left: 0;        
    }
    #policy-popup,
    #change-guest-popup,
    #split-booking-popup {
        width: calc(100vw - 60px);
        width: -webkit-calc(100vw - 60px);
        width: -moz-calc(100vw - 60px);          
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        min-width: calc(100vw - 60px);
        min-width: -webkit-calc(100vw - 60px);
        min-width: -moz-calc(100vw - 60px);   
        position: fixed !important;
        bottom: 0;
        z-index: 99999999999;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);            
        overflow: scroll;
        margin-bottom: 0;
    }    
    button.popup_close.policy-popup_close,
    button.popup_close.change-guest-popup_close,
    #split-booking-popup .popup_close {
        right: 0;
        left: 0;
        font-size: 0;
        margin: 0 auto;
        width: 80px;    
    }
    button.popup_close.policy-popup_close span,
    button.popup_close.change-guest-popup_close span,
    #split-booking-popup .popup_close span {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 0 auto 40px auto;
        border-radius: 16px;
        margin-top: 60px;
        cursor: pointer;
    }  
    #policy-popup .popup-title,
    #change-guest-popup .popup-title,
    #split-booking-popup .popup-title {
        margin-top: 30px;
    }
    .crew-add-person {
        flex-wrap: wrap;
    }
    .mng-addon-desc {
        max-width: 100%;
    }
    .home-youtube-popup {
        max-width: 400px;
    }
    .booking-rooms-wrapper .gdlr-ux.gdlr-medium-room-ux {
        flex-direction: column;
    }    
    .custom-footer .footer-block {        
        flex-basis: calc(50% - 60px);
    }        
    .home-video-0_open {
        max-width: 19.3em;
    }
    .gallery-video-single img {
        height: 18rem;
        margin: -18% 0;
    }
    .room-det-header {
        margin-top: 20px;
    }
    .multi-lang #language-switcher {
        position: relative;
        top: -5px;
        right: 0;
        float: left;
        margin-bottom: 10px;
    }
    .multi-lang button.hamburger {
        position: relative;
        right: initial;
        top: 0;
        display: block;
        margin: 0 auto;
        float: right;
        margin-bottom: 10px;
    }    
    body .multi-lang .gdlr-logo {
        padding: 30px 0 15px 0 !important;
    }
    .gdlr-ux.gdlr-medium-room-ux {
        flex-direction: column;
    }
    .additional-extras-wrapper .extras-container {
        flex: 1 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }   
    .extras-popup {
        width: calc(100vw - 60px);
        width: -webkit-calc(100vw - 60px);
        width: -moz-calc(100vw - 60px);          
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        min-width: calc(100vw - 60px);
        min-width: -webkit-calc(100vw - 60px);
        min-width: -moz-calc(100vw - 60px);   
        position: fixed !important;
        bottom: 0;
        z-index: 99999999999;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);            
        overflow: scroll;
        margin-bottom: 0;
    }
  
    .extras-popup .popup_close {
        right: 0;
        left: 0;
        font-size: 0;
        margin: 0 auto;
        width: 80px;    
    }
  
    .extras-popup .popup_close span {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 0 auto 40px auto;
        border-radius: 16px;
        margin-top: 60px;
        cursor: pointer;
    }    

    .extras-popup .extras-container {
        margin-top: 40px;
    } 
    .extras-popup .extras-thumb {
        width: 100%;
    }     
    .extras-popup .extras-thumb img {
        max-width: 100%;
        aspect-ratio: 1/0.5;
    }
    .extras-popup .extra-add-header {
        gap: 10px;
    }
    .datepicker__inner {
        padding: 12px;
    }
    .datepicker {
        width: 572px;
    }
    .datepicker .datepicker__month-day {
        padding: 12px 10px;        
    }
    .datepicker__buttons {
        text-align: right;
        float: right;
    }
    .passport-event-desc {
        float: left;
        margin-top: 5px;
    }
    .datepicker__close-button, .datepicker__clear-button, .datepicker__submit-button {
        margin-top: 0;
    }
    #datepicker-manage-checkin-dates {
        margin-left: -30px;
        width: calc(100% - 60px);
    }
    #datepicker-manage-checkin-dates .datepicker__month-day {
        padding: 12px 8px;
    }
    #datepicker-manage-checkin-dates .datepicker__inner {
        padding: 20px;
    }
    #datepicker-manage-checkin-dates .datepicker__buttons,
    #datepicker-manage-checkin-dates .passport-event-desc {
        float: none;
    }
    #datepicker-manage-checkin-dates .passport-event-desc {
        display: flex;
        margin-top: 20px;
    }
    .flight-thumb img {
        border-radius: 8px;
    }

    .package-grid .products-grid .hotel-col {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .datepicker.datepicker--topbar-bottom {
        width: calc(100% - 30px);
    }
    .datepicker.datepicker--topbar-bottom .datepicker__month-day {
        padding: 14px 10px;
    }
    #billing-information.profile-section .billing-card-icons {
        margin-top: 10px;
    }
    .profile-wrap.cc-profile-wrap {
        margin-top: 0;
    }   
    #manage-account-information #card-number {
        width: auto;
    }
    .extras-popup-cta {
        flex-direction: column;
        gap: 0;
    }
    .btn-close-extra {
        justify-content: center;
        margin-top: 20px;        
    }   
    #room-gallery-popup {
        max-width: 420px;
    } 
    /* 767px */
}

@media all and (max-width: 600px) {
    .elementor-7399 .elementor-element.elementor-element-4d8cf17f .elementor-nav-menu .elementor-item {
        font-size: 12px;
    }

    .elementor-7399 .elementor-element.elementor-element-53bd1c3d {
        width: auto;
        flex: auto;
    }

    header .elementor-element-596a720 {
        width: auto !important;
    }

    .elementor-7399 .elementor-element.elementor-element-4d8cf17f .elementor-nav-menu .elementor-item {
        margin-right: 0;
    }

    .elementor-7399 .elementor-element.elementor-element-15c43d1c img {
        width: 110px;
    }

    .sub-hero .sub-hero-col {
        flex-direction: column;
        text-align: center;
        padding: 10px 0px 10px 0px;
    }

    .sub-hero-col .sub-hero-icon {
        margin: 0 0 10px 0;
    }

    .avalibity-sub-container .reservation-field-dates .reservation-dates {
        flex-direction: column;
    }

    .avalibity-sub-container .reservation-field-dates .reservation-dates .reservation-date {
        width: 100%;
        padding: 10px;
    }

    .reservation-field-rooms .reservation-rooms-wrap .reservation-room table tbody tr {
        width: 100%;
        justify-content: space-between;
    }

    .reservation-room.reservation-rooms tbody {
        width: 100%;
    }

    .avalibity-sub-container .reservation-field-dates .reservation-date.reservation-checkout {
        display: none;
    }

    .avalibity-sub-container.desktop {
        display: none;
    }

    .avalibity-sub-container.mobile {
        display: block;
        margin-top: 10px;
    }

    .avalibity-sub-container .reservation-field-dates {
        flex-direction: row;
        gap: 5px;
    }

    .avalibity-sub-container .reservation-field-dates .reservation-dates {
        width: 50%;
        order: initial;
    }

    .reservation-date .reservation-input-area .reservation-date-input {
        max-width: 100%;
        width: 100%;
    }

    .reservation-date .reservation-input-area {
        background: #000;
    }

    .reservation-date .reservation-input-area .reservation-date-input ::-webkit-input-placeholder {
        color: #FFF;
    }

    .hotel-avalibity-container .avalibity-search-container {
        margin-top: 10px;
    }

    body.passport-button-style .gdlr-button {
        padding: 9px 20px;
        letter-spacing: 0;
        font-weight: 600;
    }

    .daterangepicker {
        border-radius: 12px !important;
        padding: 0 0 40px !important;
    }

    .drp-calendar.right {
        display: none !important;
    }

    .daterangepicker:before {
        content: none;
    }

    #modal-calendar th.month {
        font-size: 16px !important;
    }

    th.prev.available,
    th.next.available {
        top: 0;
    }

    #modal-calendar .reservation-date .reservation-input-area .calender-blue {
        display: block;
    }

    #modal-calendar .reservation-date .reservation-date-title {
        color: #000;
    }

    #modal-calendar .reservation-date .reservation-input-area .reservation-date-input {
        color: #000;
    }

    #modal-calendar .daterangepicker {
        margin: 0 !important;
    }

    .reservation-date .reservation-input-area .reservation-date-input {
        color: #FFF;
        white-space: break-spaces;
        line-height: 22px;
    }

    #modal-rooms .rooms-modal {
        position: relative;
        display: block;
    }

    #modal-rooms .rooms-table-wrapper .guest-number {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #15171C;
        color: #FFF;
        border: solid 1px #777E90;
    }

    #modal-rooms .rooms-table-wrapper table tbody tr td {
        width: 100%;
    }

    #modal-rooms .rooms-table-wrapper table {
        background: #23262F;
        padding: 20px;
        gap: 10px;
        min-width: 0;
    }

    #modal-rooms .rooms-table-wrapper .guest-selection {
        min-width: 0;
    }

    #modal-rooms .rooms-table-wrapper table tbody tr {
        padding: 0;
        background: transparent;
    }

    #modal-rooms .rooms-table-wrapper table thead tr th {
        color: #8D92A3;
    }

    #modal-rooms thead {
        width: 100%;
    }

    #modal-rooms .col-delete-room {
        text-align: right;
        width: 100%;
    }

    #modal-rooms .rooms-modal {
        width: initial;
    }

    .rooms-table-wrapper {
        margin-bottom: 20px;
    }

    .package-grid {
        flex-direction: column;
    }

    .package-grid .package-info-home {
        min-width: 100%;
    }

    .sorting-drop .third-section {
        max-width: 100% !important;
    }

    .head-cont .extras-con {
        margin-bottom: 20px;
    }

    .daterangepicker.ltr.show-calendar.opensright {
        display: none !important;
    }

    .package-grid .package-info-home {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        min-width: 100vw;
        position: fixed;
        bottom: 0;
        z-index: 9;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        display: none;
    }

    .package-details .package-details-container .package-info-title {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .package-details .package-details-container .package-info-title:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 0 auto 40px auto;
        border-radius: 16px;
    }

    .head-cont .extras-con {
        display: none;
    }

    .extras-con.mobile {
        display: flex;
        margin-bottom: 20px;
        border-radius: 100px;
        padding: 10px 20px;
        margin-top: -5px;
    }

    body.home #gdlr-hotel-availability .gdlr-button {
        margin-bottom: 6px;
    }

    .extras-con .extras-con-info {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    body.home .head-cont .title-cont h2 {
        margin: 0;
    }

    .filters-contain {
        justify-content: space-between;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .head-cont {
        padding-bottom: 0;
    }

    #mobile-filters {
        display: block;
    }

    body.home .head-cont .title-cont h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .elementor-10088 .elementor-element.elementor-element-3135cec0 {
        text-align: center;
        border: 2px solid #777E90;
        border-radius: 90px;
        width: auto;
        align-items: center;
        margin: 0 auto;
        padding: 10px 30px;
        margin-top: 10px;
    }

    .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
        font-size: 14px;
        line-height: 22px;
    }

    .elementor-10088 .elementor-element.elementor-element-3135cec0 .elementor-heading-title svg {
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

    .elementor-10085 .elementor-element.elementor-element-75de4a62,
    .elementor-10085 .elementor-element.elementor-element-17baba65 {
        margin-bottom: 0;
    }

    .elementor-10088 .elementor-element.elementor-element-2539f022 {
        padding: 10px 10px 30px 10px;
    }

    .v2 .head-cont .sorting-drop {
        align-items: center;
        gap: 20px;
    }

    body.home .view-button {
        margin-bottom: 0;
    }

    #mobile-contents-included {
        display: flex;
    }

    .map-view-container {
        padding: 10px 0 0 0;
    }

    section.single-hotel-page form#gdlr-hotel-availability .room-popup-wrapper {
        display: none !important;
    }

    .single-booking .avalibity-sub-container .reservation-field-dates .reservation-dates .reservation-date {
        width: 100%;
    }

    .single-booking .reservation-rooms-mobile {
        width: auto;
        flex-grow: 1;
    }

    .single-booking #mobile-rooms {
        width: auto;
        padding: 10px 10px 10px 11px;
    }

    #mobile-room-selector {
        margin-bottom: 20px;
    }

    .single-booking .avalibity-sub-container .reservation-field-dates {
        gap: 20px;
    }

    .room_selection_screen #page-hero img {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        display: block;
        border-radius: 0;
        max-width: 100vw;
    }

    section.single-hotel-page .room_selection_screen h2.hotel-name {
        font-size: 20px;
        line-height: 28px;
    }

    .package-details.package-details-rooms,
    .brief-details,
    form#addon-reservation-form,
    #confirmed-hotel-info {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        min-width: 100vw;
        position: fixed;
        bottom: 0;
        z-index: 99999999999;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        display: none;
    }

    form#addon-reservation-form #reservation-wrapper {
        margin-bottom: 0;
        border-radius: 20px 20px 0 0;
    }

    #mobile-room-ctas {
        display: flex;
    }

    .mobile-brief-details #gdlr-reservation-bar {
        border-radius: 30px 30px 0 0;
    }

    .brief-details,
    #confirmed-hotel-info {
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);
        overflow-x: hidden;
        overflow-y: scroll;
        margin-bottom: 0;
    }

    .cf-confirmation-page .room-mobile-cta {
        flex: 1;
    }

    .details-item.hotel-detail-title {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .details-item.hotel-detail-title:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 20px auto 40px auto;
        border-radius: 16px;
    }

    .room_cat_check_avail_banner .right-text {
        font-size: 15px;
        line-height: 23px;
    }

    .gallery-modal-wrapper {
        max-width: 100vw;
        width: 100vw;
        vertical-align: bottom !important;
    }

    .gallery-modal-wrapper .gallery-slider {
        max-width: 100vw;
        border-radius: 24px 24px 0 0;
    }

    .popup_wrapper.popup_wrapper_visible {
        z-index: 9999999999 !important;
    }

    .gallery-modal-wrapper .gallery-modal-close {
        right: 0;
        left: 0;
        font-size: 0;
        width: 100%;
        margin: 0 auto;
        width: 80px;
    }

    .gallery-modal-wrapper .gallery-modal-close:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 0 auto 40px auto;
        border-radius: 16px;
        margin-top: 60px;
        cursor: pointer;
    }

    .gallery-modal-wrapper .gallery-modal-close span {
        display: none;
    }

    .popup_wrapper .popup-title {
        margin-top: 20px;
    }

    .gallery-modal-wrapper .gallery-slider .big-slider .big-item {
        margin-top: 10px;
        height: 250px;
    }

    .extras-container {
        gap: 0;
        flex-direction: column;
    }

    .extras-thumb {
        max-width: 100%;
        float: none;
    }

    .crew-selected-room-container,
    .proceed-pay-title {
        font-size: 14px;
        line-height: 22px;
        width: auto;
        padding: 0;
        margin-bottom: 10px;
    }

    .crew-selected-room-container {
        margin-bottom: 0;
    }

    #passport-addon-content .crew-selected-room-container {
        display: none;
    }

    .room_selection_screen #passport-addon-content img {
        max-width: 100%;
        max-height: 228px;
        object-fit: cover;
        object-position: center;
        width: 100%;
        min-width: 70px;
        border-radius: 12px 12px 0 0;
    }

    .extras-inc-title {
        font-size: 22px;
        line-height: 30px;
    }

    .extras-section {
        padding-top: 0;
        padding-bottom: 0;
    }

    #reservation-details-container {
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);
        overflow: scroll;
    }

    #reservation-details-container .reservation-detail-title:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 20px auto 40px auto;
        border-radius: 16px;
    }

    .pay-for-wrap {
        padding: 30px 15px;
    }

    .btn-standard {
        margin: 20px 0 20px 0;
    }

    .policy-wrap {
        margin-top: 10px;
    }

    .pay-crew-hero,
    .pay-crew-guest {
        padding: 20px 15px;
    }

    .pay-for-wrap .crew-room-display {
        padding: 0 15px 30px 15px;
    }

    .crew-room-title {
        font-size: 20px;
        min-width: 105px;
    }

    .crew-hotel-title {
        font-size: 14px;
        line-height: 22px;
    }

    .crew-room-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .crew-add-person {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .crew-add-wrap {
        flex-wrap: nowrap;
    }
    .crew-enter-guest {
        padding: 7px 20px;
    }

    .btn-add-new-guest {
        width: 100%;
        margin-bottom: 0;
        padding: 6px 0;
        text-align: center;
        justify-content: center;
    }

    #pay-for-crew-wrapper {
        padding: 20px 0 0 0;
    }

    #pay-for-crew-wrapper ul {
        width: 100%;
    }

    #pay-for-crew-wrapper ul li {
        width: 50%;
    }

    #crewpay-details {
        border-radius: 20px 0 20px 20px;
    }

    .crewpay-process-arrow {
        display: none;
    }

    .crew-step {
        flex-basis: 100%;
    }

    .pay-for-wrap .room-cont {
        float: none;
    }

    .pay-for-wrap .gdlr-medium-room .gdlr-room-price {
        float: none;
        margin-top: 5px;
    }

    #passport-addon-content .room_cat_check_avail_banner {
        justify-content: center !important;
        flex-direction: column;
        text-align: center;
    }

    body.passport-button-style input[type="submit"] {
        padding: 7px 35px;
    }

    #crewpay-information {
        margin: 10px 0 30px 0;
    }

    .crew-guest-details {
        flex-direction: column;
    }

    .btn-add-guest {
        width: 100%;
        padding: 5px 0;
        justify-content: center;
        text-align: center;
        margin-bottom: 15px;
    }

    .gdlr-medium-room .gdlr-room-price .gdlr-tail {
        font-size: 25px;
        line-height: 25px;
    }

    .crew-room-booking-next {
        margin: 20px 0 0 0;
    }

    #add-room-popup, #split-paypments-popup, #add-extra-popup, #add-flight-popup {
        max-width: 100%;
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        padding: 10px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);
        position: fixed !important;
        left: 0;
        bottom: 0;
        overflow-x: scroll;
        display: none;
    }

    #add-room-popup .popup_close,
    #split-paypments-popup .popup_close,
    #add-flight-popup .popup_close {
        overflow-x: scroll; 
        display: none;       
    }        
    #add-room-popup .popup_close, #split-paypments-popup .popup_close, #add-extra-popup .popup_close, #add-flight-popup .popup_close {
        position: absolute;
        left: 0;
        right: 0;
        margin: 10px auto 0 auto;
        width: 100%;
    }

    #add-room-popup button.popup_close span,
    #split-paypments-popup button.popup_close span,
    #add-extra-popup button.popup_close span,
    #add-flight-popup button.popup_close span {
        display: none;
    }

    #add-room-popup .popup-title,
    #split-paypments-popup .popup-title-lrg,
    #add-extra-popup .popup-title,
    #add-flight-popup .popup-title {
        font-size: 20px;
        line-height: 28px;
        margin: 45px 0 20px 0;
    }

    #add-room-popup .popup_close:before,
    #split-paypments-popup .popup_close:before,
    #add-extra-popup .popup_close:before,
    #add-flight-popup .popup_close:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 25px auto 40px auto;
        border-radius: 16px;
    }

    #split-page-wrapper {
        background: transparent;
        border-radius: 0;
        padding: 10px 0 0 0;
    }

    #pay-for-crew-wrapper {
        display: none;
    }

    #pay-for-crew-wrapper[data-step="1"] {
        display: flex;
    }

    .split-payment-rooms {
        margin-top: 0;
    }

    .split-room-details {
        margin: 20px 20px 40px 20px;
        gap: 0;
    }

    #split-room-nav {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    #btn-pay-continue,
    #btn-pay-continue-split {
        text-align: center;
        margin-bottom: 20px;
    }

    .prev-link {
        text-align: center;
        margin: 0 auto;
    }

    .prev-link:before {
        content: none;
    }

    #split-room-more {
        display: block;
    }

    .split-all-room-dets {
        margin-top: 10px;
        display: none;
    }

    #split-room-more.txt-view-details:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #split-room-more.txt-view-details.open:before {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .hotel-title {
        font-size: 20px;
        line-height: 28px;
    }

    .label-billing {
        font-size: 16px;
        line-height: 24px;
    }

    .crew-payment-amount {
        width: calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
    }

    .radio-form-control label {
        font-size: 14px;
        line-height: 22px;
    }

    .pay-monthly-grid {
        min-width: 100%;
    }

    #primary-details,
    #crew-primary-details {
        width: 100%;
        min-width: 100%;
    }

    .split-room-gallery {
        min-width: auto;
    }

    #addon-dates-rooms .avalibity-sub-container .reservation-field-dates {
        gap: 20px;
    }

    #addon-dates-rooms .reservation-rooms-mobile {
        width: auto;
        flex-grow: 1;
    }

    #addon-dates-rooms #mobile-rooms {
        width: auto;
        padding: 7px 10px 7px 11px;
    }

    #trip-changes-popup {
        max-width: 100%;
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        padding: 10px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);
        position: fixed !important;
        left: 0;
        bottom: 0;
        overflow-x: scroll;
        display: none;
    }

    #trip-changes-popup .popup_close {
        position: absolute;
        left: 0;
        right: 0;
        margin: 10px auto 0 auto;
        width: 100%;
    }

    #trip-changes-popup .popup_close:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 25px auto 40px auto;
        border-radius: 16px;
    }

    #trip-changes-popup button.popup_close span {
        position: absolute;
        background: transparent;
    }

    #trip-changes-popup .popup-title {
        margin-top: 40px;
    }

    .avalibity-sub-container #mobile-preset .reservation-field-dates {
        flex-direction: column;
        width: 100%;
    }

    .avalibity-sub-container #mobile-preset .reservation-field-dates .reservation-dates {
        width: 100%;
    }

    #mobile-preset .reservation-rooms-mobile {
        width: 100%;
    }

    #mobile-preset .reservation-date .reservation-input-area .reservation-date-input {
        white-space: pre-wrap;
        padding-right: 10px;
        line-height: 22px;
    }

    #modal-calendar.grid {
        display: none !important;
    }

    .avalibity-sub-container #mobile-preset .reservation-field-dates .reservation-dates {
        z-index: 99999;
    }

    .nice-dates .list {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .nice-dates li.option {
        font-size: 13px;
        line-height: 21px;
        padding: 10px;
        border-bottom: dashed 1px #656565;
    }

    .nice-dates li.option:last-child {
        border: none;
    }

    .nice-dates .option:hover {
        border-radius: 0;
    }

    .manage-room-det,
    .manage-payment-wrap {
        flex-basis: 100%;
    }

    .manage-payment-header {
        flex-direction: column;
        gap: 10px;
    }

    .manage-hero {
        flex-direction: column;
    }

    .btn-manage {
        margin-bottom: 30px;
    }

    .gdlr-navigation-wrapper .gdlr-main-menu>li>a {
        font-size: 12px;
    }

    .gdlr-navigation-wrapper .gdlr-main-menu>li>a {
        margin-right: 10px;
    }

    .proceed-to-payment-bar {
        flex-direction: column;
    }

    #btn-continue,
    .proceed-to-payment-bar .btn-purple.btn-continue {
        margin: auto;
    }

    input.gdlr-button.continue_btn,
    input.gdlr-button.skip-btn {
        width: auto;
    }

    .crew_room_select label {
        display: flex;
        flex-direction: column;
        margin-right: 0;
        align-items: flex-start;
    }

    .crew_room_select label:after {
        top: 45px;
    }

    .crew_room_select select {
        width: 100%;
        padding: 10px 12px;
        margin-top: 5px;
    }

    .crew_room_select>* {
        margin-right: 0;
    }

    .gdlr-medium-room.gdlr-item {
        padding-bottom: 30px;
        margin-bottom: 30px;
        width: 100%;
    }

    .gdlr-booking-content-wrapper {
        margin-bottom: 0;
    }

    #similar-hotels-wrapper {
        margin: 0 0 30px 0;
    }

    .similar-hotel-filter {
        display: none;
    }

    #similar-hotel-title {
        margin: 0;
    }

    .right-sidebar {
        flex: 1;
    }

    #similar-hotels-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sorting-drop.extras-main-filter {
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .sorting-drop.guest-sorting-drop {
        flex-direction: column;
        align-items: flex-start;
    }

    .guest-sorting-drop .filter-by-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        width: 100%;
    }

    .extras-addon-select {
        flex: 1;
        width: 100%;
    }

    .btn-add-extra {
        width: 100%;
        padding: 6px 0;
        justify-content: center;
        margin-top: 0;
        /*NDS*/
        min-width: 100px;
    }

    a.btn-change-room.room-selected {
        display: flex;
        justify-content: center;
    }

    .payment-page-wrapper #homepage-hero {
        margin-bottom: 12px;
    }

    .reservation-details-wrap {
        display: none;
    }

    #passport-payment-summary .reservation-details-wrap {
        width: calc(100vw - 60px);
        width: -webkit-calc(100vw - 60px);
        width: -moz-calc(100vw - 60px);
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        min-width: calc(100vw - 60px);
        min-width: -webkit-calc(100vw - 60px);
        min-width: -moz-calc(100vw - 60px);
        position: fixed;
        bottom: 0;
        z-index: 99999999999;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);
        overflow: scroll;
        margin-bottom: 0;
    }

    #passport-payment-summary .reservation-details-wrap:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 0 auto 40px auto;
        border-radius: 16px;
    }

    .payment-page-wrapper #mobile-contents-included {
        display: none;
    }

    #full-pay-wrapper .hotel-title span {
        display: flex;
    }

    #home-hotels .filter-by-wrapper {
        display: none;
    }

    .crew-popup {
        margin-left: -75px;
    }
    .primary-wrap {
        flex-direction: column;
        gap: 0;
    }

    #other-hotel-title {
        font-size: 20px;
        line-height: 28px;
    }

    #passport-step-name {
        font-size: 20px;
        line-height: 28px;
    }

    #owl-carousel-notifications .item {
        flex-direction: column;
    }

    .btn-purple.btn-continue {
        padding: 0;
    }

    div#map-container {
        flex-direction: column;
        gap: 10px;
    }

    #mobile-contents-included {
        display: none;
    }

    #modal-rooms .add-additional-room {
        color: #4FF6B1;
        background: #23262F;
        padding: 13px;
        cursor: pointer;
    }

    th.mobile-rooms-col {
        width: 100%;
    }

    #modal-rooms .mobile-rooms-title {
        margin: 0 0 5px 0;
        color: #FFF;
    }

    #modal-rooms .mobile-rooms-title span {
        color: #B1B5C4;
        font-weight: 400;
    }

    #modal-rooms .rooms-table-wrapper .guest-number.guest-active {
        background: #4FF6B1;
        color: #000;
        font-weight: 700;
        border-color: #4FF6B1;
        min-width: 0;
    }

    #rooms-update-mobile {
        text-transform: uppercase;
        width: 100%;
    }

    .mobile-brief-details #gdlr-reservation-bar {
        padding-top: 0;
    }

    .hotel-details .details-container {
        padding: 20px;
    }

    #confirmed-hotel-info {
        display: none;
    }

    #confirmed-hotel-info {
        width: calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        min-width: calc(100% - 60px);
        min-width: -webkit-calc(100% - 60px);
        min-width: -moz-calc(100% - 60px);
    }

    #confirmed-hotel-info .hotel-info-title:before {
        content: " ";
        width: 100px;
        height: 4px;
        display: block;
        background: rgb(58, 62, 75);
        margin: 0px auto 40px;
        border-radius: 16px;
    }

    #hotel-map-view-expand {
        display: none;
    }

    .inc-within-package {
        display: none;
    }

    .hotel-details-container .details-item .h-am-item {
        display: flex !important;
    }

    .hotel-details-container .hotel-amenities-load {
        display: none;
    }

    .split-room-info.split-right {
        border-radius: 24px;
        margin-bottom: 20px;
    }

    table.tbl-additional-extras tr th:first-child {
        min-width: 250px;
    }

    .tbl-additional-extras-wrap {
        overflow-x: scroll;
    }

    input.guest-enter-room-value {
        height: 40px;
    }

    .edit-custom-guests.guest-active {
        width: 100%;
    }

    .manual-active .edit-custom-guests,
    .manual-active input.guest-enter-room-value {
        flex: 1;
    }

    .edit-custom-icon {
        display: none;
        filter: invert(1);
        top: 13px;
    }

    .rooms-modal {
        background: #000;
        padding: 0;
        color: #FFF;
    }

    .home .rooms-table-wrapper input.guest-enter-room-value {
        background: #15171C;
        color: #FFF;
    }

    .rooms-table-wrapper input.guest-enter-room-value {
        background: #15171C;
        color: #FFF;
    }

    #payment-information, #payment-currency-popup, #generic-popup, #confirm-change-dates {
        max-width: 100%;
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        padding: 10px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);
        position: fixed !important;
        left: 0;
        bottom: 0;
        overflow-x: scroll;
        display: none;
        top: initial;
    }

    #payment-currency-popup,
    #generic-popup {
        border-radius: 24px 24px 0 0;
    }

    button.popup_close.payment-information_close,
    button.popup_close.payment-currency-popup_close,
    button.popup_close.generic-popup_close,
    button.popup_close.confirm-change-dates_close {
        position: absolute;
        left: 0;
        right: 0;
        margin: 10px auto 0 auto;
        width: 100%;
    }

    button.popup_close.payment-information_close span,
    button.popup_close.payment-currency-popup_close span,
    button.popup_close.generic-popup_close span,
    button.popup_close.confirm-change-dates_close span {
        background: none;
    }

    #payment-information .popup-title,
    #payment-currency-popup .popup-title,
    #generic-popup .popup-title,
    #confirm-change-dates .popup-title {
        text-align: center;
        width: 100%;
        margin: 20px auto 30px 0;
        display: block;
    }

    #payment-currency-popup .popup-title,
    #generic-popup .popup-title,
    #confirm-change-dates .popup-title {
        margin-top: 50px;
    }    

    #payment-information .popup-title:before,
    #payment-currency-popup .popup-title:before,
    #generic-popup .popup-title:before,
    #confirm-change-dates .popup-title:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 20px auto 40px auto;
        border-radius: 16px;
        position: absolute;
        top: 8px;
        z-index: 9;
        left: 0;
        right: 0;
    }

    #payment-information .details-layout {
        flex-direction: column;
    }

    .split-paypments-popup {
        width: calc(100vw - 40px);
        width: -webkit-calc(100vw - 40px);
        width: -moz-calc(100vw - 40px);
        height: calc(100vh - 150px);
        height: -webkit-calc(100vh - 150px);
        height: -moz-calc(100vh - 150px);
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        position: fixed !important;
        bottom: 0;
        z-index: 99999999999;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        overflow: scroll;
    }

    .split-paypments-popup h3.popup-title-lrg:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 20px auto 30px auto;
        border-radius: 16px;
    }

    .split-paypments-popup button.popup_close {
        right: 0;
        left: 0;
        font-size: 0;
        margin: 0 auto;
        width: 80px;
        top: 20px;
        opacity: 0;
    }

    .reservation-rooms-mobile .room-col.room-door-icon {
        top: 10px;
    }

    .room_cat_check_avail_banner,
    .proceed-to-payment-bar {
        padding-bottom: env(safe-area-inset-bottom);
    }
    .flight-information {
        flex-direction: column;
    }
    .flight-price, .flight-duration, .flight-codes {
        text-align: left;
    }
    .flight-actions {
        margin-top: 0;
        padding: 0 0 20px 110px;
    }
    .flight-left {
        gap: 40px;
    }
    .flight-right {
        padding: 0 0 0 90px;
    }
    .flight-addon-airline {
        margin-bottom: 5px;
    }
    .btn-add-flight {
        width: 100%;
        margin-left: -90px;
        justify-content: center; 
    }       
    .room_cat_check_avail_banner, .proceed-to-payment-bar {        
        padding-bottom: 14px;
        padding-top: 14px;
    }
    form#crew-gdlr-reservation-form {
        padding-bottom: env(safe-area-inset-bottom);
    }
    .crew-room-container .btn-add-extra {
        padding: 6px 4px;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: -0.2px;
    }
    .crew-room-container .btn-extra-selected:before {
        left: 0;
    }

    #mobile-room-selector .nice-dates:after {
        content: none;
    }
    .reservation-select-dates .select-dates-input-area .select-date-input {
        background: transparent;
    }
    .reservation-date.reservation-select-dates {
        background: #23262F;
        padding: 10px;
        border-radius: 12px;   
    }     

    .extra-add-header {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;        
    }
    .extra-addon-container.extra-price .extra-addon-title,
    .extra-add-on-price p {
        margin: 0;

    }
    #mr-payment-information .billing-card-icons {
        float: none;
        margin-top: 20px;        
    }
    #resend-email,
    .header-popup-modal,
    #confirm-crewpay-empty-guest,
    .home-youtube-popup,
    .popup-sc-dialog,
    #room-gallery-popup {
        width: calc(100vw - 60px);
        width: -webkit-calc(100vw - 60px);
        width: -moz-calc(100vw - 60px);          
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        min-width: calc(100vw - 60px);
        min-width: -webkit-calc(100vw - 60px);
        min-width: -moz-calc(100vw - 60px);   
        position: fixed !important;
        bottom: 0;
        z-index: 99999999999;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);            
        overflow: scroll;
        margin-bottom: 0;
    }
  
    button.popup_close.resend-email_close,
    .header-popup-modal .popup_close,
    #confirm-crewpay-empty-guest .popup_close,
    .home-youtube-popup .popup_close,
    .popup-sc-dialog .popup_close,
    #room-gallery-popup .popup_close {
        right: 0;
        left: 0;
        font-size: 0;
        margin: 0 auto;
        width: 80px;    
    }
  
    button.popup_close.resend-email_close span,
    .header-popup-modal .popup_close span,
    #confirm-crewpay-empty-guest .popup_close span,
    .home-youtube-popup .popup_close span,
    .popup-sc-dialog .popup_close span,
    #room-gallery-popup .popup_close span {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: block;
        margin: 0 auto 40px auto;
        border-radius: 16px;
        margin-top: 60px;
        cursor: pointer;
    }    
    #confirm-crewpay-empty-guest .popup-title {
        margin-top: 40px;
    }
    .resend-mail-wrap p {
        word-break: break-all;
    }  
    .mr-new-guest .guest-name-inputs {
        flex-direction: column;
        gap: 10px;
    }
    .mr-new-guest .mr-change-guest-container {
        flex-direction: column;
        gap: 0;
    }
    .mr-new-guest .mr-new-guest-info {
        width: 100%;
    }
    #mr-change-guest-wrap .mr-change-guest-invite-container {
        flex-direction: column;
    }
    #mr-change-guest-wrap .mr-new-guest-info {
        width: 100%;
    }
    .single-hotel-page .room-gallery-wrapper img {
        max-height: auto;
    }
    #mobile-rooms {
        padding: 9px 10px 9px 11px;
    }
    .resend-part.email {
        flex-direction: column;
    }
    .resend-part.email br {
        display: none;
    }
    .custom-footer .footer-block {        
        flex-basis: 100%;       
    }    

    .avalibity-sub-container .reservation-field-dates .reservation-dates .reservation-date {
        max-height: initial;
    }

    .crew_room_select form {
        flex-direction: column;
        gap: 10px;
    }
    #modal-rooms .rooms-modal * {
        box-sizing: border-box;
    }

    .guest-form-wrapper .main-info, .guest-form-wrapper .passport-info {
        flex-direction: column;
        gap: 10px;
    }

    .gallery-video-single img {
        height: 17rem;
        margin: -17% 0;
    } 
    .reservation-date .reservation-input-area {
        padding: 7px 10px 7px 11px;
    }  
    span.pp_room_title {
        display: none;
    } 
    .crew_room_title strong {
        margin-right: 15px;
        margin-left: 0;
    }
    .crew_close_edit {
        top: 3.5px;
    }   
    .extras-container .extra-add-on-price {
        margin: 10px 0;
    }
    .extras-container .extra-add-on-price .price-node {
        font-size: 22px;
    }
    #passport-addon-content form#crew-gdlr-reservation-form input {
        width: 90%;
        margin: 0 auto;
    }    
    #passport-addon-content form#crew-gdlr-reservation-form {
        width: 100%;
    }
    .extras-container {
        margin-bottom: 5px;
    }
    .extra-addon-desc.line-2 p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 22px;
        max-height: 44px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }  
    .rooms-table-wrapper input.guest-enter-room-value {
        width: 100%;
    }
    p.extra-more {
        display: block;
    }
    .view-all-events {
        font-size: 14px;
        line-height: 22px;        
    }
    .extra-quantity-wrapper {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .extra-quantity-title {
        margin-bottom: 0;
    }
    .btn-soon-extra {
        margin-top: 0;
    }

    .footer-select.site-currency .list {
        margin: 5px 2px;
        width: 100%;        
    }
    .room-det-header {
        flex-direction: column;
        gap: 10px;
    }
    .gdlr-medium-room .gdlr-room-price {
        text-align: left;
    }
    .billing-coupon-details {
        flex-direction: column;
    }
    #billing-coupon-wrapper .coupon-title span {
        margin: 0;
        display: block;        
    }
    #modal-calendar .modal-back {
        filter: invert(1);
    } 
    #modal-calendar .modal-popup-title {
        color: #FFF;
    }
    .datepicker__month--month2 {
        display: none;
    }
    .datepicker {
        width: 100%;
        margin-top: 40px;
    }
    .datepicker__month {
        width: 100%;
    }    
    .datepicker__inner {
        padding: 0;
    }
    #modal-calendar .passport-event-desc {
        position: relative;
        float: none;
        margin-top: 20px;
    }
    #modal-calendar .datepicker {
        margin-top: 20px;
    }
    #modal-calendar .datepicker--topbar-bottom .datepicker__topbar {
        padding-top: 0;
    }
    #modal-calendar .passport-event-desc {
        padding: 4px 12px;
    }
    #hotel-map-view .map_image {
        height: 200px;
    }
    .additional-extras-wrapper .extras-container {
        flex: 1 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }     
    .additional-extras-wrapper {
        gap: 0;
    }
    .extras-included-wrap .extra-included {
        width: 100%;
    }    
    .extras-included-wrap {
        flex-direction: column;
    }
    .additional-extras-wrapper .extra-addon-desc {
        height: auto;
    }
    .extras-container .sorting-drop .nice-select {
        width: 100%;
    }     
    .datepicker.datepicker--topbar-bottom {
        width: 100%;
    }  
    #gdlr-reservation-bar {
        border-radius: 30px 30px 0 0;
    } 
    .cf-confirmation-page section#passport-addon-summary .reservation-details-wrap,
    .cf-confirmation-page #confirmed-hotel-info {
        width: calc(100vw - 60px);
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        position: fixed;
        bottom: 0;
        z-index: 99999999999;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        height: calc(100vh - 160px);
        height: -webkit-calc(100vh - 160px);
        height: -moz-calc(100vh - 160px);
        overflow-x: hidden;
        overflow-y: scroll;
        margin-bottom: 0;        
        display: none;
    }
    .cf-confirmation-page .reservation-det-title.res-contact-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .cf-confirmation-page .reservation-det-title.res-contact-title:before {
        content: ' ';
        width: 100px;
        height: 4px;
        background: #3A3E4B;
        display: flex;
        margin: 20px auto 40px auto;
    }   
    .extras-popup-cta {
        margin-top: 20px;
    }
    .extra-qty-container .sorting-drop.guest-sorting-drop {
        width: 100%;
    }
    .extras-popup-wrap .reset-qty {
        margin-top: 30px;
    }
    #extras-included-wrapper .extra-addon-container {
        padding: 0;        
    }
    .extras-included-wrap .extras-thumb img {
        border-radius: 12px !important;
    }
    .btn-extra-upgrade {
        margin-top: 10px !important;
    }
    /* 600px */
}

@media all and (max-width: 500px) {
    button.hamburger {
        display: block;
    }

    .gdlr-navigation-wrapper {
        float: none;
        display: none;
        top: 60px;
        width: 100vw;
        position: absolute;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .header-style-3 .gdlr-navigation-wrapper .sf-menu {
        margin: 0;
    }

    .gdlr-navigation-wrapper .gdlr-main-menu>li {
        float: none;
        width: 100%;
        background: #f2f2f2;
        padding: 8px 0;
    }

    .gdlr-navigation-wrapper .gdlr-main-menu>li:last-child {
        background: #4FF6B1;
    }

    .gdlr-navigation-wrapper .gdlr-navigation {
        width: 100%;
    }

    .gdlr-navigation-wrapper .gdlr-main-menu>li>a,
    .gdlr-navigation-wrapper .gdlr-main-menu>li:last-child>a {
        border: none;
        color: #000;
    }

    .gdlr-navigation-wrapper .gdlr-main-menu>li:first-child>a {
        background: transparent;
    }

    #mr-user-email {
        position: absolute;
        top: 50px;
        right: -15px;
        font-size: 12px;
    }

    .gdlr-navigation-wrapper .gdlr-main-menu li:first-child a:hover {
        background-color: transparent;
        border: none;
        color: #000;
    }

    .crew-popup {
        margin-top: 50px !important;
        margin-left: -75px;
        left: initial !important;
        right: 15px;
        top: 30px !important;
        color: #000;        
    }
    .crew-guest-primary-wrap {
        display: block;
    }

    .crew-guest-value {
        margin-bottom: 10px;
    }

    .passport-booking-options {
        flex-direction: column;
    }

    .input-price {
        width: calc(100% - 140px);
        width: -webkit-calc(100% - 140px);
        width: -moz-calc(100% - 140px);
        font-size: 32px !important;
    }

    span.suggested-amount {
        font-size: 12px;
    }
    .extra-card {
        flex-basis: 100%;
        max-width: 100%;
        min-height: auto;
    }

    .extra-card-description {
        height: auto;
    }
    .flight-filter-content {
        min-width: initial;
        max-width: 300px;
        width: 100%;
     }
    .header-partner.gdlr-header-inner a img {
        max-height: 25px;
    }
    .header-partner.gdlr-header-inner button.hamburger {
        top: 41px;
    }
    .multi-lang .header-partner.gdlr-header-inner button.hamburger {
        top: 0;
    }    
    .crew_room_title strong {
        display: block;
        text-align: left;        
    }
    .crew-selected-room .crew_room_title {
        position: relative;
        text-align: left;
        width: 100%;
    }
    .crew_close_edit {
        position: absolute;
        right: 20px;        
    }
    .header-style-3 .gdlr-logo .gdlr-logo-inner img {
        max-height: 28px;
    }
    /* 500px */
}

@media all and (max-width: 480px) {
    .gdlr-booking-room-wrapper .gdlr-medium-room-new .gdlr-room-price {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0;
    }
}

@media all and (max-width: 430px) {
    .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
        display: none;
    }

    .elementor-7399 .elementor-element.elementor-element-4d8cf17f div.elementor-menu-toggle {
        display: block;
    }

    .elementor-7399 .elementor-element.elementor-element-4d8cf17f div.elementor-menu-toggle:hover {
        color: #4FF6B1;
    }

    .elementor-7399 .elementor-element.elementor-element-4d8cf17f .elementor-nav-menu__container.elementor-nav-menu--dropdown {
        margin-top: 16px !important;
    }

    .elementor-nav-menu li:last-child a {
        color: #000 !important;
        background: #4FF6B1;
        border: none;
    }

    .elementor-7399 .elementor-element.elementor-element-4d8cf17f .elementor-nav-menu--dropdown a:hover {
        background-color: #4FF6B1;
        border: none;
        color: #000 !important;
    }

    .reservation-date .reservation-input-area .reservation-date-input,
    #mobile-rooms {
        font-size: 12px;
    }

    body.home .head-cont .title-cont h2 {
        max-width: 200px;
    }

    #header-notifications {
        height: 90px;
    }

    .notification-text {
        margin-right: 0;
        font-size: 12px;
    }

    #owl-carousel-notifications .item {
        gap: 5px;
    }

    .notification-link {
        flex-direction: column;
        text-align: center;
        margin-top: 6px;
    }

    #modal-calendar,
    #modal-rooms {
        top: 90px;
    }
}

@media all and (max-width: 400px) {
    .gdlr-logo-inner a img {
        max-height: 40px;
    }
    .crew-room-container .btn-add-extra:before {
        display: none;
    }
    .gallery-video-single img {
        height: 18rem;
        margin: -27% 0;
    }
    .reservation-date .reservation-input-area {
        padding: 7px 5px 7px 5px;
    }    
}