@media screen and (max-width: 1680px) {
    /* Global CSS */
   

    /* Header */
    .topbar form .top_box2 .box3 {  width: 22%;  }

    /* Cart Page */
    .sec1_cart .property-image { width: 200px; height: 165px;}
    
}
@media screen and (max-width: 1520px) {
    /* Cart Page */
    .main_cart { gap: 10px;}
    
}
@media screen and (max-width: 1400px){
    
    .fs-66 { font-size: 50px; }
    h3 { font-size: 28px; }

    .header 
    .login_btn{display: flex;
        justify-content: space-between;
        gap: 6px;
    }
    /* .header button.button{padding: 9px 22px;}
    .login_btn .button1{padding: 9px 22px;} */
    .header .button, .header .button1{padding:9px 22px !important;font-size: 11px;}
    .collapse.navbar-collapse .nav-link{padding-left: 0;}

    .sec-2-profileSetting .img { padding: 15px 60px 28px 40px; }
} 
@media screen and (max-width: 1366px) {
    /* Global CSS */
    .d-flex { flex-wrap: wrap;}
    
    /* Header */
    .header .search { width: 18em; padding-inline: 0 !important;}
    .footer .navbar-brand img {
        width: 70%;
    }

    /* Home Filter */
    .topbar .top_box1 .box label { width: 195px;}


}
@media screen and (max-width: 1280px) {  
    /* Global CSS */
    h2 { font-size: 34px;}
    h3 { font-size: 25px;}
    h4 { font-size: 20px;}

    .fs-66 { font-size: 45px;}


    /* Footer */
    .foot-copyright p { font-size: 14px;}

    /* Home Page */
    .topbar .top_box1 .box label { width: 160px;}
    .product .product_box .slide-img { height: 14em;}

    /* About Page */
    .about .about-box2 h2 { font-size: 30px;}
    .about .about-box2 h2 { padding-bottom: 15px;}
    .about .about-box2 .box1 { padding-top: 35px;}

    /* Detail Page */
    /* .listing_gallery .slide_img { height: 36em;} */
    .sec1_cart .property-image { height: 220px; width: 100%;}
    .filter_wrapper .input_wrapper .input_guests .dropdown-menu { min-width: 300px;}

      /* Profile Setting */
      .sec-2-profileSetting .img { /* background-color: #FCDF73; */ background-size: cover; padding: 10px 30px 30px 25px; }
      .sec-2-profileSetting .img img { height: 100px;}
    
    
    
}
@media screen and (max-width: 1199px) {
    /* Header */
    .navbar-light .navbar-toggler { color: #fff;}
    .header .search { display: none !important;}
    
    /* Home Page */
    .product .product_box .product_heading { width: 74%;}

    
    
}
@media screen and (max-width: 1024px) {
    /* Footer */
    .footer .footer-social .icon { font-size: 20px; height: 40px; width: 40px; padding: 8px 10px;}


    .cancelation_policy_timeline_wrapper {width: 600px;}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:first-child:before {width: calc(600px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(2):before {width: calc(600px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(3):before {width: calc(600px / 3);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:first-child:before {width: calc(600px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:nth-child(2):before {width: calc(600px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(3))) .timeline_step:first-child:before {width: calc(600px);}
    .listing_cancelation .timeline_detailed_wrapper {width: 620px;}
    
    /* .footer .footer-social .icon { font-size: 20px; height: 40px; width: 40px; padding: 8px 10px;} */

    /* Detail Page */
    .sec1_detail .slides_img { height: 7em;}


    
}
@media screen and (max-width: 991px) {
    /* Global CSS */
    .fs-30 { font-size: 20px;}

    /* Home Page */
    .topbar { margin-top: 5px;}
    .topbar .top_box1 { gap: 10px;;}
    .topbar .top_box1 .box label { width: 130px; padding: 12px;; }
    .topbar form .top_box2 label { font-size: 14px; }
    .topbar form .top_box2 .submit .button { padding: 10px 20px;}
    .product .product_box .slide-img { height: 18em;}
    .topbar #search-box .top_categories_wrapper .box .find_btn { font-size: 11px;}

    .filter_wrapper .input_wrapper .input_guests { width: 100%; }

    .daterangepicker:not(.single) { width: 75%;}
    .filter_wrapper .input_wrapper .input_guests .dropdown-menu { min-width: unset;}


    /* Detail Page */

    .listing_gallery .slide_img { height: 32em;}
    .sec2_detail .cal .pignose-calendar { max-width: 500px;}
    .book form { flex-direction: column-reverse;}
    
}
@media screen and (max-width: 767px) {
    .topbar .top_box1 { flex-wrap: wrap; }

    h2 { font-size: 30px;}
    h3 { font-size: 22px;}
    .fs-66 { font-size: 38px;}


    /* Header */
    .header a.navbar-brand { width: 130px;}

    /* Home Page */
    .topbar form .top_box2 { gap: 25px 10px;}
    .topbar form .top_box2 .box3 { width: 32%;}
    .topbar form .top_box2 .submit { width: 100%; text-align: center;}
    .topbar form .top_box2 .submit input { width: 48%;}
    .topbar .radio_img { padding-bottom: 4px; height: 22px;}

    /* Contact Page */
    .contact .form-box input, .contact .intl-tel-input, .contact .iti { width: 100%;}
    .contact .icon_box {  padding: 40px 20px;}
    .contact .form-box .iti__selected-flag { padding: 0 12px 0 12px;}
    .contact .form-box .pl { padding-left: 66px;}

    /* Detail Page */
    .sec1_detail .user_img { height: 40px;  width: 40px;}
    #map_location { height: 360px !important;}

    .listing_gallery .slide_img { height: 26em;}
    .sec1_detail .slides_img { height: 9em;}
    /* .sec1_detail .v_divide:last-child::before { display: none;} */
    /* .sec1_detail .v_divide:last-child { padding-left: 0 !important; padding-top: 6px; width: 100%;} */
    .sec2_detail .cal .pignose-calendar { width: 100%;}

    /* Footer */

    .footer .footer-head { padding-bottom: 6px;}
    .foot-copyright p { font-size: 12px;}

    .cancelation_policy_timeline_wrapper {width: 450px;}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:first-child:before {width: calc(450px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(2):before {width: calc(450px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(3):before {width: calc(450px / 3);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:first-child:before {width: calc(450px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:nth-child(2):before {width: calc(450px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(3))) .timeline_step:first-child:before {width: calc(450px);}
    .listing_cancelation .timeline_detailed_wrapper {width: 470px;}
    .cancelation_policy_timeline_wrapper .timeline_step::before {font-size: 12px;}
    .cancelation_policy_timeline_wrapper .timeline_step .refund_date {font-size: 12px;}

    .cancelation_policy_timeline_wrapper .timeline_step:first-child .refund_date {left: 18px; width: fit-content;}
    .cancelation_policy_timeline_wrapper .timeline_step:nth-last-child(1) .refund_date {left: -5px; width: 55px;}
    .cancelation_policy_timeline_wrapper {margin-left: 0;}

    /* Booking Page */
    .bookings .booking_btns{ flex-direction: column; align-items: start; gap: 12px; }
    .booked_card .cart_text { width: 100%;}
    .booked_card .property-image { width: 100%; height: 270px;}
    .booked_card .cart_text .property-asset2 div:first-child, .booked_card .cart_text .property-asset div:first-child { width: 30%;}
    .booked_card .cart_text .property-asset2 div:nth-child(2), .booked_card .cart_text .property-asset div:nth-child(2) {  width: 28%;}

    .modal .modal-content { padding: 0 15px 15px;}

    /* Profile Setting */
    .det_form.setting_page { padding-block: 30px; }
    .profile-image-div { height: 100px; width: 100px;}

    .profile_setting.accordion .accordion-item { padding: 15px;}
    .profile_setting.accordion .accordion-header button { font-size: 16px; padding: 10px;}
    .sec-2-profileSetting .img { background-size: cover; border-radius: 25px; padding: 20px; }
    .sec-2-profileSetting .img img { height: 100px;}

    
}
@media screen and (max-width: 600px) {
    /* all sections inline padding for mobile screen */
    section:not(.about_banner) { padding-inline: 30px;}

    /* Global Css */
    h2 { font-size: 30px;}
    .fs-22 { font-size: 18px;}

    .button, .button1 { padding: 8px 15px; font-size: 13px;}


    /* Detail Page */
    .sec1_detail .rating p { font-size: 12px;}


    .listing_gallery .slide_img { height: 22em;}
    .sec1_detail .slides_img { height: 6em;}
    .sec1_detail .swiper-slide img { border-radius: 12px; }
    .swiper-button-next, .swiper-button-prev { padding: 25px;}
    .user_info p { font-size: 12px;}

    .sec-2-detail .listing_data ol.parent-box { list-style-position: outside; padding-left: 15px;}


    /* Footer */
    .foot-copyright p  { padding: 0px !important;}
    .foot-copyright p span { padding: 0px !important;}
   

    
}
@media screen and (max-width: 480px) {
    /* Global CSS */
    h2 { font-size: 28px;}
    h3, .fs-30 { font-size: 20px;}
    h5, .fs-20 { font-size: 18px;}
    h6 { font-size: 16px;}
    p, .fs-16 { font-size: 14px;}


    /* Home Page */
    .topbar form .top_box2 .box3 {  width: 48%; }
    .topbar form .top_box2 .box3:nth-child(1) {  width: 99%; }
   

    /* About Page */
    .about .about-box2 { margin-bottom: 0;}
    .about .about-box2 h2 { font-size: 22px;}
    .about .about-box2 .box1 h2 { line-height: 30px; }
    
     /* Detail Page */

    .listing_gallery .slide_img { height: 18em;}
    #map_location { height: 300px !important;}
    .sec1_detail .info { min-height: 280px;}

    .sec2_detail .catg { padding-inline: 12px; margin-right: 4px; margin-bottom: 15px;}
    .sec2_detail .book .info .book_timing { width: 100%;}

    .swiper-button-next, .swiper-button-prev { padding: 18px; top: var(--swiper-navigation-top-offset,45%);}

    .sec-2-detail .listing_data:has(.listing_data_heading) .parent-box { padding-top: 10px;}

    /* Booking Page */
    .book_details p { font-size: 12px; line-height: 22px;}

    .cancelation_policy_timeline_wrapper {width: 375px;}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:first-child:before {width: calc(375px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(2):before {width: calc(375px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(3):before {width: calc(375px / 3);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:first-child:before {width: calc(375px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:nth-child(2):before {width: calc(375px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(3))) .timeline_step:first-child:before {width: calc(375px);}
    .listing_cancelation .timeline_detailed_wrapper {width: 100%;}
    .cancelation_policy_timeline_wrapper .timeline_step::before {font-size: 10px;}
    .cancelation_policy_timeline_wrapper .timeline_step .refund_date {font-size: 11px;}
    .listing_cancelation .timeline_detailed_wrapper .timeline_detail_single {flex-direction: column; align-items: center;}
    .listing_cancelation .timeline_detailed_wrapper .timeline_detail_single .description {text-align: center;}
    .listing_cancelation .timeline_detailed_wrapper .timeline_detail_single .date_tag {text-align: center;}


}


@media screen and (max-width: 425px) {
    .cancelation_policy_timeline_wrapper {width: 300px;}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:first-child:before {width: calc(300px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(2):before {width: calc(300px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(3):before {width: calc(300px / 3);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:first-child:before {width: calc(300px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:nth-child(2):before {width: calc(300px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(3))) .timeline_step:first-child:before {width: calc(300px);}
    .listing_cancelation .timeline_detailed_wrapper {width: 100%;}
    /* .cancelation_policy_timeline_wrapper .timeline_step:first-child .refund_date {left: 18px; width: fit-content;}
    .cancelation_policy_timeline_wrapper .timeline_step:nth-last-child(1) .refund_date {left: -5px; width: 55px;} */

}


@media screen and (max-width: 414px) {
    h2 { font-size: 22px;}
    h3 { font-size: 18px;}
    .fs-26 { font-size: 20px;}
    h5, .fs-20 { font-size: 16px;}


    /* Global Section */
    section:not(.about_banner) { padding-inline: 20px;}

    /* Footer */
    .foot-copyright p  { justify-content: center !important;}

    /* Detail Page */
    .sec2_detail .button.reserve { margin-top: 10px; }
    .sec1_detail .btn_info label { height: 25px; width: 25px;}
    .sec1_cart .cart-asset p:not(.rating) { height: 44px;}

    .sec2_detail .cal .pignose-calendar .pignose-calendar-unit a { font-size: 14px;}


}


@media screen and (max-width: 320px) {
    .cancelation_policy_timeline_wrapper {width: 275px;}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:first-child:before {width: calc(275px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(2):before {width: calc(275px / 3);}
    .cancelation_policy_timeline_wrapper:has(.timeline_step:nth-child(4)) .timeline_step:nth-child(3):before {width: calc(275px / 3);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:first-child:before {width: calc(275px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(4))) .timeline_step:nth-child(2):before {width: calc(275px / 2);}
    .cancelation_policy_timeline_wrapper:not(:has(.timeline_step:nth-child(3))) .timeline_step:first-child:before {width: calc(275px);}
    .cancelation_policy_timeline_wrapper .timeline_step::before {font-size: 9px;}
}