@media (min-width: 1550px) and (max-width: 1920px) {
	.search_area {
    width: 100%;
}

}

@media (min-width: 1550px) and (max-width: 1800px) {
	ul.dySavedIdes{ gap: 25px;}
}

@media (min-width: 1200px) and (max-width: 1550px) {


	.dynamic_srch_list {width: 100%;}
	.create_itinarary_clm1 h2{font-size: 15px;}
	.select_fld_bx1{ padding: 5px 10px;}
	.select_fld_bx3{ padding: 5px 10px;}
	.location_select_fld_dy{ width:30px; height:30px;}
	.round_dy_number{ width:30px; height:30px;}
	.accomodation_icon_dy{ width:28px; height:28px;}
	.select_fld_bx3 h4{font-size: 13px; line-height: 18px;}
	/* flight result start*/
	.FlRslt_journey__journey__path {position: relative;top: 0px;left:0;width:33%; margin:0 20px;}
	.FlRslt_journey__point{ width: 33%;}
	.FlRslt_journey__point--last{ width: 33%;}
	.FlRslt_journey__path-line{ width: 100%;}
	.FlRslt_journey__path-info{top:0;}
	.travel_route_list_dy ul{ align-items: flex-start; flex-wrap: wrap; justify-content: flex-start;}

	.FilterSectionDynamic .nav-tabs .nav-link{font-size: 14px; padding: 10px 5px;padding-top: 5px;}

	
	
	.FlRslt_journey__point-head{font-size: 17px;}
	/* flight result end*/
	/* transfer result start*/
	.RsltFlt_tranD ul{ flex-direction: column;}
	.RsltFlt_tranD ul li{width: 100%;}
	/* transfer result end*/
	.pck_sumry_rslt_box2 .travel_route_list_dy ul{flex-direction: inherit;}
	.pck_sury_htl_box_txt_list_dy ul{ display: flex;flex-wrap: wrap;}
	.pck_sury_htl_box_txt_list_dy ul li{display: inline-block; font-size: 13px; padding-right:10px;}
	.pck_sury_htl_box_txt_dy{padding: 15px 10px;}
	.pck_sumry_rslt_box h2{font-size: 14px;white-space: nowrap;}
	.sumry_box01_rht_dy h3{font-size: 16px;}
	.flight_ResultPanel_dy{padding: 15px;}
	a.RsltSelect_btn_dy{padding: 0 20px; font-size: 14px;}
	.fl_rht_dy h2{font-size: 16px; white-space: nowrap;}
	.rslt_trip_hd_lft_dy h3{ font-size: 18px;}
	.rslt_trip_hd_lft_dy h3 span{ font-size: 18px;}
	.trans_Result_clm1{ display:flex; align-items: center;}
	.create_itinarary_psger h4{white-space: nowrap;}
	.create_itinarary_box{padding: 15px 15px;}
	.search_area_main_dy{padding: 15px 15px;}
	.dynamic_srch_list ul li{min-height: inherit;}
	.dysavedIdeasBox{min-height: 320px;}
	.bnr_ads_clm1_dvd span{font-size: 24px;line-height: 26px;}
	.bnr_ads_clm2_dvd span{ font-size: 26px;}
	.bnr_ads_clm3_dvd span{font-size: 30px;line-height: 30px;}
	.bnr_ads_clm2{ padding-top: 15px;}
	.bnr_ads{width: 400px;}

	.modify_search_Box_dy .RsltFtrPriceFormRht_dy{width: 20%;}
	
	.modify_price_sec_dy h3{font-size: 16px; line-height: 24px;}
	.modify_price_sec_dy p{ font-size: 13px;line-height: 16px;}


	.modify_price_sec_dy{padding-right: 5px;}
	.dy_sumry_night{padding: 5px 5px;position: relative;right: 0;width: 130px;align-items: center;justify-content: center;}
	.dy_sumry_night_icon{width: 14px; height:14px;}
	.dy_pckg_HotelBox .carousel{ width: 15%;}
	.bnr_slide_new_sec .bnr_ads{right: 100px;top: 160px;}
	.RsltFtrPriceFormRht_End_dy{ font-size: 14px;}
	.dynamic_srch_list.dySavedIdeasFoot ul li{width: 23.8%;}
	.DY_flight_filer .RsltFtrPrice_dy{margin-top: 10px;}
	.RsltFtrPrice_dy p{ line-height: 16px;}

	.result_filter_box_dy .RsltFltr_field_ourt_dy{min-height: 34px;}
	.result_filter_box_dy .Trans_filter h4{font-size: 15px;margin-top: 8px;margin-bottom: 8px;}
	.dy_pack_pax_bag .pax_bag_crsl{padding: 0 0px;}
	.dy_pack_pax_bag .tab-content ul li{ padding-left: 5px;padding-right: 5px;}
	.savePageComment .savePg_cmntOutr{ width: 70%;}
	.dy_Htl_rslt_flx{gap: 14px;}
	.pck_sury_htl_box_txt_list_dy ul li{display: inline-flex;align-items: center;}

	
   /*transfer New Start*/
  .Htl_Srh_lense_icon{ width:18px; height:18px;}
  .Htl_Srh_Nw_clndr{width: 22px;height: 21px;}
  .Transfer_Srh_Nw_Time{width: 29px;height: 18px;}
  .Tranfr_Srh_Nw_adult{ width: 25px; height: 17px;}
  .Transfer_srch_field_01{padding-left: 40px;}
  .ModifyTransferNew .htlModifySrch_outer a{ right:7px;}
  .ModifyTransferNew .Htl_Srh_Nw_clndr{ margin-right: 8px;}
  .Transfer_mdf_cldr_dvd{ padding-right: 10px; padding-left: 10px;}
  /*transfer New End*/
   ul.dySavedIdes {gap: 20px;}
   .dynamic_srch_list_head h1{font-size: 18px;}
   .dypackDestHeads{ gap: 15px;}
   .dyflrsltAirlineLogo img{width: 70px;}
   .dyrsltmetrixRoundTrips{gap: 10px;}
   .dyflDestCodes span{ font-size: 14px;}
   .dyflDestTimes span{ font-size: 14px;}
   .dypackMetrixBox .flightdetailsbt{font-size: 13px;}
   
   .DynamicModify .searchBtn{font-size: 16px;}

   .dy_bkngDtlsEmail{justify-content: space-between;}
   .dy_bkngDtlsEmail .col_3{ width: 49%;}
   .dy_bkngDtlsEmail .col_4{ width: 49%;}
   
   .TransNew_mdfy .TransOnward a{right: 0px;z-index: 8;}
   .TransNew_mdfy .TransReturn a{right: 0px;z-index: 8;}
}

@media (min-width: 992px) and (max-width: 1259px) {
	.DynamicContentArea #sticky.stick{position:relative;}
	.dynamic_srch_lft{width: 40%;}
	.dynamic_srch_rht{ width:60%; padding: 30px 25px;}
	.dynamic_srch_list{ width: 100%;}
	.dynamic_srch_list ul{gap: 30px;}
	.dynamic_srch_list ul li{ width: 47% !important;}
	.dynamic_srch_list_box{padding: 15px;}
	.dynamic_srch_list_head h1{font-size: 16px;}
	.dynamic_srch_list_item ul{ gap: 0px;}
	.dynamic_srch_list_item ul li{}
	.dy_listftr_price h2{ font-size: 20px;}
	/* flight result start*/
	.fl_rht_dy {flex-direction: column;align-items: flex-end;}
	a.RsltSelect_btn_dy {margin-top: 5px;}
	.fl_rht_dy h2{margin:0;}
	.FlRslt_journey__path-line {width: 100%;}
	.FlRslt_journey__point{ width:33%;}
	.FlRslt_journey__journey__path{ position:relative;margin:0 20px; width:33%;left:0;}
	.FlRslt_journey__path-info{ top:0;}
	.travel_route_list_dy ul{ flex-direction: column; align-items: flex-start;}

	.RsltFltr_field_ourt_dy{ height: 50px;}
	.FilterSectionDynamic .nav-tabs .nav-link{font-size: 14px; padding: 10px 5px;}
	.dy_Htl_rslt_flx{gap: 14px;}
	button.dyseeOptionBtn{font-size: 13px;}
	/* flight result end*/
	.date_hd_dy{padding: 8px 12px;}
 	.rslt_trip_hd_lft_dy h3{ font-size: 15px;padding-left: 8px;}
	.rslt_trip_hd_lft_dy h3 span{ font-size: 15px;}
	.newdypackRsltBox{width: 48%;}	
}

@media (min-width: 320px) and (max-width: 991px) {
	.DynamicContentArea #sticky.stick{position:relative;}
	.dynamic_srch_main{flex-wrap: wrap;}
	.select_fld_box_main{padding: 0px 15px;}
	.dynamic_srch_lft{ width:100%; height:inherit;}
	.dynamic_srch_rht{ width:100%; padding: 15px;}
	.dynamic_srch_list{ width:100%;}
	.dynamic_srch_list ul li{width:100%;}
	.select_fld_bx1{padding: 5px 10px;}
	.select_fld_bx1 h3{ font-size:13px;line-height: 16px;}
	.select_fld_bx1 h4 span{ font-size:12px;line-height: 16px;}
	.location_select_fld_dy{width: 22px; height:22px;}
	.select_fld_bx2{ margin: 0 5px;}
	.select_fld_bx3{padding: 10px 10px;}
	.round_dy_number{width: 22px; height:22px;}
	.accomodation_icon_dy{width: 22px; height:22px;}
	.select_fld_bx3 h4{font-size:12px;line-height: 16px;}
	.select_fld_bx3_suboutr{ }
	.select_fld_bx3 h3{ font-size:13px;}
	.select_fld_bx3_suboutr_inr{ width:100%;}
	.accomodation_rht{ width:100%;margin-top: 5px;}
	.accomodation_rht_togle{justify-content: end;}
	.dynamic_home_overlay{position:fixed;}
}

@media (min-width: 768px) and (max-width: 991px) {
	ul.dySavedIdes{ gap:20px;}
	.dynamic_srch_list ul{justify-content: space-around;}
	.dynamic_srch_list ul li{width: 48% !important;}
	/* flight result start*/
	.flight_ResultPanel_dy{ padding:15px;}
	.FlRslt_journey__point{width:240px;}
	.FlRslt_journey__point--last{width:150px;}
	.FlRslt_journey__path-line {width: 150px;}
	.fl_rht_dy{ flex-direction: column;align-items: flex-end;}
	.fl_rht_dy h2{ margin:0; }
	a.RsltSelect_btn_dy{margin-top:5px;}
	/* flight result end*/
	.trans_Result_clm1_pic img{height: 110px;}
	.activity_gap{gap: 15px;}
	.modify_search_Box_dy .RsltFltr_fieldChange_dy{height: 65px;}
	.RsltFltr_field_dvd2_dy{line-height: 14px;}
	.RsltFltr_field_dvd2_dy span{ display: block;}
	.hotel_Dtls_Modify .search_field_main {flex-direction: inherit;}
	.hotel_Dtls_Modify .search_field_lft{ width: 80%;}
	.hotel_Dtls_Modify .search_field_rht{ width: 20%;}
	.hotel_Dtls_Modify .field_clm_3{width: 30%;}
	.bnr_slide_new_sec .bnr_ads{top: 130px; left: 15px;}
	.bnr_ads_clm2_dvd span{font-size: 28px;}
	.bnr_ads_clm1_dvd span{font-size: 20px;}
	.DY_flight_filer{position: inherit;}
	.hm_appdownload_bg h2{font-size: 20px;}
	.hm_appdownload_bg p{font-size: 12px;}
	.downloadStore span{font-size: 12px;}
	.Dynamic_package_panel .dypackNationlity {width: 40%;}
	.Dynamic_package_panel .dypackcabinClass {width: 40%;}
	.Dynamic_package_panel .search_field_lft{ width: 100%;}
	.Dynamic_package_panel .field_clm_3{ width: 47.7%;}
	.Dynamic_package_panel .search_field_rht{ width: 100%;}
	.foot_seolisthead li{ font-size: 15px; padding-right: 45px;}
	.hm_trendingHtl .nav-tabs .nav-link{ font-size: 14px;padding: 10px 10px;}
	.hm_trendingHtl .nav-tabs .nav-item{padding-left: 10px;}
	.adSlider_crsl_dy img{ height: 140px;}
	section.hm_umrahpack h1{ font-size:28px;}
	.hm_whybest h1 span{ font-size:28px;}
	.why_listbox ul{ padding: 0 15px;}
	.savePageComment .savePg_cmntOutr{ width:100%;}
	.dy_Htl_rslt_flx{gap: 14px;}
	button.dyseeOptionBtn{font-size: 13px;}
	.rslt_trip_hd_lft_dy h3{ font-size: 15px;}
	.rslt_trip_hd_lft_dy h3 span{ font-size: 15px;}
	.date_hd_dy{padding: 8px 12px;}
	.BtnDynamic{ position: fixed;bottom: 0;}
	.Dy_ActivitySelecton .dyActivityPics{width: 10%;}
	.Dy_ActivitySelecton .dySeltdActDtls{ width: 50%;}
	.dynActivitySelection {width: 40%;}
	
	.newdypackRsltBox{ width:100%;}
	.dypackDestHeads .rslt_trip_hd_lft_dy{width: 50%;}
	.dypackDestHeads .dypackFilterSelct{width: 48%;}
	.jazeeraHotelDetails .room_dtls_combition_lft{ width:100%;}
	.jazeeraHotelDetails .room_dtls_combition_rht { width:100%;}
	.pax_scroll_dy .result_filter_box_dy{ margin-bottom:15px !important;}
	
	.dy_ResultFiletrnew{flex-wrap: wrap;}
	.dy_ResultFiletrTittle{ width:100%;padding-bottom: 5px;}
	.dy_ResultFiletrnewList{ width:100%;}
	.dy_ResultFiletrnewList ul{ column-gap: 10px;}
	.DyFillterByName .hmdy_fld_close{ right: 56px;}
	.dyAccomRsltBoxMain{width: 48%;}
	.DynamicModify .hmdynmicFld01{width: 48%;}
	.DynamicModify .hm_clndr_main{ width: 100%; gap: 15px}
	.DynamicModify .hmnewDynamicPackCalendar .field_clm_2{    width: 48% !important;}
 
.dyrsltmetrixTripBox_outer{flex-wrap: wrap;}
.dyrsltmetrixTripBox{width: 100%;}
.dyTripBox_From, .dyTripBox_To{gap: 10px;}
.MobileOrder3{order: -1;}
.dyrsltmetrixTripBox .dypackselected{left: -12px !important;bottom: 0;transform: none; border-top-left-radius: 20px;border-bottom-left-radius: 0;}
.DyMatrix_change .dypackMetrixBox_change{ padding: 0 10px;}
.Dy_Metrix_FlightDtls{    width: 355px;}

   .dy_bkngDtlsEmail{justify-content: space-between;}
   .dy_bkngDtlsEmail .col_3{ width: 49%;}
   .dy_bkngDtlsEmail .col_4{ width: 49%;}

	.brandedfare_new.modal.right .modal-dialog{
		width:100% !important;
	}
	
}

 
@media (max-width:767px) {
	li.mob_hide_hd {
    display: none !important;
}
	section.packageResultArea .htl_dtls_FilterSec {
        flex-direction: row;
    }
   section.packageResultArea .htl_dtls_FilterSec_lft {
        width: 50%;
    }
   section.packageResultArea .htl_dtls_FilterSec_rht {
        width: 50%;
    }
	.breadcrumb_dy { margin-bottom: 15px;}
	.breadcrumb_dy ul li span{display: none;}
	.dymoreNextDestMain.dyflmoreRsltBtns button.dyNextDestiBtn{margin-top: 10px}
    .FilterSectionDynamic .close {
        width: 25px;
        height: 25px;
        background: url(../images/close_modal.svg);
        background-size: contain;
        display: inline-block;
        opacity: 1;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .FilterSectionDynamic {
        position: fixed;
        top: 0px;
        background: #fff;
        z-index: 999;
        left: 0px;
        padding: 20px;
        height: 100%;
        overflow: scroll;
        width: 98%;
    }
	.FilterSectionDynamic {
    display: block;
	position: relative;
	padding:10px 0 0;
	z-index: 5;
}
.FilterSectionDynamic .nav-tabs{ margin-bottom: 8px;}
.FilterSectionDynamic .nav-tabs .nav-link{ padding-left:0;}

    .MuiPaper-root.MuiPaper-elevation.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthSm {
        width: 90%;
        margin: 0px !important;
        border-radius: 10px !important;
    }
.pckTrasnferModalContent_lft_dy_pic:before{border-radius: 10px}
.filterIcon {
        width: 18px;
        height: 18px;
        background-image: url(../images/filter_icon_white.svg);
        display: inline-block;
        background-size: contain;
        margin-right: 10px;
    }
.mobFilterBtn {
        position: fixed;
        bottom: 0px;
        background: #184b92;
        z-index: 9;
        width: auto;
        left: 33%;
        padding: 0 30px;
        text-align: center;
        color: #fff;
        font-size: 17px;
        margin: 0 auto;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 20px;
        height: 50px;
    }
	.result_filter_box_dy {
    min-height: initial;
	margin-top: 10px;
	padding: 15px 15px;
}

	.pckTrasnferModalContent_lft_dy img{border-radius: 10px; height:150px;}
	.MuiPickersToolbar-root.MuiDatePickerToolbar-root.MuiPickersLayout-toolbar.css-1eurbeq-MuiPickersToolbar-root-MuiDatePickerToolbar-root {
    display: none;
}
.ant-modal.check-modal.dyTransInerSearch .ant-modal-content button.ant-modal-close {
     top: -18px !important;
     right: -7px !important;
     background: #ffffff;
     border-radius: 20px;
     width: 30px;
     height: 30px;
     border: solid #ccc 1px;
}
	.sumry_cnt_top_box_txt p {
    flex-wrap: wrap;
}
	.sumry_room_icon_dy {
    width: 13px;
    height: 10px;
}
	.pck_sury_htl_box_txt_list_dy ul li {
    font-size: 11px;
    line-height: 15px;
}
	.pck_sury_htl_box_pic_dy {
    width: 30%;
}
	.fl_rslt_tripdtls_clm1_dy {
    margin-bottom:0px;
    padding-left: 10px;
}
.dyAirlineCodeNames {
    width: 100%;
    padding-bottom: 15px;
    top: 0px;
}
.fl_rslt_tripdtls_clm1_dy h3 {
    font-size: 15px;
}
 .dymoreNextDestMain button.dyNextDestiBtn {
    padding: 10px 25px;
    font-size: 15px;
}
	button.dyAcoContBtn {
    padding: 10px 25px;
    line-height: 30px;
}
	.result_filter_box_sec2_dy {
    padding:0;
}
	.result_transport_area_dy {
    margin-top: 15px;
}
	.Fltr_Rslt_box_dy {
    margin-top: 0;
}
	.dy_package_box {
    top: 50%;
}
	.introjs-tooltip {
    left: 10px !important;
}
	.select_fld_box_Outer {
    height: auto !important;
    padding-bottom:85px;
        overflow-y: visible;
}
	.FlRsltBoxTab ul li {
    width: 45%;
}
	.FlRsltBoxTab ul {
    gap: 10px;
    flex-wrap: wrap;
}
	.dySavComnWi {
    width: 100%;
}
.dySaveAirDtls {
    padding-left: 0;
    padding-top: 0;
}
	.dyPackSaveBanner {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
	.dynamic_srch_list.dySavedIdeasFoot ul li {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
}
	.dySaveDayDtls {
    padding-left: 0;
    color: #000;
}
	.dyDayL .dySaveDayDtls {
    padding-left: 0;
    color: #000;
}
	.dyDayR {
    text-align: left;
    padding-bottom: 10px;
}
	.dyDayL {
    width: 100%;
}
	.dySaveEditThumbBox {
    padding-left: 0;
    width: 100%;
    padding-top: 20px;
}
	.dySaveIdeaWhiteBox .dysavedIdeasBox {
    width: 100%;
}
	.dypackSaveHeaderDtls {
    color: #fff;
    padding-bottom: 20px;
}
	.dynamic_srch_list h2{
		font-size: 16px;
		margin-bottom: 15px;

	}
	.dynamic_srch_list_head h1 {
    font-size: 17px;
    line-height: 20px;
}
.rslt_trip_hd_lft_dy {
    padding-right: 20px;
    line-height: 20px;
}
.dyAccomRsltBoxMain {
    width: 100%;
    margin-bottom: 10px;
}
.dyseeMoreBox {
    flex-wrap: wrap;
}
.dyAccMOreRsltSlider {
    width: 100%;
}
.dyAccomMoreRsltMain .dyAccomResultBox .carousel-inner img {
    border-radius: 10px 10px 0 0;
}
.dyAccomMoreRsltMain .dyAccomResultDtls {
    padding: 10px 15px;
    width: 100%;
    padding-bottom: 20px;
}
.dyAcMoreDtls01 {
    width: 100%;
}
.dyAcMoreDtls02 {
    padding-left: 0;
    width: 100%;
    text-align: left;
    justify-content: space-between;
    align-items: end;
}	
.dyhtlBtmBtns {
    margin-top: 0px;
    width: auto;
}
.dyseeMoretext {
    padding-bottom: 10px;
}
.dyhtlBtmBtns.dymoreRsltPrice {
    margin-top:20px;
}
.dyMoreAccomdainArea button.dySelectBtn {
    width: auto;
}
.dyAccomMoreRsltMain button.dyseeOptionBtn {
    width: auto;
    margin-left: 10px;
}

.dyhtlBtmBtns.dyMoreSelctedR button.dyseeOptionBtn {
    width: auto;
}
.dyActivityheadBox {
    flex-wrap: wrap;
    padding-top: 15px;
}
.dyActivityMoreRsltMain .dyAcMoreDtls01 {
    width: 100%;
    padding-top: 10px;
}
.dyActivityMoreRsltMain .dyAcMoreDtls02 {
    width: 100%;
    text-align: right;
    margin-bottom: 0px;
}
.dyActivityMoreRsltMain .dyhtlBtmBtns.dymoreRsltPrice {
    width: 100%;
}
.dyActivityMoreRsltMain button.dySelectBtn {
    width: 100%;
    font-size: 17px;
    margin-top: 10px;
}
.dyActMainHead {
    margin-top: auto;
}
.dyActMainHead h2 {
    font-size: 18px;
    padding-bottom: 15px;
}
.dyActivityPics img {
    width: 100%;
    height: 100px;
    border-radius: 10px 10px 0 0;
}
.dyActivityPics {
    width: 100%;
}
.dyActSelectDtls {
    flex-wrap: wrap;
}
.dySeltdActDtls {
    padding-left: 10px;
    width: 100%;
    padding-top: 10px;
}
.dySeltdActDtls p {
    font-size: 13px;
    font-family: 'Roboto-Bold', 'DroidKufiBold' !important;
    flex-wrap: wrap;
    padding-bottom: 10px;
}
/* flight result start*/
.travel_route_list_dy ul{flex-wrap: wrap;}
.FlRslt_journey__path-line{ width:100%;}
.flight_ResultPanel_dy{ padding:15px;}
.flight_ResultPanel_dy{flex-direction: column;}
.fl_rslt_airlogo_dy{ width:40%;}
.flight_Result_Lft_dy{width:100%;flex-direction: column;}
.flight_Result_Rht_dy{ width:100%;margin-top: 10px;}
.fl_rslt_tripdtls_dy{ width:100%;flex-wrap: wrap;}
.FlRslt_journey__point{ width:100%;}
.FL_Rslt_box_dy{flex-direction: column; display: block;}
.FlRslt_journey__journey__path{position: relative; left: 0; top: 0px;margin: 15px 0;}
.date_hd_dy{padding: 8px 10px;}
.rslt_trip_hd_lft_dy h3{ font-size: 13px; padding-left: 10px; line-height: 15px;}
.rslt_trip_hd_lft_dy{ width: 85%;}
.rslt_trip_hd_rht_dy{ width: 15%;}
.rslt_trip_hd_lft_dy h3 span{ font-size: 14px;}
/* flight result end*/
/* transfer result start*/
.transfer_head_dy{flex-wrap: wrap;}
.transfer_head_dy h2{ font-size: 18px;}
.transChange_head_dy{flex-wrap: wrap;}
.transChange_head_dy h2{ font-size: 18px;}
.trans_ResultPanel_dy{ flex-direction: column;}
.trans_Result_clm1{ width: 100%;}
.trans_Result_clm2{ width: 100%;}
.trans_Result_clm3{ width: 100%;}
.trans_Result_price{ align-items: center;}
.trans_Result_clm2_cnt{border-left: solid #cccccc 0px;border-top: solid #cccccc 1px;}
.trans_Result_clm1 {display: flex; justify-content: center;}
.trans_Result_clm1_pic img{ border-radius:0; padding:10px;width: 200px;}
/* transfer result end*/
.pckgSumryFlRsltbx_dy{ flex-direction: column;}
.pckgSumryFlRsltbx_Lft_dy {width: 100%;}
.pckgSumryFlRsltbx_Rht_dy{width: 100%;}
.pck_sumry_rslt_box_lft {width: 25%;}
.pck_sumry_rslt_box_rht{width: 25%;}
.pck_sumry_rslt_box_cntr_line{position: relative; top: 11px;}
.pck_sumry_rslt_box_cntr{width: 50%; margin: 0 15px;}
.pck_sumry_rslt_box2{ flex-direction: column;padding-top: 15px;}
.pck_sumry_rslt_box h2{font-size: 14px;}
.sumryDy_bnr_clm2 h2{ font-size: 20px;}
.sumryDy_bnr_clm2{ width:100%;}
.sumryDy_bnr_clm2 p{ font-size: 13px;}
.pckTrasnferModalContent_dy{flex-direction: column;}
.pckTrasnferModalContent_lft_dy{ width: 100%;}
.pckTrasnferModalContent_rht_dy{ width: 100%;}
.create_itinarary_clm1 h2{ font-size: 16px; line-height: 18px;}
.create_itinarary_box{ padding-bottom:25px;}
.search_area_top_clndr_dy{ top: 5px;left: 0;right: 0;}

.EditdateModal .flexRow_dy{flex-direction: column;}
.EditdateModal .col_field_1_dy{width: 100%; margin: 0;}
.EditdateModal a.RsltFtrPrice_button_dy{ margin-top: 5px;}
.dytripAdvsor{margin-bottom:10px;}
.date_hd_dy span:first-child{ font-size: 14px;}
.date_hd_dy span:last-child {font-size: 12px;}

.breadcrumb_dy ul li:first-child{width: auto;padding: 0 15px;}
.breadcrumb_dy ul{flex-wrap: wrap;justify-content: space-between;}
.breadcrumb_dy ul li:after{display: none;}
.breadcrumb_dy ul li.active:after{display: none;}
.breadcrumb_dy ul li a{border-right: solid #ccc 1px; border-bottom: solid #ccc 1px;}
.pckg_summaryContent_dy .travel_route_dy{ margin:10px 0;}
.pckg_summaryContent_dy .travel_route_item_dy{ flex-wrap: wrap;}
.pckg_summaryContent_dy .travel_route_date_dy{max-width: 80%; min-width: 80%;width: 80%;border-radius: 6px;margin-bottom: 5px;padding: 5px 0; flex-direction: inherit;gap: 10px;}
.pckg_summaryContent_dy .Summary_DownIcon_dy{margin:  5px;rotate: 270deg;}
.pckg_summaryContent_dy .croute_step_dy{margin-bottom: 5px;}
.pckg_summaryContent_dy .sumry_box_dy ul{ flex-direction: column;padding-top: 0px; gap: 15px;}
.pckg_summaryContent_dy .sumry_box_dy ul li{width: 100%;padding-top: 0px;}
.insu_sumryIocn_dy{width: 30px;height: 34px;}
.sumry_box01_rht_dy h3{font-size: 18px;line-height: 22px;}
.sumry_bx2_dvd h3{ font-size: 18px;}

.breadcrumb_dy ul li a{ border:none;padding: 11px 10px;}
.breadcrumb_dy ul li{width: auto;border-right: 1px solid #ccc}
.globe_dy {position: relative;}
.breadcrumb_dy ul li:last-child{border-right:none}
.pckTrasnferModalContent_rht_dy{padding: 15px 0;}
/* unavailable start */
.unavailable_wht_box{flex-direction: column;}
.unavailable_wht_box_Lft{ width: 100%;}
.unavailable_wht_box_Rht{ width: 100%;}
.unavailable_wht_box .pck_sury_htl_box_dy{flex-direction: column;}
.unavailable_wht_box .pck_sury_htl_box_pic_dy{ width: 100%;}
.unavailable_wht_box .pck_sury_htl_box_pic_dy img{width: 80px; border-bottom-left-radius:0;}
.pck_sury_htl_box_txt_dy{ width: 70%; padding:10px;}
.unavailable_wht_box .pck_sury_htl_box_txt_list_dy ul{flex-direction: column; align-items: flex-start;}
/* unavailable end */

/*Dynamic Activity Details New Start*/
.dy_acti_BoxMain{flex-direction: column;}
.dy_acti_Box1{ width:100%; padding: 15px;}
.dy_acti_Box2{ width:100%; padding: 15px; border:none; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.dy_acti_Box3{ width:100%; padding: 20px 0;}
.dy_acti_Box2_content .custom-checkbox input[type="checkbox"]:checked + label::before{ position:absolute;left: 0;}
.dy_acti_Box2_content .custom-checkbox label::before{ position:absolute;left: 0;}
.dy_acti_Box2_content .custom-checkbox > label{padding-left: 25px;}
/*Dynamic Activity Details New End*/
.hotelPaxfields button{ padding-right: 30px;}
.Dypax_up_arrow:after{ right: -18px;}
.Dypax_down_arrow:after{ right: -18px;}
.mob_nav_crsl .owl-carousel .owl-stage-outer{ height:75px !important;}
.dyPackSearchTop .form-control {
    height: 60px !important;
}
.dymoreNextDestMain.dyflmoreRsltBtns button.dyRetunAccomBtn {
    margin-top: 10px;
}
.dy_acti_shareBox .acti_share_box_lft{border-bottom:none;}
.Activty_Banner_new #sync1.owl-theme img{height: 250px !important; margin:0;}
.activity_gap{flex-wrap: wrap;}
 
 .modify_search_Box_dy{flex-direction: column;}

 .modify_search_Box_dy .RsltFltr_field_ourt_dy{width: 100%; }
 .modify_search_Box_dy .RsltFltr_fieldChange_dy{width: 100%;}
 .modify_search_Box_dy .RsltFtrPriceFormRht_dy{width: 100%; border-radius:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;padding: 10px 0;}
 .airline_matrix_dy button.rec-arrow-left{left: -5px;}
 .airline_matrix_dy button.rec-arrow-right{right: -3px;}
    .Rslt_fter_head_dy h3 {
        font-size: 16px;
        padding: 0;
    }
 .dy_sumry_night{font-size: 11px;padding: 5px 8px;}
 .dy_sumry_night_icon{ width:14px; height:14px;}
 .dy_price_ftr h2{ font-size: 22px;}
 .timer_DY {font-size: 11px;padding: 6px 10px; height: auto; display: flex; align-items: center; justify-content: center; gap: 6px; position: static; left: auto; right: auto; bottom: auto; width: 100%; flex-basis: 100%; margin: 6px 0 0; border-radius: 0;}
 .timer_DY #timer{font-size: 16px;line-height: 1;}
 .timer_DY:before{ display: none;}
 .timer_DY h4{font-size: 11px; padding: 0; margin: 0; line-height: 1.1; display: flex; align-items: center;}
 .top_phone_outr .dropdown{display: block;margin-bottom:0px;}
 .top_phone_outr .nav-links{flex-wrap: wrap; justify-content: center;  }
 .nav_mobShow .top_phone_outr{flex-wrap: wrap;}
 .new_hd_dwnarw{display: inline-block;}
 .dy_pckg_HotelBox .dySeltdActDtls{ padding:15px;}
 .rslt_trip_hd_lft_dy .htl_rslt_mapbtn{position: relative; top: 0px;padding: 8px 0px; white-space: nowrap;}
 .rslt_trip_hd_lft_dy .htl_rslt_mapbtn .htl_map_btn{padding: 8px 8px; font-size: 12px;}
 .dy_pckg_HotelBox .dySeltdActDtls h2{flex-wrap: wrap;}
 .dy_pckg_HotelBox .carousel{width: 100%; margin-right:0;}
 .dy_pckg_HotelBox .carousel img{ height: 135px;}
 .pax_faq_dy .seoContTabs .seobox{ padding:12px; border-radius: 10px;}
 .adSlider_crsl_dy img{ height: 100px;}
 .DY_flight_filer{ position: relative;}
 .bnr_slide_new_sec .bnr_ads{ width: auto; top: 110px; left: 15px;right: auto;}
 .bnr_ads_clm2_dvd span{font-size: 22px;}
 .bnr_ads_clm1_dvd span{font-size: 15px;}
 .RsltFtrPriceFormRht_End_dy{ width:100%; height: 50px;margin-top:10px;border-radius: 5px;}
 .dy_htl_selcted {position: inherit;right: -15px;bottom: 5px;}
 .dy_coupon_b_dvd_main{flex-direction: column; gap:0;}
 .dy_coupon_b_dvd{ width:100%;}
 
 .dy_price_ftr_main{ z-index: 5; padding-top:10px;width:100%;min-height: 60px;}
 .dy_price_ftr_main .RsltFtrPrice_dy{flex-wrap: wrap; justify-content: center;gap: 5px; }
 .dy_price_ftr_main .dy_price_ftr{display: flex;gap: 3px;flex-direction: column;}
 .dy_price_ftr_main .RsltFtrPrice_dy h2{font-size: 15px;line-height: 16px;}
 .dy_price_ftr_main .dy_price_ftr p{font-size: 12px;}
 .dy_price_ftr_main a.RsltFtrPrice_button_dy{height: 38px;font-size: 13px;}
 .flpaidbaggesmain .react-tabs__tab{padding: 10px 12px;font-size: 13px;margin-right: 5px;}
 .flpaidbaggesmain .pax_bag_crsl{padding: 0 0;}
 .TransRsltBox_show .trans_Result_clm2{width:100%;border-bottom: solid #ccc 1px;}
 .savePageComment .savePg_cmntOutr{flex-wrap: wrap;width: 100%;}
 .savePageComment .savePg_lft{width: 100%;}
  .savePageComment .savePg_Rht{width: 100%;}
  .savePageComment .cancelBtn{height: 50px;}
  .savePageComment .submitBtn{height: 50px;}
  .savePageComment input{ height:80px;}
  .save_pdf_mob_stic img {height: 260px !important;}
  .save_pdf_mob_stic .saveBnr_caption{ bottom: -107px !important; height: 212px;}
  .save_pdf_clas .saveBnr_caption{ bottom: -177px !important;}
  .NewCombainedTab .react-tabs__tab{ width:100%;}
  .pckg_summaryContent_dy .travel_route_content h3{font-size: 12px !important;}
  .pckg_summaryContent_dy .pck_sury_htl_box_txt_list_dy ul{ gap: 5px;}
  .pckg_summaryContent_dy .pck_sury_htl_box_txt_list_dy ul li{flex-wrap: wrap;}
  .dy_sumryBtn{font-size: 12px;}
  .pckg_summaryContent_dy .pck_sumry_rslt_box h2{font-size: 12px;}
  .pckg_summaryContent_dy .pck_sumry_rslt_box h2 span{font-size: 12px;}
  .pckg_summaryContent_dy .pckgSumryFlRsltbx_Lft_dy p{font-size: 12px;}
  .sumryNewCheckList ul{ gap: 4px;}
  .sumryNewCheckList ul li:after{display:none;}
  
  /*transfer New Start*/

.TransNew_mdfy{ flex-wrap: wrap;}
.TransferNewresult_panel{ flex-wrap: wrap;}
.Transfer_Rslt_lft{ flex-wrap: wrap;}
.TransferNewresult_panel_col_l{flex: 0 0 100%; max-width: 100%;    border-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.TransferNewresult_panel_col_R{flex: 0 0 100%; max-width: 100%;border-radius:10px; border: solid #dddddd 1px; border-top-right-radius: 0px;border-top-left-radius: 0px; border-top: 0;}
.Transfer_Rslt_lftPic{flex: 0 0 100%; max-width: 100%; border-radius:10px;}
.Transfer_Rslt_lftDtls{flex: 0 0 100%; max-width: 100%;border-left: solid #dddddd 0px; border-top: solid #dddddd 1px;}
.Transfer_Rslt_lftPic img{height: 140px;border: none;padding: 0; margin-top: 0; margin-bottom: 0;}
.TrnfrNew_RsltDtlsBox2{flex-wrap: wrap; gap: 0;}
.TrnfrNew_RsltDtlsBox3{ flex-wrap: wrap;}
.TrnfrNew_RsltDtlsBox3_Dvd{ width: 100%;}
.Transfer_sort_list_main{ flex-wrap: wrap;gap: 5px}
.TransFerNewRslt .Transfer_sort_list ul li a{padding: 10px 5px;}
.Hotel_result_new .htlModifySrch_outer{ flex-wrap: wrap;}
.Hotel_result_new.modifyBox{height: inherit;}
.htlModifySrch_Lft_new{ flex-wrap: wrap; width: 100%;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.Transfer_srch_field_01{width: 100%; border:none;border: 1px solid #004a97; font-size: 13px; }
.Htl_Srh_Nw_clndr_date{font-size: 13px;}
.Transfer_field_02_clndr{width: 100%; flex-wrap: wrap;height: inherit;border:none;border-bottom:solid #ccc 1px; padding:10px 0;}
.Htl_srch_field_03_psger{width: 100%;}
.htlModifySrch_Rht_new{width: 100%;}
.Transfer_mdf_cldr_dvd{width: 100%;height: inherit;}
.Hotel_modify_Btn{ border-radius: 5px; border-top-left-radius: 0;border-top-right-radius: 0;}
.Transfer_srch_field_01 .Htl_Srh_input{    background: transparent;}
.htl_new_bradcumb h3{font-size: 16px;}
.Transf_pax_DetailsClm01{flex-wrap: wrap;}
.Transf_pax_DetailsClm1_Dtls { width: 100%;}
/*transfer New End*/
.dynamic_srch_list.dymyIdeasMain ul li{ width:100%;}
.dynamic_srch_list_box{ padding: 15px;}
.dy_listftr_price{ padding: 15px;}
.MultyRsltTripFlx .MultyRsltTripFlxOuter{ width:100%;}
.TransfDte_new .react-datepicker-popper{width: 290px;left: 20px !important;} 
.TransfDte_new > div input{ height: 31px;top: -8px;}

.dy_search_Btn{ position: fixed;bottom: 0;}


/*Jazeera New Start*/
	.breadcrumb_dy ul li a i {display: block;}
	.EditdateModal .theme_btnStyle{margin-top: 0;}
	.Dy_ActivitySelecton{flex-direction: column;align-items: flex-start;}
	.Dy_ActivitySelecton .dyActivityPics{width: 100%;}
	.Dy_ActivitySelecton .dynActivitySelection{ width: 100%; padding-bottom: 20px;}
	.Dy_ActivitySelecton .dySeltdActDtls{ width: 100%;}
	.dypackDestHeads{flex-direction: column; align-items: flex-start;}
	.dypackDestHeads .rslt_trip_hd_lft_dy{ width:100%;}
	.dypackDestHeads .dypackFilterSelct{ width:100%;}
	
	.newdypackRsltBox{ width:100%;flex-wrap:wrap;}
	.newdypackResultArea{flex-wrap: wrap;}
	.dypackRsltpic{ position: relative;width: 100%; height: 200px;}
	.dypackRsltpic img{ transform: inherit; height:200px; right: 0px;width: 100%;}
	.dypackRsltpic .LazyLoad.is-visible {
    width: 100% !important;
}
	.dyPackRsltDtls{ width:100%; min-height: 280px;}
	.dypackRsltBottom{width:100%;}
	.dypackRsltpic{ transform: inherit;-webkit-transform: inherit;transform-origin: inherit;}
	.flDtlsModal .modal-dialog{ width: 100% !important;max-width: 100%;}
	button.dypackSelectBtn{ padding: 7px 20px 7px 20px;}
	.dypackDestHeads .dypackFilterSelct span{width: 60%;}
	.dypackDestHeads .dypackFilterSelct select{width: 40%;}
	.jazeeraHotelDetails .room_dtls_combition_lft{ width:100%;}
	.jazeeraHotelDetails .room_dtls_combition_rht { width:100%;}
	
	.dy_ResultFiletrnew{flex-wrap: wrap;}
	.dy_ResultFiletrTittle{width: 100%;}
	.dy_ResultFiletrnewList{flex-wrap: wrap;width: 100%;}
	.dy_ResultFiletrnewList ul{flex-wrap: wrap;gap: 10px;}
	.dy_ResultFiletrnewList ul li{width: 100%;}
	.Dy_Rslt_StarBox{width: 100%;}
 .Dy_autoComplete .dropdown-menu{
	width: 100% !important;
}
.dyPackRsltDtls.dypackRstlHtlDtls {
    width: 100%;
    min-height: auto;
    flex-wrap: wrap;
	padding: 0px;
}
.newdypackRsltHtlRsltName {
    width: 100%;
    padding-top: 10px;
}
.newdypackRsltHtlRsltPrice {
    position: relative;
    width: 100%;
	margin-top: 10px;
}
.newdypackRsltHtlRsltPrice .dyhtlPriceDtls {
    position: inherit;
    right: auto;
    bottom: auto;
    text-align: right;
    display: flex;
    align-items: center;
}
.DY_modify_new_sec.modify_search_Box_dy {
    width: auto;
    margin: 0 auto 5px;
    /* Drops below .header (position:relative; z-index:9), which contains the
       mobile menu. At the base z-index:9 this box ties with .header and wins on
       DOM order, painting over the open menu. The desktop z-index only exists
       to clear the banner via the negative top margin, which is dropped here. */
    z-index: 1;
}
.dyPackRsltDtls.dypackRstlHtlDtls .dyPackprice {
    padding-top: 0;
    padding-bottom: 0;
}
/*Jazeera New End*/
   
  .add_dest_tab_dy li a {
    padding: 6px 12px;
    font-size: 13px;
    padding-left: 25px;
} 
.paxpaidfrst {
    font-size: 14px;
}
.dy_pack_pax_bag .tab-content ul li {
    padding-left: 0;
    margin-top: 0px;
}
.dy_pack_pax_bag .react-multiple-carousel__arrow--right {
    top: 82%;
}
.dy_pack_pax_bag .react-multiple-carousel__arrow--left {
    top: 82%;
}
.dypackRsltBottom ul {
    gap: 10px;
    flex-wrap: wrap;
}
.dypackRstlHtlDtls h1 {
    font-size: 17px;
    width: 100%;
}
.dypackRsltBottom ul li {
    font-size: 12px;
}
.dyPackprice h2 span {
    font-size: 18px;
}
.RsltFtrPriceForm_dy .RsltFltrfld_clndericon_dy {
    display: block !important;
}
.dyActivityPriceSumrynew {
    width: 100%;
}
.DynamicModify .hmdynmicFld01 { width: 100%;}

.dyrsltmetrixTripBox_outer{flex-wrap: wrap;}
.dyrsltmetrixTripBox{width: 100%;}
.dyTripBox_From, .dyTripBox_To{gap: 10px;}
.MobileOrder3{order: -1;}
.dyrsltmetrixTripBox .dypackselected{left: -12px !important;bottom: 0;transform: none; border-top-left-radius: 20px;border-bottom-left-radius: 0;}
.DyMatrix_change .dypackMetrixBox_change{ padding: 0 10px;}
.TransOnward{z-index: 6 !important;}
.TransReturn{z-index: 5 !important;}
.react-multiple-carousel__arrow{    z-index: 0 !important;}
.pax_bag_crsl .react-multiple-carousel__arrow--left{top: 30% !important;}
.pax_bag_crsl .react-multiple-carousel__arrow--right{top: 30% !important;}
.Dy_Metrix_airLogo{ width: 35px;}
.Dy_Metrix_Date h3 span{ font-size: 13px;}
.Dy_Metrix_FlightDtls h3 span{ font-size: 13px;}
.Dy_Metrix_Date h3{row-gap: 0;}
.Dy_Metrix_Date h3 span{ font-size: 13px; line-height: 18px;}

 
   .dy_bkngDtlsEmail .col_3{ width: 100%;}
   .dy_bkngDtlsEmail .col_4{ width: 100%;}
.DyActvityBtn .dyAccomResultDtls p {
    min-height: auto;
}
/* ===========================================================
   Pax page — "Your trip summary" box: compact for mobile.
   Tighten paddings, price, header and the adult/date rows so the
   summary takes less vertical space at the top of the page.
   =========================================================== */
.result_filter_box_dy { padding: 12px 12px; margin-top: 8px; }
.Rslt_fter_head_dy { padding-bottom: 10px; }
.Rslt_fter_head_dy h3 { font-size: 15px; line-height: 20px; }
.dy_sumry_night { padding: 4px 8px; }
.result_filter_box_sec2_dy { padding: 10px 0 6px; }
.RsltFtrPrice_dy h2 { font-size: 20px; line-height: 22px; }
.RsltFtrPrice_dy p { font-size: 12px; padding: 1px 0; line-height: 16px; }
/* Adult + date rows side by side on one line (was stacked) */
.result_filter_box_dy .RsltFtrPriceForm_dy { display: flex; gap: 8px; margin-top: 4px; }
.result_filter_box_dy .RsltFltr_field_ourt_dy { min-height: 34px; margin-top: 0; padding: 6px 8px; min-width: 0; }
.result_filter_box_dy .RsltFtrPriceForm_dy .RsltFltr_field_ourt_dy:first-child { flex: 4 1 0; }
.result_filter_box_dy .RsltFtrPriceForm_dy .RsltFltr_field_ourt_dy:last-child { flex: 8 1 0; }
.result_filter_box_dy .RsltFltr_field_dvd2_dy { white-space: nowrap; padding: 0 3px; }
.result_filter_box_dy .RsltFltr_field_dvd2_dy span { font-size: 11px; line-height: 16px; padding: 0 1px; }
/* Trip summary: collapsible accordion (head toggles the body; collapsed by default) */
.result_filter_box_dy .Rslt_fter_head_dy { cursor: pointer; position: relative; padding-right: 22px; padding-bottom: 0; border-bottom: none; }
.result_filter_box_dy .Rslt_fter_head_dy .dySummaryArrow {
    display: block; position: absolute; right: 2px; top: 50%; width: 8px; height: 8px;
    margin-top: -6px; border-right: 2px solid #004a97; border-bottom: 2px solid #004a97;
    transform: rotate(45deg); transition: transform .25s ease;
}
.result_filter_box_dy .Rslt_fter_head_dy.dySummaryOpen .dySummaryArrow { transform: rotate(-135deg); margin-top: -2px; }
.dy_summary_collapse { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.dy_summary_collapse.open { max-height: 4000px; }
.RsltFltr_field_dvd1_dy {
    width: auto;
}
.RsltFltr_field_ourt_dy {
    gap: 0px;
}
.DY_flight_filer .RsltFtrPrice_dy {
    margin-top: 5px;
}
.Trans_filter h4 {
    font-size: 18px;
    margin-bottom: 0;
}
.PaxDynamic_page .savedTravelerBtn{
	margin-bottom:15px;
}



}

@media (min-width: 320px) and (max-width: 480px) {
	.DY_modify_new_sec .RsltFtrPriceForm_dy{ flex-wrap: wrap;}
	.DY_modify_new_sec .dyrsltModifyGuestfld{ width: 100% !important;}
	.DY_modify_new_sec .RsltFltr_field_ourt_dy{ width: 100% !important;}
	.DY_modify_new_sec .RsltFltr_fieldChange_dy{ width: 100% !important;}
	.DY_modify_new_sec .RsltFltrfld_adulticon_dy{ display: block !important;}
	.DY_modify_new_sec .RsltFltr_fieldChange_dy span{ display: block !important;}
	.DY_modify_new_sec .RsltFltr_field_dvd2_dy { justify-content: flex-start;}
	.dypackairlineMatrix .dypackMetrixBox{ padding-top: 25px;}
	.dyrsltModifyGuestfld span{white-space: normal;width: 90%;}
}
@media (-webkit-device-pixel-ratio: 1.00) {
	body {zoom: 100%; /* all browsers *//*-webkit-transform: scale(1);*/  /* Firefox Bilaludeen labba*/}
}
@media (-webkit-device-pixel-ratio: 1.50) {
   body {zoom: 95%; /* all browsers *//*-moz-transform: scale(1);*/  /* Firefox */}
   .modify_price_sec_dy h3{ font-size:16px;}
   .modify_price_sec_dy p{font-size: 11px;}
   .dy_price_ftr{padding: 10px 0;}
   .RsltFtrPrice_dy h2{ font-size: 20px;}
   .dy_price_ftr_main a.RsltFtrPrice_button_dy{ height: 55px;}
}
@media (-webkit-device-pixel-ratio: 2.50) {
   body {zoom: 90%; /* all browsers *//*-moz-transform: scale(1);*/  /* Firefox */}
   .modify_price_sec_dy h3{ font-size:16px;}
   .modify_price_sec_dy p{font-size: 11px;}
}
/* ===========================================================
   DynamicPackageSummary — mobile timeline cleanup.
   Each row was: [date badge] [step line + type icon] [content card].
   On phones the step column and its connector lines floated at the right
   edge, detached. Stack each row cleanly instead: full-width date pill, a
   small centered type marker, hidden connector lines, full-width card.
   =========================================================== */
@media (max-width: 767px) {
    /* souqsafar-style timeline: content indented, continuous dashed rail on
       the left, nodes/icons pulled into the left gutter over the line */
    .pckg_summaryContent_dy .travel_route_dy {
        margin: 12px 0;
        position: relative;
        padding-left: 30px;
    }
    .pckg_summaryContent_dy .travel_route_dy::before {
        content: '';
        position: absolute;
        left: 12px;
        top: 8px;
        bottom: 8px;
        border-left: 2px dashed #b3c9e0;
        z-index: 0;
    }
    .pckg_summaryContent_dy .travel_route_item_dy {
        display: block;
        position: relative;
        min-height: auto;
        margin-bottom: 6px;
    }
    .pckg_summaryContent_dy .travel_route_date_dy {
        max-width: fit-content;
        min-width: 0;
        width: auto;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        border-radius: 10px;
        padding: 5px 10px;
        margin: 0 0 5px;
        text-align: left;
    }
    .pckg_summaryContent_dy .travel_route_date_dy span,
    .pckg_summaryContent_dy .travel_route_date_dy h3,
    .pckg_summaryContent_dy .travel_route_date_dy h4 {
        text-align: left;
    }
    /* node column pulled into the left gutter, centred on the dashed line */
    .pckg_summaryContent_dy .croute_step_dy {
        position: absolute;
        left: -30px;
        top: 0;
        width: 26px;
        min-width: 26px;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
        z-index: 1;
    }
    /* node dot / type icons sit on the line with a white halo */
    .pckg_summaryContent_dy .croute_step_dy .travel_routepoint_dy,
    .pckg_summaryContent_dy .croute_step_dy [class*="Icon_dy"] {
        background-color: #fff;
    }
    /* the solid segments aren't needed — the dashed ::before is the rail */
    .pckg_summaryContent_dy .step_line_top_dy,
    .pckg_summaryContent_dy .step_linebottom_dy {
        display: none;
    }
    /* keep the flight route compact so it fits the indented width */
    .pckg_summaryContent_dy .pck_sumry_rslt_box_lft,
    .pckg_summaryContent_dy .pck_sumry_rslt_box_rht {
        width: 30%;
    }
    .pckg_summaryContent_dy .pck_sumry_rslt_box_cntr {
        width: 34%;
        margin: 0 5px;
    }
    .pckg_summaryContent_dy .pck_sumry_rslt_box h2 {
        font-size: 13px;
        line-height: 16px;
    }
    .pckg_summaryContent_dy .pck_sumry_rslt_box h2 span {
        font-size: 12px;
    }
    .pckg_summaryContent_dy .travel_route_content {
        width: 100%;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    /* content cards edge-to-edge with tidy inner spacing */
    .pckg_summaryContent_dy .pck_sury_htl_box_dy {
        width: 100%;
    }
    .pckg_summaryContent_dy .travel_route_list_dy ul {
        flex-wrap: wrap;
        gap: 8px 14px;
    }
    .pckg_summaryContent_dy .sumry_bnr_img_dy {
        height: 70px;
    }
    .sumryDy_bnr_clm2 {
        top: 30%;
    }
     .sumryDy_bnr_clm3 ul {
    padding: 5px 15px;
}
}

/* Activity result (mobile): stick the price + Confirm to the page bottom */
@media (max-width: 767px) {
    .jazeeraActivityResult .dyActivityPriceSumrynew {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        margin: 0;
        padding: 12px 16px;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
        z-index: 99;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        text-align: left;
    }
    .jazeeraActivityResult .dyActivityPriceSumrynew .dyactrghtPrice {
        text-align: left;
    }
    .jazeeraActivityResult .dyActivityPriceSumrynew a.RsltFtrPrice_button_dy {
        width: auto;
        margin: 0;
        flex-shrink: 0;
	color: #1c1b1f !important;
    background: #ffce00;
    border: 1px solid #004a97 !important;
    }
    /* keep the last results clear of the fixed bar */
    section.jazeeraActivityResult {
        padding-bottom:10px;
    }
        a.sumryinsu_button2_cnfm_dy {
	color: #1c1b1f !important;
    background: #ffce00;
    border: 1px solid #004a97 !important;
}
button.theme_button.pax_payBtn {
	color: #1c1b1f !important;
    background: #ffce00;
    border: 1px solid #004a97 !important;
}
.RsltFtrPrice_dy h2 {
    font-size: 17px;
    padding: 0 0px;
    line-height: 15px;
}
}


/* Summary (mobile): stick the "Confirm trip" box to the page bottom */
@media (max-width: 767px) {
    .sumry_box02_dy {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-height: auto;
        margin: 0;
        border: none;
        border-top: 1px solid #cfe4f0;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
        padding: 12px 16px;
        z-index: 999;
        background: #fff;
    }
    /* keep the page content clear of the fixed bar */
    .DynamicContentArea:has(.pckg_summaryContent_dy) {
        padding-bottom: 20px;
    }
}

/* Add-transfer modal — mobile responsive fixes */
@media (max-width: 767px) {
    .check-modal.dyTransInerSearch .modal-dialog {
        max-width: 94% !important;
        width: 94% !important;
        margin: auto !important;
    }
    .check-modal.dyTransInerSearch .modal-content {
        max-height: 88vh;
        overflow-y: auto;
        border-radius: 15px;
    }
    .check-modal.dyTransInerSearch .pckTrasnferModalContent_lft_dy img {
                height: 100px;
        object-fit: contain;
    }
    .check-modal.dyTransInerSearch .pckTrasnferModalContent_rht_dy {
        overflow: visible;
    }
    /* Confirm / Change buttons: equal width, no cramping */
    .check-modal.dyTransInerSearch .pckTrasnferModalContent_rht_dy .d-flex.justify-content-end {
        justify-content: stretch !important;
        gap: 10px;
    }
    .check-modal.dyTransInerSearch .pckTrasnferModalContent_rht_dy .sumarymodal_button_dy {
        flex: 1;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px;
    }
    .pckgLftlistDy ul li {
    padding: 0 15px;
}
}

/* Pax page (mobile): stick the Fare Details + Pay Now box to the page bottom.
   Scoped to the mobile fare column and forced with !important; the fare box is
   the one containing the Pay button / fare breakdown (not the coupon box). */
@media (max-width: 767px) {
    .pax_couponMain.dy_coupon_b_dvd:has(.pax_payBtn),
    .dy_coupon_b_dvd_main .pax_couponMain.dy_coupon_b_dvd:has(.pax_payBtn),
    .dy_coupon_b_dvd_main .pax_couponMain.dy_coupon_b_dvd:has(.base_fare_wrp) {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        margin: 0 !important;
        z-index: 9999 !important;
        background: #fff;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
        padding: 12px 16px;
        max-height: 62vh;
        overflow-y: auto;
    }
    /* keep the page content clear of the fixed fare bar */
    .MinHeight:has(.pax_couponMain.dy_coupon_b_dvd),
    .DynamicContentArea:has(.pax_couponMain.dy_coupon_b_dvd) {
        padding-bottom: 20px;
    }
    .dyActivityPriceSumrynew h2 span {
    font-size: 20px;
}
.dy_activtyNear h3 {
    padding: 5px 0;
    font-size: 17px;
}
.dyAccomResultDtls h3 {
    font-size: 14px;
    padding-bottom: 5px;
    white-space: normal;
    overflow: auto;
}
.carousel-caption.amountplus h3 span {
    font-size: 14px;
}
.add_tran_list_dvd2_dy {
    padding: 10px;
    flex-wrap: wrap;
}
.add_tran_list_dvd2_clm1_dy {
    width: 100%;
}
.add_tran_list_dvd2_clm2_dy {
    width: 100%;
}
.laoderLogo{display: none;}
.search_area_top_clndr_dy{margin-bottom:40px;margin-top: 20px;}
.newloadingPatern {
    min-height:200px;
}
.DynamicContentArea{ min-height:300px;}
.dyTripBox_Details_btn {
    justify-content: end;
    width: 100%;
}
    section.DynamicContentArea.DY_paxsticky .pasngerHead {
        padding: 0;
        gap: 0px !important;
        margin: 0px;
    }
}

/* ===========================================================
   Branded fare bundle cards — mobile (one card per slide)
   The carousel viewport height is measured from the slider by the
   library's ResizeObserver, and every slide sits in one flex row —
   so each card stretches to the tallest tier. Collapsing the
   off-screen slides leaves only the active card contributing height,
   so the measured viewport tracks the card on screen.
   Do not force height:auto on .rec-carousel — its slider is
   absolutely positioned, so auto collapses the viewport to nothing.
   =========================================================== */
@media (max-width: 767px) {
    .brandedfare_new .brandedFare_carrousel .rec-slider,
    .brandedfare_new .brandedFare_carrousel .rec-swipable {
        align-items: flex-start;
    }
    .brandedfare_new .brandedFare_carrousel .rec-carousel-item,
    .brandedfare_new .brandedFare_carrousel .rec-item-wrapper,
    .brandedfare_new .brandedFare_carrousel .item {
        height: auto;
    }
    /* max-height, not height: the outgoing card keeps painting as it slides out */
    .brandedfare_new .brandedFare_carrousel .rec-carousel-item-hidden {
        max-height: 0;
    }
    .brandedfare_new .branded_scroll_main {
        flex: 0 0 auto;
        height: auto;
    }
    .flDtlsModal.brandedfare_new .brndedPrice{box-shadow: none;margin-top:10px;}
}

/* ===========================================================
   Modify search — mobile: open as a bottom sheet
   Sits above the fixed summary bar (z-index 999). The chips bar
   that toggles it stays tappable to close.
   =========================================================== */
@media (max-width: 767px) {
    .DynamicModify {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        margin: 0;
        border-radius: 16px 16px 0 0;
        max-height: 85vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 12px 16px 20px;
        box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18);
        animation: dyModifySheetUp 0.28s ease-out;
    }
    /* grab handle */
    .DynamicModify::before {
        content: "";
        display: block;
        width: 40px;
        height: 4px;
        margin: 0 auto 14px;
        border-radius: 4px;
        background: #cfd8e3;
    }
    /* keep the sheet clear of the fixed summary bar underneath */
    .DynamicModify .searchBtn {
        margin-bottom: 0;
    }
}
@keyframes dyModifySheetUp {
    from { transform: translateY(100%); }
    to   { transform: translateY(0); }
}

/* ===========================================================
   Nationality list — mobile: open as a bottom sheet
   The <ul> is styled inline by CountrySelectWithFlag.jsx
   (position:absolute; top:100%; z-index:1050; max-height:200px),
   so every override here needs !important. Fixed positioning also
   lifts it out of the modify sheet's overflow-y scroll box.
   z-index sits above the sheet's content within its stacking context.
   =========================================================== */
@media (max-width: 767px) {
    .DynamicModify .DyMdfy_Nation ul {
        position: fixed !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-height: 70vh !important;
        margin: 0 !important;
        padding: 12px 0 20px !important;
        border: none !important;
        border-radius: 16px 16px 0 0 !important;
        box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18) !important;
        z-index: 1002 !important;
        animation: dyModifySheetUp 0.28s ease-out;
    }
    /* grab handle */
    .DynamicModify .DyMdfy_Nation ul::before {
        content: "";
        display: block;
        width: 40px;
        height: 4px;
        margin: 0 auto 12px;
        border-radius: 4px;
        background: #cfd8e3;
    }
    /* touch-sized rows */
    .DynamicModify .DyMdfy_Nation ul li.dropdown-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        white-space: normal;
    }
}

/* ===========================================================
   Modify bar (pax | dates | pencil) — mobile: one line, both truncate
   The strings don't fit 375px together ("5 Adults | 1 Child | 3 Infants"
   + "20 Aug 2026 - 26 Aug 2026" + pencil), so the two chips split the
   row evenly (flex 1 1 0) and each ellipsizes. The base rules give one
   chip flex:0 0 auto, which let it take its full width and starve the
   other down to an empty pill — even shares are what prevent that.
   Must stay after the 320-480px block above to win the tie at 375px.
   =========================================================== */
@media (max-width: 767px) {
    .DY_modify_new_sec .RsltFtrPriceForm_dy {
        flex-wrap: nowrap !important;
    }
    /* Both chips get an identical flex, so they end up the same width.
       Spelled out with .dyrsltModifyGuestfld / :not(.dyrsltModifyGuestfld) to
       match the specificity of the pair in new_responsive.css (flex:0 0 auto /
       flex:1 1 auto). A plain .RsltFltr_field_ourt_dy selector loses to the
       :not() there, so only the pax chip would take the new flex — leaving it
       at basis 0 next to a max-content dates chip, i.e. icon-only. */
    .DY_modify_new_sec .RsltFtrPriceForm_dy .RsltFltr_field_ourt_dy.dyrsltModifyGuestfld,
    .DY_modify_new_sec .RsltFtrPriceForm_dy .RsltFltr_field_ourt_dy:not(.dyrsltModifyGuestfld) {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }
    /* the chips are flex containers, so text-overflow has to sit on the text
       itself — on the chip it would never render an ellipsis */
    .DY_modify_new_sec .RsltFtrPriceForm_dy .dyrsltModifyGuestfld span,
    .DY_modify_new_sec .RsltFtrPriceForm_dy .RsltFltr_field_dvd2_dy {
        width: auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    /* icons are flex items too — without this they shrink away to nothing */
    .DY_modify_new_sec .RsltFtrPriceForm_dy .RsltFltrfld_adulticon_dy,
    .DY_modify_new_sec .RsltFtrPriceForm_dy .RsltFltrfld_clndericon_dy {
        flex: 0 0 auto !important;
    }
    .DY_modify_new_sec .RsltFtrPriceForm_dy .RsltFltr_fieldChange_dy {
        flex: 0 0 auto !important;
    }
    .DY_modify_new_sec .RsltFtrPriceForm_dy .dypackModify_line {
        display: none !important;
    }
    .jazeeraActivityResult .dyseeMoreBox .dyseeMoretext {
    padding-bottom: 0;
}
}

/* ===========================================================
   Activity result 2-column layout — tablet & mobile
   Below 992px the sticky right price column stacks under the
   results grid (full width, not sticky). On mobile (<=767px)
   the price box itself becomes a fixed bottom bar via existing
   `.jazeeraActivityResult .dyActivityPriceSumrynew` rules.
   =========================================================== */
@media (max-width: 991px) {
    .dyActivityTwoColLayout {
        flex-direction: column;
    }
    .dyActivityResultCol {
        width: 100%;
    }
    .dyActivityPriceCol {
        flex: 1 1 auto;
        width: 100%;
        position: static;
        top: auto;
    }
}