@media screen and (max-width: 1140px) {
    .hotel_filter_section .hotel_filter_fields { flex-wrap: wrap; justify-content: center; }
    .hotel_filter_section .hotel input { max-width: 100%; width: 100%; }
    .hotel_filter_section .hotel input.hotel_amenities { max-width: 100%; width: 100%; }
    .hotel_filter_section .filter_btn_hotel { width: 70%; }
    .hotel_filter_section .hotel input.hotel_amenities { background-position: 97%; }
    .hotel_filter_section .features_section { top: 100%; }
    .hotel_filter_section div.hotel { width: 48%; }
    .hotel_filter_section .hotel_filter_fields div div { width: 100%; }
    .hotel_filter_section .filter_button { display: flex; justify-content: center; width: 48%; }
}

@media screen and (max-width: 991px) {
    .filter_results_column_hotel { grid-template-columns: repeat(2, 1fr); }
    .sync-modal-personal-info .customer-info .sync_components h2 { font-size: 1.4rem !important; }
}

@media screen and (max-width: 909px) {
    .sync_hotel_wrapper .sync_components .holder.holder-night input,
    .sync_hotel_wrapper .sync_components .holder.holder-guest-number input { width: 100% !important; }
    .sync_hotel_wrapper .sync_components .holder,
    .sync_hotel_wrapper .sync_components .holder.holder-night, 
    .sync_hotel_wrapper .sync_components .holder.holder-guest-number { width: calc(100% - 10px) !important; }
    .sync_hotel_wrapper .sync_components .holder.holder-check-room { text-align: center; }
    .sync_hotel_wrapper .sync_components .holder.holder-check-room .find-room{ width: 300px; margin: auto; }
  }

@media screen and (max-width: 880px) {
    .sync_form_wrapper .sync_components #search_hotel_room .holder { width: 100% !important; padding-bottom: 10px; }
    #search_hotel_room .sync_components_container { padding: 0; }
}

@media screen and (max-width: 768px) {
    .sync_form_wrapper .sync_components .holder .night.night-text { margin-right: 57px; }
    #search_hotel_room .quantity-nav { position: unset;  }
    #search_hotel_room .quantity-button.quantity-up { top: 25px; right: 0px; border-bottom: none; padding-top: 5px; }
    #search_hotel_room .quantity-button.quantity-down { top: 25px; padding-top: 5px; }
    #search_hotel_room .quantity-button { width: 25px; font-size: 15px; height: 51%; background: #ddd; }
}

@media screen and (max-width: 767px) {
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost .date, 
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost .guest, 
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost .rooms, 
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost .pricing-details,
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost .beds  {
      font-size: 26px;
      line-height: 40px;
    }
    .sync_components.footer-holder-hotel { min-height: 420px; }
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost p span.sync_price_money_format { font-size: 2.1rem; }
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost .date span:last-child { font-size: 1.313rem !important; line-height: 40px; }
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-cost p { font-size: 1.313rem !important; }
    .sync-modal-personal-info .amenities { font-size: 1.313rem !important; }
    .sync-modal-personal-info .customer-info .row-1 .sync_components .room-profile span { font-size: 1.2rem !important; }
    .sync-modal-personal-info .customer-info .sync_components h2 { font-size: 2.1rem !important; }
    .sync-modal-personal-info .customer-info .sync_components.personal-holder-hotel h2,
    .sync-modal-personal-info .customer-info .sync_components.cancellation h2,
    .sync-modal-personal-info .customer-info .sync_components.footer-holder-hotel h2 { font-size: 1.625rem !important; }
    .sync-modal-personal-info .customer-info .row-1 .sync_components .book-summary-total p,
    .sync-modal-personal-info .customer-info .row-1 .sync_components .book-summary-subtotal p { font-size: 1.313rem !important; }
    .hotel_filter_section .features_section { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width: 678px) {
    .filter_results_column_hotel { grid-template-columns: repeat(1, 1fr) }
}

@media screen and (max-width: 576px) {
    .sync_hotel_wrapper .sync_title { padding: 12px 0 !important; }
    body .content_container { padding: 0 15px !important; }
    .sync_form_wrapper.sync_hotel_wrapper .sync_components #search_hotel_room .holder-check-availability .holder-check-room { gap: 10px; padding-left: 0; padding-right: 0; }
    .hotel_filter_section .features_section { grid-template-columns: repeat(2, 1fr); }
    .sync-result-lists.sync_container_for_price.hotel-search-result-container { padding: 0 15px; }
    .hotel_filter_section .hotel_filter_fields { grid-template-columns: repeat(1, 1fr); }
    .hotel_filter_section .hotel_filter_fields .filter_button { width: 100%; }
    .hotel_filter_section .filter_btn_hotel { width: 70%; }
    .filter_results_column_hotel { padding: 30px 15px; }
    .hotel_filter_section div.hotel { width: 100%; }
}

@media screen and (max-width: 525px) {
    .sync_form_wrapper .sync_components #search_hotel_room .holder.holder-check-room .find-room { width: 100%; }  
}

@media screen and (max-width: 400px) {
    .back-text { display:none }
    .go_back .back_text { font-size: 21px; }
}